/* Custom Header Styles - Le Bois Bleu */

/* S'assurer que le body prend toute la largeur */
body {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
    overflow-y: auto !important; /* Scroll sur le body, pas dans un conteneur */
    height: auto !important;
    padding-top: 68px !important; /* Espace pour le header fixe */
}

/* Protection contre le débordement du texte */
body.boxed {
    width: 100% !important;
    margin: 0 auto !important;
    overflow-x: hidden !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
}

/* S'assurer que les éléments principaux ne débordent pas */
html {
    overflow-x: hidden !important;
    overflow-y: auto !important; /* Scroll global sur HTML */
    height: 100% !important;
}




footer,
main,
section,
#content,
#main,
.site-content,
.content-area,
.site,
#page,
.wrapper,
.main-wrapper {
    max-width: 100% !important;
    overflow-x: hidden !important;
    overflow-y: visible !important; /* Pas de scroll interne */
    height: auto !important;
}

/* Hide original theme menu and header when custom header is active */
body .menu1,
body #main-menu {
    display: none !important;
}

/* Masquer les titres (card-title) sur les pages */
.page .card-title,
.page h1.card-title,
.page h2.card-title,
.page h3.card-title,
.page h4.card-title,
.page h5.card-title,
.page h6.card-title,
.page .entry-title,
.page-header {
    display: none !important;
}

/* Optionally hide the topbar too (phone/email section) */
body .header_contact {
    display: none !important;
}

/* Header Main - Fixed */
.custom-header-main {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 9999;
    background: #153e4d;
    transition: all 0.3s ease;
    overflow: visible !important; /* Important : permet à l'ombre de ne pas être coupée */
}

.custom-header-main.scrolled {
    box-shadow: 0 6px 25px rgba(0, 0, 0, 0.2) !important;
    -webkit-box-shadow:  0 6px 25px rgba(0, 0, 0, 0.2) !important;
    -moz-box-shadow: 0 6px 25px rgba(0, 0, 0, 0.2) !important;
    background: #153e4d !important;
    backdrop-filter: blur(10px);
    border-bottom: 1px solid #ddb254; 
}

/* Réduire la taille du header au scroll */
.custom-header-main.scrolled .custom-header-container {
    padding: 12px 0 !important;
}

.custom-header-main.scrolled .logo-text-section #logo img {
    max-height: 45px !important;
}

.custom-header-main.scrolled .brand-text {
    font-size: 28px !important;
}

.custom-header-main.scrolled .brand-subtitle {
    font-size: 12px !important;
}

.custom-header-main.scrolled .nav-section .navbar-nav .nav-link {
    font-size: 18px !important;
    padding: 8px 12px !important;
}

.custom-header-main.scrolled .boutique-btn,
.custom-header-main.scrolled .nav-section .boutique-link {
    font-size: 18px !important;
    padding: 6px 18px !important;
}

/* Header Container */
.custom-header-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0;
    flex-wrap: wrap;
    flex-direction: row;
    transition: padding 0.3s ease;
    overflow: visible !important; /* Permet à l'ombre de ne pas être coupée */
}



/* Logo + Text Section */
.logo-text-section {
    display: flex;
    align-items: center;
    gap: 15px;
    flex: 0 0 auto;
    text-decoration: none;
    cursor: pointer;
    transition: opacity 0.3s ease;
}

.logo-text-section:hover {
    opacity: 0.85;
    text-decoration: none;
}

.logo-text-section #logo {
    margin: 0;
}

.logo-text-section #logo img {
    max-height: 60px;
    width: auto;
    transition: max-height 0.3s ease;
}


.logo-text-section #logo a {
    display: inline-block;
    line-height: 1;
}

.logo-text-section #logo h1 {
    margin: 0;
    line-height: 1;
}

/* Brand Text Wrapper */
.brand-text-wrapper {
    display: flex;
    flex-direction: column;
    gap: 0;
    align-items: flex-start;
}

/* Brand Text Principal */
.brand-text {
    font-family: 'Higuen Serif', serif;
    font-size: 36px;
    font-weight: 400;
    color: #fff;
    margin: 0;
    white-space: nowrap;
    transition: font-size 0.3s ease;
    line-height: 1.2;
}

