<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
    <meta charset="<?php bloginfo( 'charset' ); ?>">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <?php wp_head(); ?>
    
    <style>
        /* ═══════════════════════════════════════════════
           ESTILOS CRÍTICOS: ALINEACIÓN LUXURY INSTANTÁNEA
           ═══════════════════════════════════════════════ */
        html, body { 
            background-color: #050505 !important; 
            color: #ffffff !important; 
            margin: 0; 
            padding: 0;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
        }
        
        /* Contenedor Fijo de la Cabecera */
        .custom-navbar {
            background: #000000 !important;
            border-bottom: 1px solid rgba(201, 169, 110, 0.2) !important;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            z-index: 99999;
            box-sizing: border-box;
        }
        
        .navbar-container {
            max-width: 1400px;
            margin: 0 auto;
            padding: 14px 30px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        
        /* Control e Inyección del nuevo Logo */
        .navbar-logo-link {
            display: flex;
            align-items: center;
            text-decoration: none;
        }
        .navbar-logo-link img {
            height: 55px !important; /* Ajuste de altura premium para el isotipo redondo */
            width: auto !important;
            object-fit: contain;
            background: transparent !important;
        }
        
        /* Menú Estilizado */
        .navbar-menu {
            display: flex;
            gap: 40px;
            list-style: none;
            margin: 0;
            padding: 0;
        }
        .navbar-menu a {
            color: rgba(255, 255, 255, 0.7) !important;
            text-decoration: none !important;
            font-size: 11px !important;
            font-weight: 600 !important;
            letter-spacing: 0.2em !important;
            text-transform: uppercase;
            transition: color 0.3s ease;
        }
        .navbar-menu a:hover {
            color: #c9a96e !important;
        }
        
        /* Iconos de la derecha */
        .navbar-actions {
            display: flex;
            gap: 22px;
            align-items: center;
        }
        .navbar-actions a {
            color: #c9a96e !important;
            display: inline-flex;
            align-items: center;
            text-decoration: none;
        }
        .navbar-actions svg {
            width: 20px !important;
            height: 20px !important;
        }
        
        /* Corrección de margen para el contenido central */
        .site-main {
            padding-top: 110px !important;
        }
        
        /* Forzar ocultamiento de estructuras rotas anteriores */
        .navbar__links, .navbar { display: none !important; }
    </style>
</head>
<body <?php body_class(); ?>>
<?php wp_body_open(); ?>

<header class="custom-navbar">
    <div class="navbar-container">
        
        <a href="<?php echo esc_url( home_url( '/' ) ); ?>" class="navbar-logo-link">
            <img src="https://alembicparfums.com/wp-content/uploads/2026/05/foto-perfil-fondo-negro-1.png" alt="Alembic Parfums" onerror="this.src='https://alembicparfums.com/wp-content/uploads/2026/05/foto-perfil-fondo-negro-1.jpg';">
        </a>

        <ul class="navbar-menu">
            <li><a href="<?php echo esc_url( home_url( '/' ) ); ?>">Inicio</a></li>
            <li><a href="<?php echo esc_url( home_url( '/tienda/' ) ); ?>">Tienda</a></li>
            <li><a href="<?php echo esc_url( home_url( '/decants/' ) ); ?>">Decants</a></li>
            <li><a href="<?php echo esc_url( home_url( '/contacto/' ) ); ?>">Contacto</a></li>
        </ul>

        <div class="navbar-actions">
            <a href="#" aria-label="Buscar">
                <svg fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><circle cx="11" cy="11" r="8"/><path d="M21 21l-4.35-4.35"/></svg>
            </a>
            <a href="<?php echo esc_url( get_permalink( get_option('woocommerce_myaccount_page_id') ) ); ?>" aria-label="Mi Cuenta">
                <svg fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><circle cx="12" cy="8" r="4"/><path d="M4 20c0-4 3.5-6 8-6s8 2 8 6"/></svg>
            </a>
            <a href="<?php echo esc_url( wc_get_cart_url() ); ?>" aria-label="Carrito">
                <svg fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path d="M6 6h15l-1.5 9h-12z"/><circle cx="9" cy="20" r="1"/><circle cx="18" cy="20" r="1"/></svg>
            </a>
        </div>
        
    </div>
</header>