/*
 Theme Name:   Digital Download Child
 Theme URI:    https://tusitio.com/digital-download-child/
 Description:  Child theme para Digital Download - modo oscuro + degradado naranja
 Author:       Tú / Gays Fans
 Author URI:   https://x.com/gays_fans
 Template:     digital-download
 Version:      1.0.0
 Text Domain:  digital-download-child
*/

/* ==========================================================================
   1. Importa el estilo del padre
   ========================================================================== */
@import url("../digital-download/style.css");

/* ==========================================================================
   2. Variables globales (modo oscuro + degradado)
   ========================================================================== */
:root {
    --dark-bg:        #0E0E0E;
    --dark-bg-light:  #1A1A1A;
    --dark-text:      #E0E0E0;
    --dark-text-light:#B0B0B0;
    --dark-border:    #333333;
    
    --gradient-start: #F62E06;
    --gradient-end:   #FA7236;
    --accent:         #F52A03;           /* color fallback si no se usa gradiente */
}

/* Fondo general oscuro */
body, .site {
    background: var(--dark-bg) !important;
    color: var(--dark-text) !important;
}

/* Tipografía Raleway en TODA la web */
body, button, input, select, textarea, .site-title, h1, h2, h3, h4, h5, h6 {
    font-family: 'Raleway', sans-serif !important;
}

/* Enlaces normales (no botones) */
a {
    color: #FF8A65; /* naranja claro para contraste */
}
a:hover, a:focus {
    color: var(--gradient-end);
}

/* ==========================================================================
   3. Botones principales → degradado naranja-rojo
   ========================================================================== */
.btn-primary,
button,
input[type="submit"],
input[type="button"],
.edd-submit.button,
.edd-add-to-cart.button,
#edd_purchase_form .edd-submit,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.comment-form .form-submit input#submit,
.rara-top,
.rara-pagination .page-numbers.current,
.rara-pagination a:hover,
.load-more-btn,
.edd-checkout .button {
    background: linear-gradient(90deg, var(--gradient-start) 0%, var(--gradient-end) 100%) !important;
    border: none !important;
    color: white !important;
    font-weight: 600 !important;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(246, 46, 6, 0.35);
}

.btn-primary:hover,
button:hover,
input[type="submit"]:hover,
.edd-submit.button:hover,
.edd-add-to-cart.button:hover,
#edd_purchase_form .edd-submit:hover,
.comment-form .form-submit input#submit:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(246, 46, 6, 0.5);
    background: linear-gradient(90deg, #FA7236 0%, #F62E06 100%) !important; /* invertimos para efecto */
}

/* Botones secundarios / outline (si los hay) */
button.outline,
a.button.outline,
.edd-cancel {
    background: transparent;
    border: 2px solid var(--gradient-start);
    color: var(--gradient-start);
}
button.outline:hover,
a.button.outline:hover {
    background: linear-gradient(90deg, var(--gradient-start) 0%, var(--gradient-end) 100%);
    color: white;
}

/* ==========================================================================
   4. Cabecera y navegación oscura
   ========================================================================== */
.site-header,
.hasbanner .site-header {
    background: rgba(14, 14, 14, 0.92) !important;
    border-bottom: 1px solid var(--dark-border) !important;
}

.main-navigation > div > ul > li > a,
.hasbanner .main-navigation > div > ul > li > a {
    color: #ddd !important;
}
.main-navigation > div > ul > li > a:hover,
.main-navigation > div > ul > li.current-menu-item > a {
    color: var(--gradient-end) !important;
}

/* Submenú oscuro */
.main-navigation ul ul {
    background: #1A1A1A !important;
    border: 1px solid var(--dark-border);
}
.main-navigation ul ul li a {
    color: #ccc !important;
}
.main-navigation ul ul li a:hover {
    background: #222 !important;
    color: white !important;
}

/* ==========================================================================
   5. Productos / tarjetas (modo oscuro)
   ========================================================================== */
.recent-items .item .text-holder,
.edd_download .entry-content,
.widget_edd_product_details,
#secondary .widget,
.footer-t .widget {
    background: var(--dark-bg-light) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text) !important;
}

.recent-items .item .text-holder .product-title a,
.edd_download .entry-title a {
    color: #fff !important;
}
.recent-items .item .text-holder .product-title a:hover {
    color: var(--gradient-end) !important;
}

