/* Mobile Header Fix */
@media only screen and (max-width: 1024px) {
    
    #g-navigation { padding: 8px 0 !important; }
    #g-navigation > .g-container { padding: 0 10px !important; }
    
    /* Hide system messages */
    #g-navigation > .g-container > .g-grid:first-child { display: none !important; }
    
    /* Main nav row */
    #g-navigation > .g-container > .g-grid:nth-child(2) {
        display: flex !important;
        flex-flow: row nowrap !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 8px !important;
    }
    
    /* All blocks */
    #g-navigation > .g-container > .g-grid:nth-child(2) > .g-block {
        flex: 0 0 auto !important;
        width: auto !important;
        padding: 0 !important;
        margin: 0 !important;
        display: flex !important;
        align-items: center !important;
    }
    
    /* Logo BLOCK - add left margin to separate from hamburger */
    #g-navigation > .g-container > .g-grid:nth-child(2) > .g-block.size-20:first-child,
    #g-navigation > .g-container > .g-grid:nth-child(2) > .g-block:first-child {
        margin-left: 40px !important;
    }
    
    /* g-content - no extra space */
    #g-navigation .g-content {
        display: flex !important;
        align-items: center !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    /* Hide menu */
    #g-navigation > .g-container > .g-grid:nth-child(2) > .g-block.size-50 { 
        display: none !important; 
    }
    
    /* Language switcher - push to right */
    #g-navigation > .g-container > .g-grid:nth-child(2) > .g-block.g-lang-switcher {
        margin-left: auto !important;
    }
    
    /* Logo link and image - vertically centered */
    #g-navigation .g-logo,
    #g-navigation .g-logo a {
        display: flex !important;
        align-items: center !important;
    }
    #g-navigation .g-logo img { 
        max-height: 36px !important; 
        width: auto !important;
        display: block !important;
    }
    
    /* Hamburger - YELLOW, CENTERED icon */
    .g-offcanvas-toggle { 
        order: -1 !important;
        width: 36px !important; 
        height: 36px !important; 
        flex-shrink: 0 !important;
        background: transparent !important;
        border: 2px solid #fdbc12 !important;
        border-radius: 4px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 !important;
    }
    .g-offcanvas-toggle i {
        color: #fdbc12 !important;
        font-size: 1.2rem !important;
        line-height: 1 !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    /* Phone */
    .g-phone-header .phone-number { display: none !important; }
    .g-phone-header .header-phone-link {
        display: flex !important; 
        align-items: center !important; 
        justify-content: center !important;
        width: 34px !important; 
        height: 34px !important;
        background: rgba(253,188,18,0.2) !important; 
        border-radius: 50% !important;
        padding: 0 !important;
    }
    .g-phone-header .header-phone-link i { 
        font-size: 1rem !important; 
        color: #fdbc12 !important; 
    }
    
    /* Language Switcher - fix yellow box padding */
    .g-lang-switcher .g-content,
    .g-lang-switcher .platform-content,
    .g-lang-switcher .moduletable,
    .g-lang-switcher .mod-languages {
        display: flex !important;
        align-items: center !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    .g-lang-switcher .visually-hidden { display: none !important; }
    .mod-languages ul.mod-languages__list { 
        display: flex !important; 
        align-items: center !important;
        gap: 3px !important; 
        margin: 0 !important; 
        padding: 0 !important;
    }
    .mod-languages ul.mod-languages__list li { 
        margin: 0 !important; 
        padding: 0 !important;
        line-height: 1 !important;
        display: flex !important;
        align-items: center !important;
    }
    /* CRITICAL: Language switcher link - vertically center text */
    .mod-languages ul.mod-languages__list li a,
    .g-lang-switcher .mod-languages ul li a,
    .g-lang-switcher .mod-languages li a { 
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 6px 8px !important; 
        font-size: 0.7rem !important; 
        font-weight: 700 !important;
        line-height: 1 !important;
        min-height: 32px !important;
        height: 32px !important;
        border-radius: 4px !important;
        box-sizing: border-box !important;
    }
    /* Active language - equal padding */
    .mod-languages ul.mod-languages__list li.lang-active a,
    .g-lang-switcher .mod-languages ul li.lang-active a {
        padding: 6px 8px !important;
    }
}

/* ================================
   MOBILE OFFCANVAS MENU - DARK THEME
   ================================ */

#g-offcanvas,
div#g-offcanvas,
body #g-offcanvas {
    background: #2c3e50 !important;
    background-color: #2c3e50 !important;
}

#g-offcanvas #g-mobilemenu-container,
#g-mobilemenu-container {
    background: #2c3e50 !important;
}

