/* === [1] Google Fonts (PL znaki) – nowe wagi === */
@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400&family=Montserrat:wght@300&display=swap&subset=latin-ext");

/* === [2] Zmienne i fallbacki (bez zmian) === */
:root{
  --lc-font-headings: "Cormorant Garamond", "Times New Roman", Times, serif;
  --lc-font-body: "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto,
                  "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
}

/* === [3] Tekst/UI (Montserrat 300) — globalnie w widżecie === */
.sb-widget,
.sb-booking-page,
#events,
#eventForm {
  font-family: var(--lc-font-body) !important;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.5;
  letter-spacing: 0.01em;
}

/* potomne (bez ikon) */
.sb-widget *:not(i):not(.material-icons):not([class^="icon"]):not([class*=" icon"]),
.sb-booking-page *:not(i):not(.material-icons):not([class^="icon"]):not([class*=" icon"]),
#events *:not(i):not(.material-icons):not([class^="icon"]):not([class*=" icon"]),
#eventForm *:not(i):not(.material-icons):not([class^="icon"]):not([class*=" icon"]) {
  font-family: var(--lc-font-body) !important;
  font-weight: inherit; /* odziedziczy 300 z rodzica, chyba że nadpisane */
}

/* === [4] Nagłówki (Cormorant Garamond 400) — szerokie selektory === */
.sb-widget h1, .sb-widget h2, .sb-widget h3, .sb-widget h4, .sb-widget h5, .sb-widget h6,
.sb-booking-page h1, .sb-booking-page h2, .sb-booking-page h3, .sb-booking-page h4,
#events h1, #events h2, #events h3, #events h4, #events .title, #events .header,
#eventForm h1, #eventForm h2, #eventForm h3, #eventForm h4,
.sb-title, .sb-heading, .sb-modal-title, .sb-section-title, .page-title, .section-title,
.service-name, .company-name, .sb-hero-title, .sb-step-title, .sb-booking-step-title {
  font-family: var(--lc-font-headings) !important;
  font-weight: 400 !important;
  line-height: 1.2;
}

/* Przyciski – dalej Montserrat */
.sb-button, .sb-btn, button {
  font-family: var(--lc-font-body) !important;
  font-weight: 300 !important;
}

/* Bezpiecznik dla ikon */
.material-icons, .sb-icon, .fa, .fas, .far, .fal, .fab,
[class^="icon"], [class*=" icon"]{
  font-family: revert !important;
  font-weight: normal !important;
}