/**
 * WooCommerce Header Overrides
 * 
 * Ensures the WowPlatter header displays correctly on WooCommerce pages
 * like Cart, Checkout, and Order Received.
 */

/* Force header container to full width */
body.woocommerce-cart .wowplatter-header,
body.woocommerce-checkout .wowplatter-header,
body.woocommerce-order-received .wowplatter-header,
body.woocommerce-page .wowplatter-header {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important;
    margin-right: calc(-50vw + 50%) !important;
    left: 0 !important;
    right: 0 !important;
    background: #ffffff !important;
    border-bottom: 3px solid #007cba !important;
    z-index: 100000 !important;
    display: block !important;
    position: relative !important;
}

/* Ensure inner container has correct padding but no max-width constraint from themes */
body.woocommerce-cart .wowplatter-header-container,
body.woocommerce-checkout .wowplatter-header-container,
body.woocommerce-order-received .wowplatter-header-container,
body.woocommerce-page .wowplatter-header-container {
    max-width: none !important;
    width: 100% !important;
    padding: 0 20px !important;
    display: flex !important;
    align-items: center !important;
    box-sizing: border-box !important;
}

/* Fix huge logo issue on WooCommerce pages */
body.woocommerce-page .site-logo,
body.woocommerce-page .site-logo a,
body.woocommerce-page .site-logo img,
body.woocommerce-page .custom-logo,
body.woocommerce-page .custom-logo-link,
body.woocommerce-page .custom-logo-link img,
body.woocommerce-page .wowplatter-logo-img,
body.woocommerce-page .wowplatter-header-logo img,
body.woocommerce-page header .logo img,
body.woocommerce-page .navbar-brand img,
.woocommerce .site-logo,
.woocommerce .custom-logo-link img,
.site-logo,
.site-logo a,
.site-logo img,
.custom-logo,
.custom-logo-link img,
.wowplatter-logo-img {
    max-width: 160px !important;
    width: auto !important;
    height: 52px !important;
    min-width: auto !important;
    object-fit: contain !important;
    display: block !important;
}

/* Mobile logo specifics */
@media (max-width: 768px) {
    body.woocommerce-page .site-logo,
    body.woocommerce-page .site-logo a,
    body.woocommerce-page .site-logo img,
    body.woocommerce-page .custom-logo,
    body.woocommerce-page .custom-logo-link,
    body.woocommerce-page .custom-logo-link img,
    body.woocommerce-page .wowplatter-logo-img,
    body.woocommerce-page .wowplatter-header-logo img,
    body.woocommerce-page .wowplatter-mobile-logo-img,
    body.woocommerce-page header .logo img,
    body.woocommerce-page .navbar-brand img,
    .woocommerce .site-logo,
    .woocommerce .custom-logo-link img,
    .site-logo,
    .site-logo a,
    .site-logo img,
    .custom-logo,
    .custom-logo-link img,
    .wowplatter-logo-img,
    .wowplatter-mobile-logo-img {
        max-width: 60px !important;
        width: 60px !important;
        height: auto !important;
        max-height: 35px !important;
        min-width: auto !important;
        object-fit: contain !important;
    }
}

/* Ensure navigation items are visible */
.wowplatter-header-nav {
    display: flex !important;
    width: 100% !important;
    justify-content: space-between !important;
    align-items: center !important;
}

.wowplatter-header-left,
.wowplatter-header-center,
.wowplatter-header-right {
    display: flex !important;
    align-items: center !important;
}

/* Fix search bar on Woo pages */
body.woocommerce-page .wowplatter-header-search {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Ensure cart button is visible */
.wowplatter-cart-toggle {
    display: flex !important;
    visibility: visible !important;
}