/*
Theme Name: Luis Mandiola Child - Edición Galería
Description: Diseño "Estilo Museo" con Glassmorphism, Micro-interacciones y Fix de Radios 8px.
*/

/* ==========================================================================
   1. VARIABLES, ANIMACIONES Y RESET
   ========================================================================== */
:root {
  --color-dark: #1a1a1a;
  --color-pure-black: #000000;
  --color-light: #ffffff;
  --color-accent: #ff6a00;
  --font-heading: 'Poppins', sans-serif;
  --font-body: 'Inter', sans-serif;
  --transition-smooth: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.5s ease;
  --transition-color: background 0.3s ease, border-color 0.3s ease, letter-spacing 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  --shadow-museum: 0 15px 35px rgba(0,0,0,0.1);
  --radius-standard: 8px;
}

@keyframes fadeInUpSolemne {
  0% { opacity: 0; transform: translateY(30px); filter: blur(5px); }
  100% { opacity: 1; transform: translateY(0); filter: blur(0); }
}

@keyframes btnShine {
  0% { transform: translateX(-100%); }
  100% { transform: translateX(125%); }
}

/* Limpieza Global */
.woocommerce-breadcrumb, .ast-breadcrumbs, .woocommerce-products-header,
.woocommerce-result-count, .woocommerce-ordering { display: none !important; }

body { font-family: var(--font-body); }
h1, h2, h3, h4, h5, h6 { font-family: var(--font-heading); }

/* ==========================================================================
   2. COMPONENTES: ART GRID & CARDS
   ========================================================================== */
.art-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); /* Adjusted for better aspect ratio */
  gap: 25px;
  align-items: start;
}

.art-card {
  position: relative;
  background: rgba(255, 255, 255, 0.05) !important;
  background-color: #f7f7f7 !important; /* Placeholder background */
  backdrop-filter: blur(12px);
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  padding: 30px !important;
  border-radius: 12px; 
  transition: var(--transition-smooth), var(--transition-color) !important;
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end; /* Push text to bottom */
  text-decoration: none !important;
  overflow: hidden;
  /* Performance Fix: Reserve space for lazy-loaded images */
  min-height: 450px; 
  aspect-ratio: 4 / 5.5;
}

.art-card img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  transition: transform 0.8s ease;
}

.art-card h3, .art-card span {
  position: relative;
  z-index: 1;
  background: rgba(255,255,255,0.9);
  width: 100%;
  text-align: center;
  margin: 0;
  padding: 10px 0;
}

.art-card:hover {
  transform: translateY(-10px);
  background: rgba(255, 255, 255, 0.12) !important;
  border-color: var(--color-accent) !important;
  box-shadow: var(--shadow-museum) !important;
}

.art-card h3 {
  letter-spacing: 2px;
  transition: var(--transition-smooth), var(--transition-color);
  text-transform: uppercase;
}

.art-card:hover h3 { letter-spacing: 5px; color: var(--color-accent); }

/* ==========================================================================
   3. BOTONES (ESTILO SOLEMNE CON DESTELLO)
   ========================================================================== */
.button, .woocommerce-Button, #place_order, .thank-you-button, 
.contact-submit, .wpcf7-submit, .elementor-button {
    background: var(--color-pure-black) !important;
    color: white !important;
    letter-spacing: 5px !important;
    text-transform: uppercase !important;
    padding: 20px 45px !important;
    border-radius: var(--radius-standard) !important;
    transition: var(--transition-smooth), var(--transition-color) !important;
    position: relative;
    overflow: hidden;
    border: none !important;
    cursor: pointer;
    display: inline-block;
    text-align: center;
}

/* Efecto Shine mejorado */
.button::after, .woocommerce-Button::after, #place_order::after, .elementor-button::after {
    content: ""; 
    position: absolute; 
    top: 0; 
    left: 0;
    transform: translateX(-100%);
    width: 50%; 
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);
    transition: none; /* Evita que la transición suave interfiera con la animación */
}

.button:hover::after, .woocommerce-Button:hover::after, #place_order:hover::after, .elementor-button:hover::after {
    animation: btnShine 0.8s forwards;
}

.button:hover, #place_order:hover, .elementor-button:hover {
    letter-spacing: 7px !important;
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.2) !important;
    background: #333 !important; /* Un gris muy oscuro para feedback visual */
}



