/* * Greek-language font overrides for Agapaé invite page. * * Work Sans and Made Mirage lack Greek glyphs. When the active language is * Greek (``, set by useDocumentMeta), swap them for Mont * (body) and Lovelace (headings). English path is untouched. * * Loaded after agapae.css so cascade resolves to the overrides below. */ /* ── Mont (body — Work Sans replacement) ───────────────────────────── */ @font-face { font-family: "Mont"; src: url("/assets/fonts/mont/Mont-Thin.woff2") format("woff2"); font-weight: 100; font-style: normal; font-display: swap; } @font-face { font-family: "Mont"; src: url("/assets/fonts/mont/Mont-ThinItalic.woff2") format("woff2"); font-weight: 100; font-style: italic; font-display: swap; } @font-face { font-family: "Mont"; src: url("/assets/fonts/mont/Mont-ExtraLight.woff2") format("woff2"); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: "Mont"; src: url("/assets/fonts/mont/Mont-ExtraLightItalic.woff2") format("woff2"); font-weight: 200; font-style: italic; font-display: swap; } @font-face { font-family: "Mont"; src: url("/assets/fonts/mont/Mont-Light.woff2") format("woff2"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: "Mont"; src: url("/assets/fonts/mont/Mont-LightItalic.woff2") format("woff2"); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: "Mont"; src: url("/assets/fonts/mont/Mont-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: "Mont"; src: url("/assets/fonts/mont/Mont-RegularItalic.woff2") format("woff2"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: "Mont"; src: url("/assets/fonts/mont/Mont-SemiBold.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: "Mont"; src: url("/assets/fonts/mont/Mont-SemiBoldItalic.woff2") format("woff2"); font-weight: 600; font-style: italic; font-display: swap; } @font-face { font-family: "Mont"; src: url("/assets/fonts/mont/Mont-Bold.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: "Mont"; src: url("/assets/fonts/mont/Mont-BoldItalic.woff2") format("woff2"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: "Mont"; src: url("/assets/fonts/mont/Mont-Heavy.woff2") format("woff2"); font-weight: 800; font-style: normal; font-display: swap; } @font-face { font-family: "Mont"; src: url("/assets/fonts/mont/Mont-HeavyItalic.woff2") format("woff2"); font-weight: 800; font-style: italic; font-display: swap; } @font-face { font-family: "Mont"; src: url("/assets/fonts/mont/Mont-Black.woff2") format("woff2"); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: "Mont"; src: url("/assets/fonts/mont/Mont-BlackItalic.woff2") format("woff2"); font-weight: 900; font-style: italic; font-display: swap; } /* ── Lovelace (headings — Made Mirage replacement) ─────────────────── */ @font-face { font-family: "Lovelace"; src: url("/assets/fonts/lovelace/Lovelace-ExtraLight.woff2") format("woff2"); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: "Lovelace"; src: url("/assets/fonts/lovelace/Lovelace-ExtraLightItalic.woff2") format("woff2"); font-weight: 200; font-style: italic; font-display: swap; } @font-face { font-family: "Lovelace"; src: url("/assets/fonts/lovelace/Lovelace-Light.woff2") format("woff2"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: "Lovelace"; src: url("/assets/fonts/lovelace/Lovelace-LightItalic.woff2") format("woff2"); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: "Lovelace"; src: url("/assets/fonts/lovelace/Lovelace-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: "Lovelace"; src: url("/assets/fonts/lovelace/Lovelace-Italic.woff2") format("woff2"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: "Lovelace"; src: url("/assets/fonts/lovelace/Lovelace-Medium.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "Lovelace"; src: url("/assets/fonts/lovelace/Lovelace-MediumItalic.woff2") format("woff2"); font-weight: 500; font-style: italic; font-display: swap; } @font-face { font-family: "Lovelace"; src: url("/assets/fonts/lovelace/Lovelace-Bold.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: "Lovelace"; src: url("/assets/fonts/lovelace/Lovelace-BoldItalic.woff2") format("woff2"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: "Lovelace"; src: url("/assets/fonts/lovelace/Lovelace-ExtraBold.woff2") format("woff2"); font-weight: 800; font-style: normal; font-display: swap; } @font-face { font-family: "Lovelace"; src: url("/assets/fonts/lovelace/Lovelace-ExtraBoldItalic.woff2") format("woff2"); font-weight: 800; font-style: italic; font-display: swap; } /* ── Default declarations for refactored inline-style components ───── */ /* Match the previous inline fontFamily so English keeps its current look. */ .venue-description, .venue-map-link .button-txt { font-family: "Made mirage webfont", "Palatino Linotype", sans-serif; } /* ── Greek overrides ───────────────────────────────────────────────── */ /* Body / form controls — Work Sans → Mont */ html[lang="el"] body, html[lang="el"] input, html[lang="el"] button, html[lang="el"] select, html[lang="el"] textarea { font-family: "Mont", "Work Sans", sans-serif; } /* Refactored components */ html[lang="el"] .venue-description, html[lang="el"] .venue-map-link .button-txt { font-family: "Lovelace", "Made mirage webfont", "Palatino Linotype", serif; } /* Headings / display copy — Made Mirage → Lovelace. Selector list mirrors every rule in invite/'s agapae.css that uses "Made mirage webfont, Palatino Linotype, sans-serif". Specificity (0,2,0) beats the originals (0,1,0) — no !important needed. */ html[lang="el"] .heading-9vw, html[lang="el"] .heading-50, html[lang="el"] .heading-6, html[lang="el"] .heading-60, html[lang="el"] .heading-36-thin, html[lang="el"] .heading-38, html[lang="el"] .heading-136, html[lang="el"] .heading-142, html[lang="el"] .made-22, html[lang="el"] .made-28, html[lang="el"] .made-36, html[lang="el"] .name-text, html[lang="el"] .no, html[lang="el"] .no-txt, html[lang="el"] .year-txt, html[lang="el"] .outline-heading, html[lang="el"] ._404-heading, html[lang="el"] .cart-heading, html[lang="el"] .cart-list, html[lang="el"] .cart-quantity-2, html[lang="el"] .cc-banner_text, html[lang="el"] .cc-prefs_title, html[lang="el"] .corner-no.droite, html[lang="el"] .cta-link, html[lang="el"] .error-text-wrap, html[lang="el"] .quantity-2, html[lang="el"] .right-arrow, html[lang="el"] .side-link, html[lang="el"] .rich-text-block h1, html[lang="el"] .rich-text-block h2, html[lang="el"] .rich-text-block h3 { font-family: "Lovelace", "Made mirage webfont", "Palatino Linotype", serif; } /* Mobile nav links use Made Mirage + uppercase in agapae.css (≤767px). Swap the font to Lovelace and keep the Greek path in its natural case. */ @media screen and (max-width: 767px) { html[lang="el"] .nav-link { font-family: "Lovelace", "Made mirage webfont", "Palatino Linotype", serif; text-transform: none; } } /* Lovelace renders better in its natural case than ALL CAPS — disable uppercase on the Greek path for the heading rules in agapae.css that set both Made Mirage and `text-transform: uppercase`. */ html[lang="el"] .heading-9vw, html[lang="el"] .heading-136, html[lang="el"] .heading-142, html[lang="el"] .outline-heading, html[lang="el"] .cta-link { text-transform: none; }