/* Brand Subtitle */
.brand-subtitle {
    font-family: 'Higuen Serif', serif;
    font-size: 14px;
    font-weight: 300;
    color: #fff;
    margin: 0;
    padding: 0;
    white-space: nowrap;
    opacity: 0.9;
    line-height: 1;
    transition: font-size 0.3s ease;
    width: 100%;
	text-transform: capitalize;
	letter-spacing: 0.9px;
}

/* Navigation Section */
.nav-section {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.nav-section .navbar {
    background: transparent;
    padding: 0;
}

.nav-section .navbar-nav {
    display: flex;
    gap: 10px;
}

.nav-section .navbar-nav .nav-link {
    color: #fff;
    padding: 10px 15px;
    font-weight: 500;
    transition: all 0.3s ease;
    font-family: 'Higuen Serif', serif;
    font-size: 20px;
}

.nav-section .navbar-nav .nav-link:hover {
    color: #ddb254;
}

/* Boutique Button */
.boutique-button-section {
    flex: 0 0 auto;
}

.boutique-btn {
    display: inline-block;
    color: #ddb254;
    font-weight: 600;
    font-size: 20px;
    text-decoration: none;
    border-radius: 5px;
    transition: all 0.3s ease;
    white-space: nowrap;
    font-family: 'Higuen Serif', serif;
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.boutique-btn:hover{
	color: #ddb254;
}


/* Boutique Link in Menu */
.nav-section .boutique-link {
    color: #ddb254 !important;
    font-weight: 600;
    font-size: 20px;
    font-family: 'Higuen Serif', serif;
    position: relative;
    padding: 8px 20px !important;
    transition: all 0.3s ease;
}

.nav-section .boutique-link::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: 200px 200px;
    background-position: center;
    opacity: 0;
    transition: opacity 0.3s ease;
    border-radius: 5px;
    z-index: -1;
    background-image: url("data:image/svg+xml,%3Csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='woodgrain-menu' x='0' y='0' width='200' height='200' patternUnits='userSpaceOnUse'%3E%3Cpath d='M0,20 Q50,25 100,20 Q150,15 200,20' stroke='%23105b79' stroke-width='1.5' fill='none' opacity='0.15'/%3E%3Cpath d='M0,60 Q50,65 100,60 Q150,55 200,60' stroke='%23105b79' stroke-width='2' fill='none' opacity='0.2'/%3E%3Cpath d='M0,100 Q50,105 100,100 Q150,95 200,100' stroke='%23105b79' stroke-width='1.8' fill='none' opacity='0.18'/%3E%3Cpath d='M0,140 Q50,145 100,140 Q150,135 200,140' stroke='%23105b79' stroke-width='1.5' fill='none' opacity='0.15'/%3E%3Cpath d='M0,180 Q50,185 100,180 Q150,175 200,180' stroke='%23105b79' stroke-width='1.3' fill='none' opacity='0.12'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='200' height='200' fill='url(%23woodgrain-menu)'/%3E%3C/svg%3E");
}

.nav-section .boutique-link:hover::before {
    opacity: 1;
}


/* ============================================
   VARIANTES DE NERVURE DE BOIS
   Ajoutez la classe souhaitée au bouton :
   <a class="boutique-btn wood-grain-1">
   ============================================ */

/* VARIATION 1 : Nervure classique (par défaut) */
.boutique-btn::before,
.boutique-btn.wood-grain-1::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='woodgrain' x='0' y='0' width='200' height='200' patternUnits='userSpaceOnUse'%3E%3Cpath d='M0,50 Q50,45 100,50 T200,50' stroke='%23105b79' stroke-width='1' fill='none' opacity='0.15'/%3E%3Cpath d='M0,80 Q50,75 100,80 T200,80' stroke='%23105b79' stroke-width='1.5' fill='none' opacity='0.2'/%3E%3Cpath d='M0,110 Q50,108 100,110 T200,110' stroke='%23105b79' stroke-width='0.8' fill='none' opacity='0.1'/%3E%3Cpath d='M0,140 Q50,135 100,140 T200,140' stroke='%23105b79' stroke-width='1.2' fill='none' opacity='0.18'/%3E%3Cpath d='M0,170 Q50,168 100,170 T200,170' stroke='%23105b79' stroke-width='1' fill='none' opacity='0.12'/%3E%3Cpath d='M0,20 Q50,18 100,20 T200,20' stroke='%23105b79' stroke-width='0.7' fill='none' opacity='0.08'/%3E%3Cpath d='M0,95 Q50,93 100,95 T200,95' stroke='%23105b79' stroke-width='1.3' fill='none' opacity='0.16'/%3E%3Cpath d='M0,125 Q50,122 100,125 T200,125' stroke='%23105b79' stroke-width='0.9' fill='none' opacity='0.14'/%3E%3Cpath d='M0,155 Q50,153 100,155 T200,155' stroke='%23105b79' stroke-width='1.1' fill='none' opacity='0.11'/%3E%3Cpath d='M0,65 Q50,62 100,65 T200,65' stroke='%23105b79' stroke-width='0.8' fill='none' opacity='0.13'/%3E%3Cpath d='M0,35 Q50,33 100,35 T200,35' stroke='%23105b79' stroke-width='1' fill='none' opacity='0.09'/%3E%3Ccircle cx='50' cy='80' r='8' fill='%23105b79' opacity='0.05'/%3E%3Cellipse cx='150' cy='120' rx='12' ry='8' fill='%23105b79' opacity='0.04'/%3E%3Ccircle cx='100' cy='160' r='6' fill='%23105b79' opacity='0.06'/%3E%3Cellipse cx='30' cy='140' rx='10' ry='6' fill='%23105b79' opacity='0.03'/%3E%3Ccircle cx='170' cy='50' r='7' fill='%23105b79' opacity='0.05'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='200' height='200' fill='url(%23woodgrain)'/%3E%3C/svg%3E");
    background-size: 200px 200px;
    background-position: center;
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: -1;
    border-radius: 5px;
}