/* Fix Autofill Navegadores */
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px rgba(255, 255, 255, 0.9) inset !important;
    border-radius: var(--radius-standard) !important;
}





/* ==========================================================================
   6. RESPONSIVE
   ========================================================================== */
@media (max-width: 768px) {
    .button, #place_order, .elementor-button { width: 100% !important; }
}


/* ==========================================================================
   SINCRONIZACIÓN FINAL: FORMULARIO GLASS + RADIOS 8PX
   ========================================================================== */

/* 1. Forzar que los campos sean de cristal (Glassmorphism) */
.contact-form input, 
.contact-form textarea,
.wpcf7-form-control,
.elementor-field-textual,
.woocommerce-Input--text {
    background: rgba(255, 255, 255, 0.05) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
    border-bottom: 2px solid rgba(0, 0, 0, 0.2) !important;
    border-radius: var(--radius-standard) !important;
    padding: 15px !important;
    color: var(--color-dark) !important;
    transition: var(--transition-smooth) !important;
}

/* 2. Fix para Focus */
.contact-form input:focus, 
.contact-form textarea:focus,
.elementor-field-textual:focus {
    background: rgba(255, 255, 255, 0.12) !important;
    border-color: var(--color-accent) !important;
    border-bottom-color: var(--color-accent) !important;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05) !important;
    outline: none !important;
}

/* 3. Ajuste de las Etiquetas (Estilo Museo) */
.contact-form label,
.elementor-field-label {
    text-transform: uppercase !important;
    letter-spacing: 3px !important;
    font-size: 0.7rem !important;
    font-weight: 700 !important;
    color: #444 !important;
    margin-bottom: 8px !important;
    display: block;
}

/* ==========================================================================
   FIX DE ESPACIADO: BOTÓN SEND VS CATEGORÍAS
   ========================================================================== */

/* 1. Separación Crítica: Empuja las categorías hacia abajo */
.contact-form .contact-submit, 
.wpcf7-submit,
.elementor-button[type="submit"],
.elementor-field-group-submit {
    margin-bottom: 100px !important; 
    display: block !important;
    clear: both !important;
}

/* 2. Alineación del Grid de Categorías */
.art-grid, 
.category-buttons-row {
    margin-top: 50px !important;
    clear: both !important;
}

/* ==========================================================================
   REPARACIÓN DE RASTREO (TRACK ORDER GLASS LOOK)
   ========================================================================== */

.track_order input, 
.woocommerce-form-track-order input.input-text {
    background: rgba(255, 255, 255, 0.05) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
    border-bottom: 2px solid rgba(0, 0, 0, 0.2) !important;
    border-radius: var(--radius-standard) !important;
    padding: 15px !important;
    color: var(--color-dark) !important;
}

.track_order .button, 
.woocommerce-form-track-order button.button {
    background: var(--color-pure-black) !important;
    color: white !important;
    text-transform: uppercase !important;
    letter-spacing: 5px !important;
    padding: 18px 45px !important;
    border-radius: var(--radius-standard) !important;
    border: none !important;
    margin-top: 15px !important;
    transition: var(--transition-smooth) !important;
}

/* ==========================================================================
   REPARACIÓN ESTRUCTURAL: MI CUENTA (DASHBOARD FIX)
   ========================================================================== */

.woocommerce-account .woocommerce {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    max-width: 1000px !important;
    margin: 40px auto !important;
}

.woocommerce-MyAccount-navigation {
    width: 100% !important;
    margin-bottom: 30px !important;
}

.woocommerce-MyAccount-navigation ul {
    display: flex !important;
    justify-content: center !important;
    flex-wrap: nowrap !important; /* Mantenemos línea única */
    overflow-x: auto !important; /* Scroll si no cabe */
    gap: 25px !important;
    border-bottom: 1px solid rgba(0,0,0,0.1) !important;
    padding-bottom: 15px !important;
    list-style: none !important;
}

/* Ocultar iconos intrusivos */
.woocommerce-MyAccount-navigation li a::before,
.woocommerce-MyAccount-navigation li i {
    display: none !important;
}

.woocommerce-MyAccount-navigation li a {
    text-transform: uppercase !important;
    font-size: 0.75rem !important;
    letter-spacing: 2px !important;
    color: #999 !important;
    white-space: nowrap;
}

