/* =========================================================
   28 PRIVÉ — CLIENT REVIEW FIXES, 2026-10-29
   Rita's notes of 2026-10-28/29 on the new home page.
   Loaded LAST (last entry of $custom_css_files in functions.php),
   so it wins over the section files without touching them.
   Record + rollback: docs/change-2026-10-29-home-v2.md
   (Future Vision project repo).
========================================================= */


/* =========================================================
   1. THE DESIGN FONTS, SELF-HOSTED
   Every rule in this theme asks for "EB Garamond" or
   "Cormorant Garamond", but nothing loaded them, so the whole
   site fell back to Georgia. Latin subsets of the variable
   fonts (Google Fonts cut, SIL OFL 1.1 — see ../fonts/README.txt).
   Only upright styles are used on the site; no italics shipped.
========================================================= */

@font-face {
    font-family: "EB Garamond";
    src: url("../fonts/eb-garamond-latin-wght.woff2") format("woff2");
    font-weight: 400 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Cormorant Garamond";
    src: url("../fonts/cormorant-garamond-latin-wght.woff2") format("woff2");
    font-weight: 300 700;
    font-style: normal;
    font-display: swap;
}


/* =========================================================
   2. MENU LINKS LAND BELOW THE STICKY HEADER
   Client: "About Us takes me a little below the section, the
   section title doesn't show" — mobile and laptop.
   The browser does the jump itself (no theme JS), so it
   respects scroll-padding. Values = sticky header height.
========================================================= */

html {
    scroll-padding-top: 100px;
}

@media (max-width: 1199px) {
    html {
        scroll-padding-top: 79px;
    }
}

@media (max-width: 767px) {
    html {
        scroll-padding-top: 65px;
    }
}


/* =========================================================
   3. STICKY HEADER — SOLID NAVY
   The scrolled copy of the header was translucent, so page
   content showed through it as grey on the light sections.
   The header over the hero (.original) stays translucent.
========================================================= */

.main-nav-one.stricked-menu,
.main-nav-one.stricked-menu.stricky-fixed,
.main-nav-one.stricked-menu.sticky-fixed {
    background: #0d264f !important;
    background-color: #0d264f !important;
}


/* =========================================================
   4. MOBILE — SERVICE STRIP TEXT = BODY SIZE
   Client: these three descriptions were "a bit bigger than
   the rest of the body" — 17px against 14.5px everywhere else.
========================================================= */

@media (max-width: 767px) {
    .elementor-widget-muzex_cta2_new_home
    .cta2-new-home__box .cta2-new-home__text {
        font-size: 14.5px !important;
    }
}


/* =========================================================
   5. FOOTER — ONE FONT, ONE SIZE
   Client: "in the footer the sizes are different and the fonts
   are different". Quick links were 14.4px/500, the e-mail was
   Karla, the rest 17px. All body text now matches; the brand
   name and the column titles stay as headings.
   #bottom_footer (the widget's ID) out-ranks the class rules in
   footer.css and the Karla rule in style.css.
========================================================= */

#bottom_footer .footer-two-modern__description,
#bottom_footer .footer-widget__links-list li a,
#bottom_footer .footer-widget__contact p,
#bottom_footer .footer-widget__contact p a,
#bottom_footer .footer-widget__open-hrs p,
#bottom_footer .footer-two-modern__copyright {
    font-family: "EB Garamond", Georgia, serif !important;
    font-size: 17px !important;
    font-weight: 400 !important;
    line-height: 1.7 !important;
    letter-spacing: 0 !important;
}

@media (max-width: 767px) {
    #bottom_footer .footer-two-modern__description,
    #bottom_footer .footer-widget__links-list li a,
    #bottom_footer .footer-widget__contact p,
    #bottom_footer .footer-widget__contact p a,
    #bottom_footer .footer-widget__open-hrs p,
    #bottom_footer .footer-two-modern__copyright {
        font-size: 14.5px !important;
    }
}


/* =========================================================
   6. NO LIGHT HAIRLINES AROUND THE HERO VIDEO (iPhone)
   Client (18:50, circled on her iPhone): a thin light line at
   the top of the header and one between the hero and the
   service strip. The page behind the video is cream (#FAF7F0);
   iOS draws <video> on its own layer and can leave a one-pixel
   seam at its edges, so the cream showed through. Navy behind
   the video and the strip makes any seam invisible.
   :has() keeps it tied to the widgets, not to Elementor IDs.
   The page canvas goes navy too: iPhone Safari paints it in the
   status-bar strip and when the page is pulled down, right
   above the navy header. Overrides the Customizer rule
   "Ensure browser background is also navy", which set cream.
========================================================= */

html:has(body.home) {
    background-color: #0d264f !important;
}

.elementor-top-section:has(.elementor-widget-muzex_theme_slider2),
.elementor-top-section:has(.elementor-widget-muzex_cta2_new_home),
.elementor-widget-muzex_theme_slider2 {
    background-color: #0d264f !important;
}