/* VARIATION 2 : Nervure plus marquée */
.boutique-btn.wood-grain-2::before {
    background-image: url("data:image/svg+xml,%3Csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='woodgrain2' x='0' y='0' width='200' height='200' patternUnits='userSpaceOnUse'%3E%3Cpath d='M0,50 Q50,40 100,50 T200,50' stroke='%23105b79' stroke-width='2' fill='none' opacity='0.3'/%3E%3Cpath d='M0,80 Q50,70 100,80 T200,80' stroke='%23105b79' stroke-width='2.5' fill='none' opacity='0.35'/%3E%3Cpath d='M0,110 Q50,105 100,110 T200,110' stroke='%23105b79' stroke-width='1.5' fill='none' opacity='0.25'/%3E%3Cpath d='M0,140 Q50,130 100,140 T200,140' stroke='%23105b79' stroke-width='2' fill='none' opacity='0.3'/%3E%3Cpath d='M0,170 Q50,165 100,170 T200,170' stroke='%23105b79' stroke-width='1.8' fill='none' opacity='0.28'/%3E%3Ccircle cx='60' cy='80' r='12' fill='%23105b79' opacity='0.1'/%3E%3Cellipse cx='140' cy='130' rx='15' ry='10' fill='%23105b79' opacity='0.08'/%3E%3Ccircle cx='100' cy='160' r='10' fill='%23105b79' opacity='0.12'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='200' height='200' fill='url(%23woodgrain2)'/%3E%3C/svg%3E");
}