.woocommerce-MyAccount-navigation li.is-active a {
    color: #000 !important;
    border-bottom: 2px solid var(--color-accent) !important;
    padding-bottom: 13px;
}

.woocommerce-MyAccount-content {
    width: 100% !important;
    background: rgba(255, 255, 255, 0.08) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    padding: 40px !important;
    border-radius: var(--radius-standard) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    box-shadow: var(--shadow-museum) !important;
}

/* Limpieza de imágenes de perfil repetidas en dashboard */
.woocommerce-MyAccount-content img.avatar {
    border-radius: 50%;
    margin-bottom: 20px;
}


/* ==========================================================================
   5. Enlaces de Footer (Privacy, Return, etc.): Estilo Minimalista
   ========================================================================== */
.site-footer a, .woocommerce-account + .site-footer a {
    text-transform: uppercase !important;
    font-size: 9px !important;
    letter-spacing: 3px !important;
    opacity: 0.5;
    padding: 0 15px;
    transition: var(--transition-smooth);
    text-decoration: none !important;
}

.site-footer a:hover { opacity: 1; color: var(--color-accent) !important; }

/* ==========================================================================
   REPARACIÓN DE FACTURACIÓN (BILLING GLASS & RADIUS 8PX)
   ========================================================================== */

/* 1. Forzar Vidrio y Radios de 8px en campos de pago y Select2 */
.woocommerce-checkout input.input-text, 
.woocommerce-checkout select, 
.woocommerce-checkout textarea,
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
    background: rgba(255, 255, 255, 0.05) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
    border-bottom: 2px solid rgba(0, 0, 0, 0.2) !important;
    border-radius: var(--radius-standard) !important;
    padding: 12px 15px !important;
    color: var(--color-dark) !important;
    height: auto !important;
    min-height: 45px;
    transition: var(--transition-smooth) !important;
}

/* Fix específico para Select2 (Países/Provincias) */
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 45px !important;
    color: var(--color-dark) !important;
    text-transform: uppercase;
    font-size: 0.7rem;
    letter-spacing: 1px;
}

/* 2. Etiquetas de Facturación */
.woocommerce-billing-fields label, 
.woocommerce-shipping-fields label,
.woocommerce-checkout-review-order-table th {
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    font-size: 0.65rem !important;
    font-weight: 700 !important;
    color: #444 !important;
    margin-bottom: 8px !important;
}

/* 3. Efecto de Foco en Checkout */
.woocommerce-checkout input:focus, 
.woocommerce-checkout select:focus,
.select2-container--default.select2-container--focus .select2-selection--single {
    background: rgba(255, 255, 255, 0.12) !important;
    border-color: var(--color-accent) !important;
    outline: none !important;
}

/* ==========================================================================
   REVISIÓN: PÁGINA DE AGRADECIMIENTO (THANK YOU)
   ========================================================================== */

.woocommerce-order-received .woocommerce-thankyou-order-received {
    text-align: center !important;
    background: rgba(255, 255, 255, 0.05) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: var(--radius-standard) !important;
    padding: 60px 40px !important;
    margin: 60px auto !important;
    max-width: 800px !important;
    box-shadow: var(--shadow-museum);
    animation: fadeInUpSolemne 1.2s ease forwards;
}

.woocommerce-thankyou-order-received {
    font-family: var(--font-heading);
    text-transform: uppercase;
    letter-spacing: 6px !important;
    font-size: 1.4rem !important;
    color: var(--color-accent) !important;
    margin-bottom: 30px !important;
}

/* Detalles del Pedido (Cuadros de Cristal) */
.woocommerce-order-details, 
.woocommerce-customer-details {
    background: rgba(255, 255, 255, 0.03) !important;
    backdrop-filter: blur(10px);
    padding: 30px !important;
    border-radius: var(--radius-standard) !important;
    border: 1px solid rgba(0, 0, 0, 0.05) !important;
    margin-top: 30px !important;
}

/* Info de referencia (Nº pedido, fecha) */
.woocommerce-thankyou-order-details {
    display: flex !important;
    justify-content: center !important;
    gap: 20px;
    flex-wrap: wrap;
    list-style: none !important;
    background: none !important;
    border: none !important;
    padding: 0 !important;
}