/* Precio destacado */
.edd_price,
.purchase-price,
.price {
    color: var(--gradient-end) !important;
}

/* Fondo de secciones grandes */
.features, .testimonials, .newsletter-section, .cta-section {
    background: #111 !important;
    border-color: #222 !important;
}

/* Footer oscuro (ya es oscuro, solo ajustamos contraste) */
.site-footer {
    background: #0A0A0A !important;
}
.footer-t .widget ul a,
.footer-b .site-info,
.footer-b .social-networks a {
    color: #bbb !important;
}
.footer-t .widget ul a:hover,
.footer-b .social-networks a:hover {
    color: var(--gradient-end) !important;
}


/* ==========================================================================
   FORZAR TEXTO BLANCO en modo oscuro - prioridad alta
   ========================================================================== */

/* Títulos principales de entradas, páginas, productos, archivos */
.entry-title,
.entry-title a,
.page-title,
.archive .page-title,
.single-download .entry-title,
.widget-title,
#secondary .widget .widget-title,
.footer-t .widget .widget-title,
.related-posts .section-title,
.recent-items .section-header .section-title,
.cta-section .widget-title,
.testimonials .widget-title,
.features .widget-title,
.author-archive-title,
.error404 .error-holder .sub-title,
.error404 .error-holder .title {
    color: #ffffff !important;
}

/* Enlaces dentro de títulos (muy importante) */
.entry-title a,
.entry-title a:hover,
.entry-title a:focus,
.widget a,
.footer-t .widget a,
#secondary .widget a,
.related-posts .entry-title a,
.recent-items .product-title a {
    color: #ffffff !important;
}

.entry-title a:hover,
.related-posts .entry-title a:hover,
.recent-items .product-title a:hover {
    color: var(--gradient-end) !important;   /* naranja al pasar el mouse */
}

/* Textos generales de contenido, descripciones, meta */
.entry-content,
.entry-content p,
.entry-content li,
.entry-content blockquote,
.page-content,
.entry-summary,
.comment-content,
.widget .textwidget,
.widget_recent_entries .post-date,
.widget_raratheme_recent_post .entry-meta,
.widget_raratheme_popular_post .entry-meta,
.edd-download .entry-content,
.download-meta-name,
.edd-meta,
.author-description,
.post-navigation .post-title,
.comments-area .comment-author,
.comments-area .comment-metadata,
.comments-area .comment-content p {
    color: #f0f0f0 !important;   /* blanco suave para mejor lectura */
}

/* Metadatos más secundarios (autor, fecha, categorías, tags) */
.entry-meta,
.entry-meta a,
.cat-links a,
.tag-links a,
.posted-on,
.byline,
.comments-link,
.edit-link,
.archive-type,
.post-count,
.download-count-likes,
.edd-reviews-metadata,
.edd-review-meta .edd-review-metadata,
.footer-b .site-info,
.footer-b .social-networks a {
    color: #cccccc !important;   /* gris claro para no competir con lo principal */
}

.entry-meta a:hover,
.cat-links a:hover,
.tag-links a:hover {
    color: var(--gradient-end) !important;
}

/* Precios y elementos destacados (ya los teníamos en naranja, pero reforzamos) */
.edd_price,
.purchase-price,
.price,
.offer-price,
.edd_price_options .price,
.single-download .edd_price {
    color: var(--gradient-end) !important;
}

/* Forzar blanco en menús y cabecera */
.main-navigation ul li a,
.hasbanner .main-navigation ul li a,
.site-title a,
.site-description,
.site-header .tools .cart,
.site-header .tools .form-section {
    color: #ffffff !important;
}

.main-navigation ul li a:hover,
.main-navigation ul li.current-menu-item > a,
.site-title a:hover {
    color: var(--gradient-end) !important;
}

/* Footer (textos ya eran claros, pero reforzamos) */
.site-footer,
.site-footer a,
.footer-t .widget,
.footer-t .widget p,
.footer-t .widget li,
.footer-b .site-info,
.footer-b .social-networks a {
    color: #e0e0e0 !important;
}

.footer-t .widget a:hover,
.footer-b .social-networks a:hover {
    color: var(--gradient-end) !important;
}