/* VARIATION 3 : Nervure subtile et fine */
.boutique-btn.wood-grain-3::before {
    background-image: url("data:image/svg+xml,%3Csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='woodgrain3' x='0' y='0' width='200' height='200' patternUnits='userSpaceOnUse'%3E%3Cpath d='M0,40 Q50,38 100,40 T200,40' stroke='%23105b79' stroke-width='0.5' fill='none' opacity='0.1'/%3E%3Cpath d='M0,60 Q50,58 100,60 T200,60' stroke='%23105b79' stroke-width='0.6' fill='none' opacity='0.12'/%3E%3Cpath d='M0,80 Q50,78 100,80 T200,80' stroke='%23105b79' stroke-width='0.5' fill='none' opacity='0.1'/%3E%3Cpath d='M0,100 Q50,98 100,100 T200,100' stroke='%23105b79' stroke-width='0.7' fill='none' opacity='0.14'/%3E%3Cpath d='M0,120 Q50,118 100,120 T200,120' stroke='%23105b79' stroke-width='0.5' fill='none' opacity='0.1'/%3E%3Cpath d='M0,140 Q50,138 100,140 T200,140' stroke='%23105b79' stroke-width='0.6' fill='none' opacity='0.12'/%3E%3Cpath d='M0,160 Q50,158 100,160 T200,160' stroke='%23105b79' stroke-width='0.5' fill='none' opacity='0.1'/%3E%3Ccircle cx='70' cy='90' r='5' fill='%23105b79' opacity='0.04'/%3E%3Cellipse cx='130' cy='140' rx='7' ry='5' fill='%23105b79' opacity='0.03'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='200' height='200' fill='url(%23woodgrain3)'/%3E%3C/svg%3E");
}

/* VARIATION 4 : Nervure verticale */
.boutique-btn.wood-grain-4::before {
    background-image: url("data:image/svg+xml,%3Csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='woodgrain4' x='0' y='0' width='200' height='200' patternUnits='userSpaceOnUse'%3E%3Cpath d='M40,0 Q38,50 40,100 T40,200' stroke='%23105b79' stroke-width='1' fill='none' opacity='0.12'/%3E%3Cpath d='M60,0 Q58,50 60,100 T60,200' stroke='%23105b79' stroke-width='1.2' fill='none' opacity='0.15'/%3E%3Cpath d='M80,0 Q78,50 80,100 T80,200' stroke='%23105b79' stroke-width='0.8' fill='none' opacity='0.1'/%3E%3Cpath d='M100,0 Q98,50 100,100 T100,200' stroke='%23105b79' stroke-width='1.5' fill='none' opacity='0.18'/%3E%3Cpath d='M120,0 Q118,50 120,100 T120,200' stroke='%23105b79' stroke-width='1' fill='none' opacity='0.12'/%3E%3Cpath d='M140,0 Q138,50 140,100 T140,200' stroke='%23105b79' stroke-width='1.3' fill='none' opacity='0.14'/%3E%3Cpath d='M160,0 Q158,50 160,100 T160,200' stroke='%23105b79' stroke-width='0.9' fill='none' opacity='0.11'/%3E%3Ccircle cx='90' cy='70' r='8' fill='%23105b79' opacity='0.05'/%3E%3Cellipse cx='130' cy='120' rx='6' ry='10' fill='%23105b79' opacity='0.04'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='200' height='200' fill='url(%23woodgrain4)'/%3E%3C/svg%3E");
}

/* VARIATION 5 : Nervure avec beaucoup de nœuds */
.boutique-btn.wood-grain-5::before {
    background-image: url("data:image/svg+xml,%3Csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='woodgrain5' x='0' y='0' width='200' height='200' patternUnits='userSpaceOnUse'%3E%3Cpath d='M0,50 Q50,48 100,50 T200,50' stroke='%23105b79' stroke-width='1' fill='none' opacity='0.12'/%3E%3Cpath d='M0,90 Q50,88 100,90 T200,90' stroke='%23105b79' stroke-width='1.2' fill='none' opacity='0.15'/%3E%3Cpath d='M0,130 Q50,128 100,130 T200,130' stroke='%23105b79' stroke-width='1' fill='none' opacity='0.12'/%3E%3Cpath d='M0,170 Q50,168 100,170 T200,170' stroke='%23105b79' stroke-width='0.9' fill='none' opacity='0.1'/%3E%3Ccircle cx='40' cy='50' r='8' fill='%23105b79' opacity='0.1'/%3E%3Ccircle cx='80' cy='90' r='10' fill='%23105b79' opacity='0.12'/%3E%3Ccircle cx='120' cy='70' r='7' fill='%23105b79' opacity='0.09'/%3E%3Ccircle cx='160' cy='130' r='9' fill='%23105b79' opacity='0.11'/%3E%3Ccircle cx='30' cy='170' r='6' fill='%23105b79' opacity='0.08'/%3E%3Cellipse cx='100' cy='130' rx='12' ry='8' fill='%23105b79' opacity='0.1'/%3E%3Cellipse cx='150' cy='50' rx='10' ry='6' fill='%23105b79' opacity='0.09'/%3E%3Cellipse cx='60' cy='150' rx='8' ry='11' fill='%23105b79' opacity='0.08'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='200' height='200' fill='url(%23woodgrain5)'/%3E%3C/svg%3E");
}