.woocommerce-thankyou-order-details li {
    font-size: 0.65rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    border-right: 1px solid rgba(0,0,0,0.1);
    padding-right: 20px;
}

.woocommerce-thankyou-order-details li:last-child { border: none; }

/* ==========================================================================
   OPTIMIZACIÓN MÓVIL: CATEGORÍAS Y FOOTER
   ========================================================================== */

@media (max-width: 768px) {
    /* Grid de Categorías en Móvil */
    .art-grid, .category-buttons-row {
        grid-template-columns: 1fr 1fr !important;
        gap: 15px !important;
        padding: 0 15px !important;
    }

    .art-card {
        min-height: 100px !important;
        padding: 20px 10px !important;
        border-radius: var(--radius-standard) !important;
    }

    .art-card h3 {
        font-size: 0.75rem !important;
        letter-spacing: 2px !important;
    }

    /* Checkout en Móvil: Inputs al 100% */
    .form-row-first, .form-row-last {
        width: 100% !important;
        float: none !important;
    }

    /* Footer en Móvil */
    .site-footer .footer-links {
        flex-direction: column !important;
        align-items: center !important;
        gap: 10px !important;
    }

    .site-footer a {
        font-size: 10px !important;
        border-bottom: 1px solid rgba(0,0,0,0.05);
        width: 90%;
        text-align: center;
        padding: 10px 0 !important;
    }
}


/* ==========================================================================
   4. COPYRIGHT & FOOTER FINAL
   ========================================================================== */
@media (max-width: 768px) {
    .ast-footer-copyright {
        border-top: none !important;
        margin-top: 30px !important;
        opacity: 0.4;
        font-size: 10px !important;
        text-transform: uppercase;
        letter-spacing: 1px;
    }
}

/* ==========================================================================
   SOLUCIÓN MAESTRA MÓVIL: MI CUENTA (RESCATE TOTAL)
   ========================================================================== */
@media (max-width: 768px) {
    .woocommerce-account .woocommerce,
    .woocommerce-MyAccount-content {
        width: 100% !important;
        padding: 20px !important;
        margin: 0 auto !important;
        box-sizing: border-box !important;
    }

    /* Menú de Navegación Móvil: Columna Legible */
    .woocommerce-MyAccount-navigation ul {
        flex-direction: column !important;
        align-items: center !important;
        background: rgba(255, 255, 255, 0.05) !important;
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
        padding: 15px !important;
        border-radius: var(--radius-standard) !important;
        gap: 5px !important;
    }

    .woocommerce-MyAccount-navigation li a {
        color: #000 !important;
        font-size: 0.75rem !important;
        letter-spacing: 2px !important;
        font-weight: 700 !important;
        padding: 12px 0 !important;
        border-bottom: 1px solid rgba(0,0,0,0.05) !important;
        width: 100%;
        text-align: center;
    }

    /* Cuadro de Información (Avisos de Carrito Vacío, etc.) */
    .woocommerce-info, .woocommerce-message {
        background: rgba(255, 255, 255, 0.05) !important;
        backdrop-filter: blur(15px) !important;
        border: 1px solid rgba(0,0,0,0.05) !important;
        border-radius: var(--radius-standard) !important;
        padding: 30px 20px !important;
        text-align: center !important;
    }

    /* Botón "Browse Products" / Acciones en Mi Cuenta */
    .woocommerce-Button, 
    .woocommerce-info a.button, 
    .woocommerce-MyAccount-content .button {
        display: block !important;
        width: 100% !important;
        max-width: 300px !important;
        margin: 20px auto 0 !important;
        padding: 15px !important;
        font-size: 0.8rem !important;
        letter-spacing: 2px !important;
    }
}

/* ==========================================================================
   CABECERA MÓVIL: SIMETRÍA TOTAL (LOGO - MENÚ - CARRITO)
   ========================================================================== */
