/* JHM Higienização — site-specific styles loaded after the theme CSS.
   Fonts, hero image, inline SVG icons, lightbox arrows, floating WhatsApp button. */

/* ---- Fonts (self-hosted, latin subset, variable weight) ---- */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(../fonts/roboto-latin.woff2) format('woff2');
}
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(../fonts/montserrat-latin.woff2) format('woff2');
}

/* ---- Smooth in-page scrolling (replaces the jQuery smooth-scroll plugin) ---- */
html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
}

/* ---- Hero ---- */
/* The call-to-action band reuses the hero image, so it costs no extra download. */
#home,
.cta-band { background-image: url(../images/home_background.webp); }
.cta-band { position: relative; background-position: center; background-size: cover; background-repeat: no-repeat; }
@media (max-width: 767.98px) {
    #home,
    .cta-band { background-image: url(../images/home_background-sm.webp); }
}
/* Hero fills the viewport via CSS instead of JS, so there is no layout shift after load. */
.full-screen { min-height: 100vh; min-height: 100svh; }

/* ---- Inline SVG icons (replace the Font Awesome / Themify icon fonts) ---- */
.ico { display: inline-block; line-height: 1; }
.ico svg { width: 1em; height: 1em; fill: currentColor; vertical-align: -0.125em; }
.ico.no-margin-right { margin-right: 0; }

/* Lightbox arrows: the theme drew these with the Themify font. */
.mfp-arrow-left:before,
.mfp-arrow-right:before {
    content: '';
    display: block;
    width: 22px;
    height: 22px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -11px 0 0 -11px;
    opacity: 1;
}
.mfp-arrow-left:before { transform: translateX(6px) rotate(135deg); }
.mfp-arrow-right:before { transform: translateX(-6px) rotate(-45deg); }
.mfp-arrow-left:after,
.mfp-arrow-right:after { display: none; }

/* ---- Scroll-to-top button (class toggle instead of jQuery fade on every scroll event) ---- */
.scroll-top-arrow,
.scroll-top-arrow:focus {
    display: block;
    top: auto;
    bottom: 96px;
    right: 36px;
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s, visibility .3s;
}
.scroll-top-arrow.is-visible { opacity: 1; visibility: visible; }

/* ---- Floating WhatsApp button (replaces the getbutton.io third-party widget) ---- */
.whatsapp-float {
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 10005;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: #a5ce42;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, .25);
    transition: transform .2s, background-color .2s;
}
.whatsapp-float:hover,
.whatsapp-float:focus { background: #8fb92f; color: #fff; transform: scale(1.06); }
.whatsapp-float .ico svg { display: block; }