/* VARIATION 6 : Nervure diagonale */
.boutique-btn.wood-grain-6::before {
    background-image: url("data:image/svg+xml,%3Csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='woodgrain6' x='0' y='0' width='200' height='200' patternUnits='userSpaceOnUse'%3E%3Cpath d='M0,40 Q50,45 100,40 Q150,35 200,40' stroke='%23105b79' stroke-width='1' fill='none' opacity='0.12'/%3E%3Cpath d='M0,80 Q50,85 100,80 Q150,75 200,80' stroke='%23105b79' stroke-width='1.2' fill='none' opacity='0.15'/%3E%3Cpath d='M0,120 Q50,125 100,120 Q150,115 200,120' stroke='%23105b79' stroke-width='1' fill='none' opacity='0.12'/%3E%3Cpath d='M0,160 Q50,165 100,160 Q150,155 200,160' stroke='%23105b79' stroke-width='0.9' fill='none' opacity='0.1'/%3E%3Ccircle cx='60' cy='60' r='8' fill='%23105b79' opacity='0.08'/%3E%3Cellipse cx='140' cy='140' rx='10' ry='7' fill='%23105b79' opacity='0.07'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='200' height='200' fill='url(%23woodgrain6)'/%3E%3C/svg%3E");
}

/* Mobile Menu Toggle */
.mobile-menu-toggle {
    display: none;
    background: #fff;
    border: none;
    padding: 10px 15px;
    cursor: pointer;
    border-radius: 5px;
    z-index: 1000;
}

/* Forcer la visibilité du menu toggle en mobile */
@media (max-width: 991px) {
    .mobile-menu-toggle {
        display: block !important;
    }
}

.mobile-menu-toggle span {
    display: block;
    width: 25px;
    height: 3px;
    background: #153e4d;
    margin: 5px 0;
    transition: all 0.3s ease;
}

/* Responsive Design */
@media (max-width: 991px) {
    body {
        padding-top: 60px !important; /* Padding réduit pour tablette */
    }
    
    .custom-header-container {
        padding: 15px 0;
        flex-wrap: wrap;
        position: relative;
    }
    
    /* Logo + Text Section */
    .logo-text-section {
        flex: 0 1 auto;
        order: 1;
        min-width: 0;
    }
    
    .brand-text {
        font-size: 18px;
    }
    
    /* Boutique Button - Masquer en mobile car dans le menu */
    .boutique-button-section {
        display: none;
    }
    
    .boutique-btn {
        padding: 8px 20px;
        font-size: 14px;
    }
    
    /* Show mobile menu toggle */
    .mobile-menu-toggle {
        display: block !important;
        order: 3;
        margin-left: auto;
        flex-shrink: 0;
        z-index: 10;
    }
    
    /* Navigation Section - Masquée par défaut */
    .nav-section {
        order: 4;
        flex: 1 1 100%;
        width: 100%;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease;
        margin-top: 0;
    }
    
    .nav-section.active {
        max-height: 500px;
        margin-top: 15px;
        padding-top: 0;
    }
    
    .nav-section .navbar {
        width: 100%;
    }
    
    .nav-section .navbar-nav {
        flex-direction: column;
        width: 100%;
        background: rgba(21, 62, 77, 0.95);
        border-radius: 5px;
        padding: 15px;
        margin: 0;
    }
    
    .nav-section .navbar-nav .nav-link {
        padding: 12px 15px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        width: 100%;
        text-align: left;
    }
    
    .nav-section .navbar-nav .nav-item:last-child .nav-link {
        border-bottom: none;
    }
    
    /* Le lien boutique dans le menu mobile */
    .nav-section .navbar-nav .boutique-link {
        display: block;
    }
}