@media (max-width: 921px) {
    .elementor-element-6daa0e75 > .elementor-container,
    .elementor-element-6daa0e75 .elementor-widget-wrap {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;
    }

    /* Reparto equitativo para centrado perfecto */
    .elementor-widget-theme-site-logo,
    .elementor-widget-nav-menu,
    .elementor-widget-woocommerce-menu-cart {
        flex: 1 !important;
        display: flex !important;
        margin: 0 !important;
    }

    .elementor-widget-theme-site-logo { justify-content: flex-start; }
    .elementor-widget-nav-menu { justify-content: center; }
    .elementor-widget-woocommerce-menu-cart { justify-content: flex-end; }

    /* Estilo de Iconos (Corregido: Sin recuadro negro) */
    .elementor-menu-toggle, 
    .elementor-menu-cart__toggle .elementor-button,
    .elementor-menu-cart__toggle {
        background: transparent !important;
        background-color: transparent !important;
        border: none !important;
        box-shadow: none !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
    }

    /* Hamburguesa Negra */
    .elementor-menu-toggle i { 
        font-size: 28px !important; 
        color: #000000 !important; 
    }

    /* Cesta Negra Visible */
    .elementor-menu-cart__toggle i,
    .elementor-menu-cart__toggle .elementor-button-icon { 
        font-size: 24px !important; 
        color: #000000 !important; 
        opacity: 1 !important;
    }
    
    /* Pequeño círculo del contador */
    .elementor-button-count {
        background-color: #000 !important;
        color: #fff !important;
        font-size: 10px !important;
    }

    .elementor-widget-theme-site-logo img { max-width: 45px !important; height: auto !important; }

    .ast-site-title-wrap, .site-description, .elementor-widget-theme-site-title { 
        display: none !important; 
    }
} /* <--- ESTA LLAVE FALTABA AQUÍ PARA CERRAR EL MODO MÓVIL */

/* ==========================================================================
   ESTÉTICA DE NAVEGACIÓN "MI CUENTA" (ESCRITORIO)
   ========================================================================== */
@media (min-width: 769px) {
    .woocommerce-MyAccount-navigation ul {
        display: flex;
        justify-content: center;
        gap: 30px;
        padding: 20px 0;
        border-bottom: 1px solid #f0f0f0;
        margin-bottom: 40px;
        list-style: none;
    }

    .woocommerce-MyAccount-navigation li a {
        letter-spacing: 1.5px;
        text-transform: uppercase;
        color: #999;
        font-size: 12px;
        text-decoration: none;
        transition: var(--transition-smooth);
    }

    .woocommerce-MyAccount-navigation li.is-active a {
        color: #000;
        border-bottom: 1px solid #000;
        padding-bottom: 5px;
    }
}

/* ==========================================================================
   PARTE 5: PULIDO FINAL - CARRITO Y CATEGORÍAS RESISTENTES
   ========================================================================== */

/* 1. Tabla de Carrito: Estilo Limpio en Móvil */
@media (max-width: 768px) {
    .woocommerce-cart-form__contents thead { display: none !important; } /* Ocultar cabecera de tabla */
    
    .woocommerce-cart-form__cart-item {
        display: block !important;
        background: rgba(255, 255, 255, 0.05) !important;
        border: 1px solid rgba(0,0,0,0.05) !important;
        border-radius: var(--radius-standard) !important;
        margin-bottom: 20px !important;
        padding: 15px !important;
    }

    .woocommerce-cart-form__cart-item td {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        border: none !important;
        padding: 8px 0 !important;
        text-align: right !important;
    }

    .woocommerce-cart-form__cart-item td::before {
        content: attr(data-title) ": ";
        font-weight: 700;
        text-transform: uppercase;
        font-size: 10px;
        letter-spacing: 1px;
        float: left;
    }

    /* Imagen del producto en el carrito */
    .product-thumbnail img {
        width: 80px !important;
        border-radius: 4px !important;
    }
}

/* 2. FIX DEFINITIVO: BOTONES DE CATEGORÍA (NO SOLAPAMIENTO) */
@media (max-width: 767px) {
    /* Forzamos que los botones de Escultura, Pintura, etc. no choquen */
    .elementor-widget-button .elementor-button {
        white-space: normal !important; /* Permite que el texto baje si es muy largo */
        word-break: break-word !important;
        text-align: center !important;
        padding: 15px 10px !important;
        min-height: 60px !important;
        line-height: 1.2 !important;
    }

    /* Si usas un Grid de Elementor para los botones, forzamos 1 sola columna */
    .elementor-grid-2, .elementor-grid-3, .elementor-grid-4 {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }
}

