/* ==========================================================================
   Header fit on laptops and tablets (Oct 2026)
   The full menu needs about 1320px. Below that it ran over the logo and the
   Book a call button. Tighten it down to 1200px, then use the hamburger.
   Loads after site-patches.css so these rules win the cascade.
   ========================================================================== */

@media (min-width: 1025px) and (max-width: 1399px) {
    .nav {
        padding-left: 24px !important;
        padding-right: 24px !important;
    }
    .nav-logo-img,
    img.custom-logo {
        height: 36px !important;
    }
    .nav-links {
        gap: 14px !important;
    }
}

/* Below 1200px the menu cannot fit: hamburger, but keep Book a call */
@media (min-width: 1025px) and (max-width: 1199px) {
    .nav-center {
        display: none !important;
    }
    .mobile-toggle {
        display: flex !important;
    }
    .nav-right {
        margin-left: auto;
    }
}

/* Floating buttons glide up when the sticky contact bar appears
   (the offset itself is set by the rasp-floater-lift script) */
#rasp-wa-float {
    transition: transform 0.2s, box-shadow 0.2s, translate 0.35s ease;
}
#rasp-wa-float-tooltip {
    transition: opacity 0.2s, translate 0.35s ease;
}
#google-merchantwidget-iframe-wrapper {
    transition: translate 0.35s ease;
}