/*
Theme Name: Astra Child Athenea
Template: astra
Text Domain: astra-child-athenea
Version: 1.0.0
Description: Tema hijo de Astra para Athenea, estilo minimalista inspirado en referencias.
Author: Marc
*/

/* Importar fuentes minimalistas más modernas */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Space+Grotesk:wght@300;400;500;600;700&display=swap');

/* Variables CSS para consistencia */
:root {
    --kos-primary: #1a1a1a;
    --kos-secondary: #666666;
    --kos-accent: #2d5a27;
    --kos-light: #f8f8f8;
    --kos-beige: #f5f3f0;
    --kos-white: #ffffff;
    --kos-border: #e0e0e0;
    --kos-font: 'Space Grotesk', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --kos-font-alt: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* Reset y base */
body {
    font-family: var(--kos-font);
    font-weight: 400;
    color: var(--kos-primary);
    line-height: 1.6;
    background-color: var(--kos-white);
}

/* Tipografía */
h1, h2, h3, h4, h5, h6 {
    font-family: var(--kos-font);
    font-weight: 500;
    color: var(--kos-primary);
    line-height: 1.2;
    margin: 0 0 1.5rem 0;
    letter-spacing: -0.02em;
}

h1 { font-size: 2.5rem; font-weight: 600; }
h2 { font-size: 2rem; font-weight: 500; }
h3 { font-size: 1.5rem; font-weight: 500; }
h4 { font-size: 1.25rem; font-weight: 400; }
h5 { font-size: 1.1rem; font-weight: 500; }
h6 { font-size: 1rem; font-weight: 500; }

p {
    margin: 0 0 1rem 0;
    color: var(--kos-secondary);
}

/* Enlaces */
a {
    color: var(--kos-primary);
    text-decoration: none;
    transition: color 0.3s ease;
}

a:hover {
    color: var(--kos-secondary);
}

/* Botones minimalistas */
button, .button, .btn {
    font-family: var(--kos-font);
    font-weight: 500;
    padding: 12px 24px;
    border: 1px solid var(--kos-primary);
    background: transparent;
    color: var(--kos-primary);
    cursor: pointer;
    transition: all 0.3s ease;
    text-transform: lowercase;
    letter-spacing: 0.5px;
}

button:hover, .button:hover, .btn:hover {
    background: var(--kos-primary);
    color: var(--kos-white);
}

/* Contenedores */
.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Secciones */
.section {
    padding: 60px 0;
}

.section-title {
    font-size: 1.5rem;
    font-weight: 500;
    text-align: center;
    margin-bottom: 3rem;
    text-transform: lowercase;
    letter-spacing: 1px;
}

/* Grid minimalista */
.grid {
    display: grid;
    gap: 20px;
}

.grid-2 { grid-template-columns: repeat(2, 1fr); }
.grid-3 { grid-template-columns: repeat(3, 1fr); }
.grid-4 { grid-template-columns: repeat(4, 1fr); }

/* Efecto Parallax para imágenes de fondo */
.elementor-section[data-elementor-type="section"] {
    background-attachment: fixed !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

/* Parallax específico para secciones con background-image */
.elementor-section[style*="background-image"] {
    background-attachment: fixed !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

/* Ajuste para móviles (desactivar parallax por rendimiento) */
@media (max-width: 768px) {
    .elementor-section[data-elementor-type="section"],
    .elementor-section[style*="background-image"] {
        background-attachment: scroll !important;
    }
}

/* Icono del carrito - mantener negro siempre */
.ast-site-header-cart i.astra-icon,
.ast-site-header-cart .astra-icon,
.ast-site-header-cart svg,
.ast-site-header-cart .cart-icon,
.ast-site-header-cart .woocommerce-cart-icon {
    color: var(--kos-primary) !important; /* Negro siempre */
    fill: var(--kos-primary) !important; /* Para SVGs */
}

/* Asegurar que el icono del carrito sea negro en todos los contextos */
.ast-header-break-point .ast-site-header-cart i.astra-icon,
.ast-header-break-point .ast-site-header-cart .astra-icon,
.ast-header-break-point .ast-site-header-cart svg {
    color: var(--kos-primary) !important;
    fill: var(--kos-primary) !important;
}

/* Home (navbar transparente) - icono BLANCO, contador NEGRO */
body.home .ast-site-header-cart .astra-icon,
body.home .ast-site-header-cart .ast-icon,
body.home .ast-site-header-cart svg,
body.home .ast-site-header-cart .ast-icon-shopping-bag,
body.home .ast-site-header-cart .icon-bag,
body.home .ast-site-header-cart svg path {
    color: #ffffff !important;
    fill: #ffffff !important;
}

/* Home - icono de la bolsa blanco */
body.home .ast-site-header-cart .astra-icon,
body.home .ast-site-header-cart .ast-icon,
body.home .ast-site-header-cart svg,
body.home .ast-site-header-cart .ast-icon-shopping-bag,
body.home .ast-site-header-cart .icon-bag,
body.home .ast-site-header-cart svg path {
    color: #ffffff !important;
    fill: #ffffff !important;
    position: relative !important;
}

/* Home - crear contador blanco con número negro */
body.home .ast-site-header-cart .astra-icon::after {
    background-color: #ffffff !important;
    color: #000000 !important;
    border: 1px solid #ffffff !important;
}

/* Home - contador existente si aparece */
body.home .ast-site-header-cart .ast-cart-count,
body.home .ast-site-header-cart .ast-cart-total,
body.home .ast-site-header-cart .ast-addon-cart-wrap .ast-cart-count,
body.home .ast-site-header-cart .ast-addon-cart-wrap .ast-cart-total {
    background-color: #ffffff !important;
    color: #000000 !important;
    border: 2px solid #ffffff !important;
}

/* Tienda (navbar normal) - icono NEGRO, contador BLANCO */
body.shop .ast-site-header-cart .astra-icon,
body.shop .ast-site-header-cart .ast-icon,
body.shop .ast-site-header-cart svg,
body.shop .ast-site-header-cart .ast-icon-shopping-bag,
body.shop .ast-site-header-cart .icon-bag,
body.shop .ast-site-header-cart svg path {
    color: #000000 !important;
    fill: #000000 !important;
}

/* Tienda - círculo del contador negro, número blanco */
body.shop .ast-site-header-cart .ast-cart-count,
body.shop .ast-site-header-cart .ast-cart-total {
    background-color: #000000 !important;
    color: #ffffff !important;
    border: 2px solid #000000 !important;
}

/* Ocultar anuncios de publicidad en productos */
#bannerL,
#bannerR,
#lipsumcom_left_siderail,
#lipsumcom_right_siderail,
.ahover,
.upo-label,
.__fs-ancillary,
.__fs-branding,
.fs-branding-spacer,
iframe[src*="googlesyndication"],
iframe[src*="safeframe"],
iframe[src*="btloader"],
div[data-freestar-ad],
div[data-google-query-id] {
    display: none !important;
}

/* Ocultar solo elementos específicos de publicidad dentro de las descripciones */
.woocommerce-Tabs-panel--description div[id*="banner"],
.woocommerce-Tabs-panel--description div[id*="siderail"],
.woocommerce-Tabs-panel--description .ahover,
.woocommerce-Tabs-panel--description .upo-label,
.woocommerce-Tabs-panel--description .__fs-ancillary,
.woocommerce-Tabs-panel--description .__fs-branding,
.woocommerce-Tabs-panel--description .fs-branding-spacer,
.woocommerce-Tabs-panel--description iframe[src*="googlesyndication"],
.woocommerce-Tabs-panel--description iframe[src*="safeframe"],
.woocommerce-Tabs-panel--description iframe[src*="btloader"],
.woocommerce-Tabs-panel--description div[data-freestar-ad],
.woocommerce-Tabs-panel--description div[data-google-query-id] {
    display: none !important;
}

/* Responsive */
@media (max-width: 768px) {
    .grid-2, .grid-3, .grid-4 {
        grid-template-columns: 1fr;
    }
    
    h1 { font-size: 2rem; }
    h2 { font-size: 1.75rem; }
    h3 { font-size: 1.25rem; }
    
    .section {
        padding: 40px 0;
    }
}