/* 3. Estilo de los Totales del Carrito (Glassmorphism) */
.cart_totals {
    background: rgba(255, 255, 255, 0.05) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(0,0,0,0.1) !important;
    border-radius: var(--radius-standard) !important;
    padding: 30px !important;
}

.cart_totals h2 {
    font-size: 1.2rem !important;
    letter-spacing: 3px !important;
    text-transform: uppercase !important;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    padding-bottom: 15px;
    margin-bottom: 20px !important;
}

/* 4. Botón "Finalizar Compra" (Unificado) */
.checkout-button {
    background: var(--color-pure-black) !important;
    letter-spacing: 4px !important;
    font-weight: 700 !important;
    padding: 20px !important;
    border-radius: var(--radius-standard) !important;
}

/* ==========================================================================
   FIX DEFINITIVO: QUITAR RECUADRO NEGRO DEL CARRITO
   ========================================================================== */

/* 1. Forzar fondo transparente en el botón del carrito */
.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__toggle .elementor-button {
    background-color: transparent !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 5px !important;
}

/* 2. Hacer que el icono de la cesta sea negro y bien visible */
.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__toggle i,
.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__toggle .elementor-button-icon {
    color: #000000 !important; /* Negro puro */
    font-size: 24px !important; /* Tamaño elegante */
    opacity: 1 !important;      /* Sin transparencias */
}

/* 3. Estilo del contador de productos (el numerito) */
.elementor-button-count {
    background-color: #000000 !important; /* Círculo negro */
    color: #ffffff !important;           /* Número blanco */
    font-size: 10px !important;
    border-radius: 50% !important;
}


/* ==========================================================================
   LIMPIEZA TOTAL DASHBOARD (ADIÓS ICONOS Y BARRAS)
   ========================================================================== */

/* 1. Eliminar iconos, sombras y flechas de navegación del menú */
.woocommerce-MyAccount-navigation ul li a::before,
.woocommerce-MyAccount-navigation i,
.woocommerce-MyAccount-navigation svg {
    display: none !important;
}

/* 2. Quitar la barra de desplazamiento gris (scrollbar) */
.woocommerce-MyAccount-navigation ul {
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none;  /* IE/Edge */
}
.woocommerce-MyAccount-navigation ul::-webkit-scrollbar {
    display: none; /* Chrome/Safari */
}

/* 3. Cambiar la línea azul por tu naranja Mandiola */
.woocommerce-MyAccount-navigation li.is-active {
    border-bottom: none !important;
}

.woocommerce-MyAccount-navigation li.is-active a {
    color: var(--color-pure-black) !important;
    border-bottom: 2px solid var(--color-accent) !important; /* Línea naranja */
    padding-bottom: 10px;
}

/* 4. Ajustar el texto "Hello luismandiola" para que no se vea repetido */
.woocommerce-MyAccount-content p:first-child {
    font-size: 1.1rem !important;
    font-weight: 300 !important;
    letter-spacing: 1px;
    margin-bottom: 30px !important;
}

/* ==========================================================================
   DASHBOARD: MÁXIMA PUREZA ESTILO GALERÍA (OPERACIÓN LIMPIEZA)
   ========================================================================== */

/* 1. ELIMINAR SALUDO Y AVATAR (Selectores de mayor jerarquía) */
.woocommerce-MyAccount-content p:first-of-type,
.woocommerce-MyAccount-content .u-columns.col2-set + p,
.woocommerce-MyAccount-content img.avatar,
.woocommerce-MyAccount-content .woocommerce-MyAccount-content__avatar,
.woocommerce-MyAccount-content br {
    display: none !important;
}

/* 2. LIMPIEZA DE NAVEGACIÓN: MATAR LÍNEA AZUL Y NARANJA */
/* Mata la línea azul vertical (borde de columna en Astra) */
.woocommerce-MyAccount-navigation {
    border-right: none !important;
    border: none !important;
    padding: 0 !important;
}

.woocommerce-MyAccount-navigation ul {
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
}

.woocommerce-MyAccount-navigation li {
    border: none !important; /* Elimina bordes entre elementos */
    background: transparent !important;
}

/* Mata la línea naranja y limpia el texto */
.woocommerce-MyAccount-navigation li a {
    border: none !important; /* Fuerza la eliminación de la línea naranja */
    background: transparent !important;
    box-shadow: none !important;
    color: #999 !important; /* Gris suave */
    font-size: 11px !important;
    letter-spacing: 4px !important; 
    text-transform: uppercase !important;
    padding: 15px 0 !important;
    position: relative;
    display: inline-block;
}

