/* ==========================================================================
   Site-wide layout additions (loaded from include/head.blade.php)
   1. Header menu - responsive fit
   2. Footer - tagline + group of companies
   3. Product pages - "Inquiry Now" button
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Header menu
   >= 1600px : unchanged (menu centred in the header).
   1200-1599 : menu sits in the free space between the logo and the
               language / "Get in touch" buttons, so it can no longer run
               underneath them. Link spacing tightens a little.
   < 1200px  : desktop menu hidden - the menu button (offcanvas) already
               lists every page, so nothing is lost and the page no longer
               scrolls sideways on tablets and phones.
   -------------------------------------------------------------------------- */
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .header-area.style-2 .header-area__inner > .header__nav.pos-center {
        position: static;
        transform: none;
        width: auto;
        flex: 1 1 auto;
        min-width: 0;
    }

    .header-area.style-2 .header-area__inner > *:first-child {
        margin-inline-end: 0;
    }

    .header-area.style-2 .main-menu > ul > li > a {
        padding-left: 16px;
        padding-right: 16px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .header-area.style-2 .header-area__inner {
        gap: 20px;
    }

    .header-area.style-2 .main-menu > ul > li > a {
        padding-left: 22px;
        padding-right: 22px;
        font-size: 15px;
    }

    .header-area.style-2 .header__meta .wc-btn-primary {
        padding: 14px 18px;
        gap: 16px;
        font-size: 15px;
    }
}

@media only screen and (max-width: 1199px) {
    .header-area.style-2 .header-area__inner > .header__nav.pos-center {
        display: none;
    }
}

@media only screen and (max-width: 575px) {
    .header-area.style-2 .header-area__inner {
        gap: 16px;
    }
}

/* The closed menu panel (.offcanvas-3__area) waits off-screen tilted in 3D;
   on tablets that tilt pushed the page ~600px wider and let it scroll
   sideways. Clip sideways overflow at the page level - the panel's open
   animation is untouched. */
html {
    overflow-x: clip;
}

/* --------------------------------------------------------------------------
   2. Footer - tagline under the logo + group of companies
   -------------------------------------------------------------------------- */
.footer-area.style-7 .footer-item .footer-logo {
    margin-bottom: 16px;
}

.footer-area.style-7 .footer-tagline {
    margin: 0 0 50px;
    max-width: 330px;
    color: #f3a627;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.04em;
    line-height: 1.5;
}

@media only screen and (max-width: 1919px) {
    .footer-area.style-7 .footer-tagline {
        margin-bottom: 55px;
    }
}

@media only screen and (max-width: 991px) {
    .footer-area.style-7 .footer-tagline {
        margin-bottom: 28px;
    }
}

.footer-area.style-7 .footer-group {
    margin-top: 36px;
    padding-top: 50px;
    border-top: 1px solid #344454;
    max-width: 320px;
}

.footer-area.style-7 .footer-group-title {
    margin: 0 0 18px;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.footer-area.style-7 .footer-group-logos {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px 24px;
}

.footer-area.style-7 .footer-group-logos img {
    display: block;
    width: 140px;
    max-width: calc(50% - 12px);
    height: auto;
}

@media only screen and (max-width: 767px) {
    .footer-area.style-7 .footer-group {
        margin-top: 28px;
        padding-top: 24px;
    }
}

/* --------------------------------------------------------------------------
   3. Product pages - "Inquiry Now" under the technical specifications
   -------------------------------------------------------------------------- */
.hp-product-details .hp-inquiry-btn {
    margin-top: 30px;
    padding: 16px 28px;
    gap: 16px;
    border-radius: 50px;
    color: #fff;
    background-color: var(--fg-navy, #222e47);
    border-color: var(--fg-navy, #222e47);
}

/* the spec block above already leaves 40px */
.hp-product-details .hp-spec-block + .hp-inquiry-btn {
    margin-top: 0;
}

.hp-product-details .hp-inquiry-btn:hover {
    color: #222e47;
    background-color: #f3a627;
    border-color: #f3a627;
}

.hp-product-details .hp-inquiry-btn i {
    font-size: 13px;
}

@media only screen and (max-width: 575px) {
    .hp-product-details .hp-inquiry-btn {
        width: 100%;
        justify-content: center;
    }
}