/* ============================================================
   HEADER POÉTICO — nav editorial serif, aplicado en TODO el sitio
   Cargado por includes/header.php (todas las páginas con header).
   NO incluye transparencia (eso es exclusivo de la home en
   home-redesign.css bajo body.index-page). Aquí solo: tipografía
   poética + nav sin cajas + microinteracciones.
   ============================================================ */

/* --- DESKTOP NAV: serif poética, sin iconos, sin cajas --- */
.doh-container .doh-nav-item > i.fas:not(.doh-nav-chevron) { display: none !important; }
.doh-container .doh-nav { gap: 2.3rem !important; }

.doh-container .doh-nav-item {
    font-family: 'Cormorant Garamond', 'Playfair Display', Georgia, serif !important;
    font-size: 1.42rem !important;
    font-weight: 500 !important;
    font-style: normal !important;
    letter-spacing: 0.015em !important;
    text-transform: none !important;
    padding: 6px 0 !important;
    gap: 6px !important;
    transition: color 0.45s cubic-bezier(0.22, 1, 0.36, 1),
                font-style 0.2s ease, text-shadow 0.45s ease !important;
}
/* hover/active: itálica + dorado (microinteracción poética) */
.doh-container .doh-nav-item:hover,
.doh-container .doh-nav-item.doh-active {
    color: #f5c660 !important;
    font-style: italic !important;
    text-shadow: 0 0 26px rgba(245, 198, 96, 0.35) !important;
}
/* subrayado de tinta que se dibuja desde la izquierda */
.doh-container .doh-nav-glow {
    left: 0 !important; right: auto !important; bottom: -1px !important;
    width: 100% !important; height: 1px !important;
    transform: scaleX(0) !important; transform-origin: left center !important;
    background: linear-gradient(90deg, #f5c660, rgba(245, 198, 96, 0)) !important;
    box-shadow: 0 0 10px rgba(245, 198, 96, 0.5) !important;
    transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
    animation: none !important;
}
.doh-container .doh-nav-item:hover .doh-nav-glow,
.doh-container .doh-nav-item.doh-active .doh-nav-glow { transform: scaleX(1) !important; }
.doh-container .doh-nav-chevron { font-size: 9px !important; opacity: 0.55 !important; }
.doh-container .doh-mega-title { font-family: 'Cormorant Garamond', 'Playfair Display', serif !important; }

/* --- SEARCH + ACTIONS: sin cajas, abiertos --- */
.doh-container .doh-search-input {
    background: transparent !important;
    border: none !important;
    border-bottom: 1px solid rgba(245, 198, 96, 0.32) !important;
    border-radius: 0 !important;
    width: 200px !important;
    height: 38px !important;
    padding: 0 26px 0 2px !important;
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 1.1rem !important;
    box-shadow: none !important;
}
.doh-container .doh-search-input::placeholder { font-style: italic !important; }
.doh-container .doh-search-input:focus {
    background: transparent !important;
    border-bottom-color: #f5c660 !important;
    box-shadow: none !important;
    transform: none !important;
}
.doh-container .doh-search-icon { right: 2px !important; }

.doh-container .doh-cart,
.doh-container .doh-login-btn,
.doh-container .doh-user-current {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 6px 2px !important;
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 1.18rem !important;
    box-shadow: none !important;
}
.doh-container .doh-cart:hover,
.doh-container .doh-login-btn:hover,
.doh-container .doh-user-current:hover {
    background: transparent !important;
    border: none !important;
    color: #f5c660 !important;
    box-shadow: none !important;
    transform: translateY(-1px) !important;
}

/* --- MOBILE QUICK-NAV: etiquetas en serif poética --- */
.doh-mobile-quick-nav .doh-mobile-quick-item {
    font-family: 'Cormorant Garamond', 'Playfair Display', serif !important;
}
.doh-mobile-quick-nav .doh-mobile-quick-item span {
    font-size: 0.95rem !important;
    letter-spacing: 0.02em !important;
}
/* logo móvil fallback en serif también */
.doh-mobile-logo-text { font-family: 'Cormorant Garamond', serif !important; }