/* 3. SECCIÓN ACTIVA: ÚNICAMENTE LÍNEA NEGRA FINA */
.woocommerce-MyAccount-navigation li.is-active a {
    color: #000000 !important;
}

/* Nuestra línea negra minimalista */
.woocommerce-MyAccount-navigation li.is-active a::after {
    content: "" !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 15% !important;
    width: 70% !important;
    height: 1px !important; 
    background: #000000 !important;
    display: block !important;
    z-index: 99 !important; /* Asegura que esté por encima de todo */
}

/* 4. BLOQUE DE AVISO (Look Ficha Técnica Museal) */
.woocommerce-info {
    background: rgba(255, 255, 255, 0.05) !important;
    backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px) !important;
    border: none !important;
    border-top: 1px solid #000 !important; /* Línea negra superior fina */
    padding: 50px 30px !important;
    text-align: center !important;
    border-radius: 0px !important;
    flex-direction: column !important; /* Botón debajo del texto */
}

/* Icono del aviso fuera */
.woocommerce-info::before {
    display: none !important;
}

/* ==========================================================================
   5. BOTÓN BROWSE PRODUCTS (SOLO PARA DASHBOARD Y AVISOS)
   ========================================================================== */

/* Usamos selectores específicos de WooCommerce para no tocar la cabecera */
.woocommerce-MyAccount-content .button, 
.woocommerce-Button, 
.woocommerce-info .button {
    background: #000000 !important;
    color: #ffffff !important;
    letter-spacing: 5px !important;
    font-weight: 300 !important;
    padding: 20px 45px !important;
    border-radius: 0px !important;
    margin-top: 20px !important;
    display: inline-block !important;
    border: none !important;
    text-transform: uppercase !important;
}

/* 
   PROTECCIÓN DE CABECERA: 
   Aseguramos que el botón de la cesta NO sea negro 
*/
.elementor-menu-cart__toggle .elementor-button,
.elementor-widget-woocommerce-menu-cart .elementor-button {
    background: transparent !important;
    background-color: transparent !important;
    padding: 0 !important;
}

.elementor-menu-cart__toggle i {
    color: #000000 !important;
}

/* ====== BOTÓN VIEW CART (ELEMENTOR) ====== */
.elementor-menu-cart__footer-buttons a.elementor-button--view-cart,
.elementor-menu-cart__footer-buttons a.elementor-button--view-cart .elementor-button-text {
    color: #111111 !important;
    background-color: transparent !important;
}

/* ====== BOTÓN CHECKOUT (ELEMENTOR) ====== */
.elementor-menu-cart__footer-buttons a.elementor-button--checkout,
.elementor-menu-cart__footer-buttons a.elementor-button--checkout .elementor-button-text {
    background-color: #111111 !important;
    color: #ffffff !important;
}

/* ==========================================================================
   7. MUSEUM FOOTER NAVIGATION (SEO & ORPHAN PAGES FIX)
   ========================================================================== */
.museum-footer-nav {
    background: rgba(255, 255, 255, 0.02);
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    padding: 60px 20px;
    text-align: center;
    margin-top: 40px;
    clear: both;
}

.footer-nav-container {
    max-width: 800px;
    margin: 0 auto;
}

.footer-nav-title {
    text-transform: uppercase;
    letter-spacing: 5px;
    font-size: 0.8rem;
    color: #888;
    margin-bottom: 25px;
    font-weight: 300;
}

.footer-nav-links {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
    line-height: 2;
}

.footer-nav-links a {
    text-transform: uppercase;
    font-size: 0.7rem;
    letter-spacing: 2px;
    color: #444;
    text-decoration: none !important;
    transition: var(--transition-smooth);
    padding: 5px 10px;
}

.footer-nav-links a:hover {
    color: var(--color-accent) !important;
    letter-spacing: 3px;
    background: rgba(0,0,0,0.02);
}

.nav-separator {
    color: #ddd;
    font-weight: 100;
    margin: 0 5px;
}

@media (max-width: 768px) {
    .footer-nav-links {
        flex-direction: column;
        gap: 5px;
    }
    .nav-separator {
        display: none;
    }
}