/* ===== WOODSBNB EXACT RESPONSIVE LOGO FIX ===== */

/*
 * Helix generates:
 * 1. Desktop logo: .sp-default-logo.d-none.d-lg-block
 * 2. Mobile logo:  .sp-default-logo.d-block.d-lg-none
 *
 * Display only the correct image at each breakpoint.
 */

/* Keep original header structure untouched */
#sp-header #sp-logo,
#sp-header #sp-logo .sp-column,
#sp-header #sp-logo .logo,
#sp-header #sp-logo .logo h1,
#sp-header #sp-logo .logo a {
    visibility: visible !important;
    opacity: 1 !important;
}

/* Hide scroll and retina alternatives */
#sp-header #sp-logo .sp-scroll-logo,
#sp-header #sp-logo .sp-retina-logo,
#sp-header #sp-logo .sp-retinascroll-logo {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

/* Desktop */
@media (min-width: 992px) {
    #sp-header #sp-logo img.sp-default-logo.d-none.d-lg-block {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: static !important;
        width: auto !important;
        height: auto !important;
        max-width: 160px !important;
        max-height: 58px !important;
        margin: 0 !important;
        object-fit: contain !important;
    }

    #sp-header #sp-logo img.sp-default-logo.d-block.d-lg-none {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
    }
}

/* Tablet and mobile */
@media (max-width: 991px) {
    #sp-header #sp-logo img.sp-default-logo.d-none.d-lg-block {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
    }

    #sp-header #sp-logo img.sp-default-logo.d-block.d-lg-none {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: static !important;
        width: auto !important;
        height: auto !important;
        max-width: 120px !important;
        max-height: 46px !important;
        margin: 0 !important;
        object-fit: contain !important;
    }
}

/* Small phones */
@media (max-width: 575px) {
    #sp-header #sp-logo img.sp-default-logo.d-block.d-lg-none {
        max-width: 112px !important;
        max-height: 42px !important;
    }
}

/* Prevent the logo from extending below the header */
#sp-header #sp-logo .logo,
#sp-header #sp-logo .logo h1,
#sp-header #sp-logo .logo a {
    position: static !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: normal !important;
}

/* ===== END WOODSBNB EXACT RESPONSIVE LOGO FIX ===== */

/* ===== WOODSBNB LOGO SIZE ADJUSTMENT ===== */

/* Desktop */
@media (min-width: 992px) {
    #sp-header #sp-logo img.sp-default-logo.d-none.d-lg-block {
        width: 195px !important;
        max-width: 195px !important;
        height: auto !important;
        max-height: 70px !important;
    }
}

/* Tablet and mobile */
@media (max-width: 991px) {
    #sp-header #sp-logo img.sp-default-logo.d-block.d-lg-none {
        width: 140px !important;
        max-width: 140px !important;
        height: auto !important;
        max-height: 52px !important;
    }
}

/* Small phones */
@media (max-width: 575px) {
    #sp-header #sp-logo img.sp-default-logo.d-block.d-lg-none {
        width: 130px !important;
        max-width: 130px !important;
        height: auto !important;
        max-height: 48px !important;
    }
}

/* ===== END WOODSBNB LOGO SIZE ADJUSTMENT ===== */

/* ===== WOODSBNB MOBILE BURGER POSITION ===== */
@media (max-width: 991px) {
    #offcanvas-toggler,
    #sp-header .offcanvas-toggler {
        position: relative !important;
        top: -8px !important;
        margin-top: 0 !important;
    }
}
/* ===== END WOODSBNB MOBILE BURGER POSITION ===== */