/*
Theme Name: FSL Theme
Author: FSL Express
Version: 1.0
Text Domain: fsl-express
*/

.whatbtn a {
    position: fixed;
    bottom: 50px;
    right: 20px;
    z-index: 9999;
    font-size: 30px;
    text-align: center;
    justify-content: center;
    align-items: center;
    display: inline-flex;
    width: 61px;
    height: 61px;
    background-color: #00e676;
    color: #fff;
    border-radius: 50%;
    transition: .3s;
}

.whatbtn a:hover {
    box-shadow: #9dff8e 0px 0px 40px 8px;
    background: #00e676;
}

/* ---- Mobile menu / hamburger tap fix ----
   The hamburger icon is only 22x14px, which is far below the recommended touch-target size,
   so taps on phones frequently missed it ("have to tap several times").
   This enlarges the clickable area invisibly (no visual/layout change) and removes the
   double-tap delay/zoom behaviour on touch browsers. */
.navbar .navbar-toggler {
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
}

.navbar .navbar-toggler::after {
    content: "";
    position: absolute;
    top: -15px;
    right: -15px;
    bottom: -15px;
    left: -15px;
}


/* ---- Full-height mobile menu ----
   main.js sets --fsl-menu-height (visible viewport height below the header) when the menu opens, so the
   menu panel fills the rest of the screen. Mobile/tablet layout only; desktop is untouched.
   overscroll-behavior stops scrolling inside the menu from scrolling the page behind it. */
@media (max-width: 991px) {
    .navbar .navbar-collapse .navbar-nav {
        min-height: var(--fsl-menu-height, 0px);
    }

    .navbar .navbar-collapse {
        overscroll-behavior: contain;
    }
}