@media (max-width: 768px) {
    body {
        padding-top: 55px !important; /* Padding réduit pour mobile */
    }
    
    .custom-header-container {
        padding: 12px 0;
    }
    
    .logo-text-section {
        gap: 10px;
    }
    
    .logo-text-section #logo img {
        max-height: 50px;
    }
    
    .brand-text {
        font-size: 16px;
    }
    
    .brand-subtitle {
        font-size: 11px;
    }
    
    .boutique-btn {
        padding: 6px 15px;
        font-size: 13px;
    }

    .nav-section .boutique-link {
        font-size: 16px;
    }
    
    .mobile-menu-toggle {
        padding: 10px 12px;
    }
    
}

@media (max-width: 480px) {
    body {
        padding-top: 50px !important; /* Padding réduit pour très petit écran */
    }
    
    .custom-header-container {
        padding: 10px 5px;
        gap: 8px;
    }
    
    .logo-text-section {
        gap: 8px;
        flex: 0 1 auto;
        min-width: 0;
    }
    
    .logo-text-section #logo img {
        max-height: 40px;
    }
    
    .brand-text {
        font-size: 14px;
    }
    
    .brand-subtitle {
        font-size: 10px;
    }
    
    .boutique-button-section {
        display: none;
    }
    
    .boutique-btn {
        padding: 5px 12px;
        font-size: 12px;
    }
    
    .nav-section .boutique-link {
        font-size: 14px;
        padding: 6px 15px !important;
    }
    
    .mobile-menu-toggle {
        padding: 8px 10px;
        margin-left: auto;
        flex-shrink: 0;
    }
    
    .mobile-menu-toggle span {
        width: 20px;
        height: 2px;
        margin: 4px 0;
    }
}

@media (max-width: 320px) {
    body {
        padding-top: 48px !important;
    }
    
    .custom-header-container {
        padding: 8px 5px;
        flex-wrap: nowrap !important; /* Empêcher le retour à la ligne */
        flex-direction: row !important; /* S'assurer que c'est en ligne horizontale */
        gap: 5px;
        align-items: center !important;
        justify-content: space-between !important;
    }
    
    /* Logo en premier */
    .logo-text-section {
        gap: 5px;
        flex: 0 1 auto; /* Permettre de rétrécir si nécessaire */
        min-width: 0; /* Permettre au texte de se rétrécir */
        order: 1 !important;
    }
    
    .logo-text-section #logo {
        flex-shrink: 0;
    }
    
    .logo-text-section #logo img {
        max-height: 35px;
    }
    
    .brand-text-wrapper {
        min-width: 0;
    }
    
    .brand-text {
        font-size: 12px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    
    .brand-subtitle {
        font-size: 9px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    
    /* Bouton boutique après le logo */
    .boutique-button-section {
        margin-right: 5px;
        flex-shrink: 0;
        order: 2 !important;
    }
    
    .boutique-btn {
        padding: 4px 8px;
        font-size: 11px;
        white-space: nowrap;
    }
    
    /* Menu toggle en dernier, mais sur la même ligne */
    .mobile-menu-toggle {
        flex-shrink: 0;
        padding: 8px 10px;
        margin-left: auto; /* Pousser le menu toggle à droite */
        order: 3 !important;
    }
    
    .mobile-menu-toggle span {
        width: 18px;
        height: 2px;
        margin: 4px 0;
    }
}

/* Animation for mobile menu toggle */
.mobile-menu-toggle.active span:nth-child(1) {
    transform: rotate(45deg) translate(7px, 7px);
}

.mobile-menu-toggle.active span:nth-child(2) {
    opacity: 0;
}

.mobile-menu-toggle.active span:nth-child(3) {
    transform: rotate(-45deg) translate(6px, -6px);
}

/* Dropdown Menu Support */
.nav-section .dropdown-menu {
    background: #153e4d;
    border: none;
}

.nav-section .dropdown-item {
    color: #fff;
    padding: 10px 20px;
    font-family: 'Higuen Serif', serif;
    font-size: 15px;
}

.nav-section .dropdown-item:hover {
    background: #fde953;
    color: #153e4d;
}

@media (max-width: 991px) {
    .nav-section .dropdown-menu {
        background: transparent;
        padding: 0;
        margin-left: 15px;
    }
    
    .nav-section .dropdown-item {
        font-size: 14px;
        padding: 8px 15px;
    }
}