#g-offcanvas a,
#g-offcanvas .g-menu-item a,
#g-offcanvas .g-menu-item-container,
#g-offcanvas .g-menu-item-content,
#g-offcanvas .g-menu-item-title {
    color: #ffffff !important;
}

#g-offcanvas ul,
#g-offcanvas .g-toplevel {
    background: transparent !important;
}

#g-offcanvas .g-menu-item,
#g-offcanvas .g-toplevel > li {
    border-bottom: 1px solid rgba(255,255,255,0.1) !important;
    border-left: 3px solid transparent !important;
    background: transparent !important;
    position: relative !important;
}

#g-offcanvas .g-menu-item > a,
#g-offcanvas .g-toplevel > li > a,
#g-offcanvas .g-toplevel > li > .g-menu-item-container {
    padding: 15px 20px !important;
    color: #ffffff !important;
    background: transparent !important;
}

#g-offcanvas .g-menu-item.active,
#g-offcanvas .active > a,
#g-offcanvas li.active {
    border-left-color: #fdbc12 !important;
    background: rgba(253,188,18,0.1) !important;
}

#g-offcanvas .g-menu-item.active a,
#g-offcanvas .g-menu-item.active .g-menu-item-title,
#g-offcanvas .active > a,
#g-offcanvas li.active > a {
    color: #fdbc12 !important;
}

#g-offcanvas .g-menu-item:hover,
#g-offcanvas .g-menu-item a:hover {
    background: rgba(255,255,255,0.05) !important;
    color: #fdbc12 !important;
}

/* Submenu arrow/indicator - position at far right of menu item */
#g-offcanvas .g-menu-item.g-parent {
    position: relative !important;
}

#g-offcanvas .g-menu-parent-indicator {
    position: absolute !important;
    right: 15px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: #fdbc12 !important;
    
}

/* Menu item link - full width for parent items */
#g-offcanvas .g-menu-item.g-parent > a,
#g-offcanvas .g-menu-item.g-parent > .g-menu-item-container {
    display: block !important;
    width: 100% !important;
    position: relative !important;
    padding-right: 40px !important;
}

#g-offcanvas .g-dropdown,
#g-offcanvas .g-sublevel {
    background: #243342 !important;
}

#g-offcanvas .g-sublevel a {
    color: rgba(255,255,255,0.85) !important;
    padding-left: 35px !important;
}

#g-offcanvas .g-go-back {
    background: rgba(253,188,18,0.15) !important;
}

#g-offcanvas .g-go-back a {
    color: #fdbc12 !important;
}

/* Fix product card icon position on mobile */
@media only screen and (max-width: 1024px) {
    .product-card-icon {
        top: 16px !important;
        bottom: auto !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
    }
}

/* Desktop logo size */
@media only screen and (min-width: 1025px) {
    .g-logo img,
    .g-logo-pancarte img,
    #g-navigation .g-logo img {
        max-height: 70px !important;
        width: auto !important;
    }
}

/* Desktop header vertical alignment */
@media only screen and (min-width: 1025px) {
    #g-navigation .g-grid {
        display: flex !important;
        align-items: center !important;
    }
    #g-navigation .g-block {
        display: flex !important;
        align-items: center !important;
    }
    #g-navigation .g-content {
        display: flex !important;
        align-items: center !important;
    }
    .g-main-nav,
    .g-main-nav > ul {
        display: flex !important;
        align-items: center !important;
    }
    .g-phone-header,
    .g-phone-header a {
        display: flex !important;
        align-items: center !important;
    }
}

@media only screen and (max-width: 1024px) {
#g-navigation .g-logo-pancarte + a img,
#g-navigation .g-logo-pancarte img,
#g-navigation img[alt="Pancarte sur Pattes"],
#g-navigation img[alt="Marin Collection"] {
    max-height: 30px !important;
}
}/* Very small screens (Galaxy Z Fold folded, etc.) */
@media only screen and (max-width: 380px) {
    #g-navigation .g-logo img {
        max-height: 22px !important;
    }
    .g-phone-header .header-phone-link {
        width: 28px !important;
        height: 28px !important;
    }
    .g-phone-header .header-phone-link i {
        font-size: 0.85rem !important;
    }
    .mod-languages ul li a {
        padding: 3px 5px !important;
        font-size: 0.6rem !important;
    }
    .g-offcanvas-toggle {
        width: 28px !important;
        height: 28px !important;
    }
    .g-offcanvas-toggle i {
        font-size: 1rem !important;
    }
    #g-navigation .g-block {
        padding: 0 2px !important;
    }
}