/**
 * DALÚ – test novih pisav
 *
 * Nalaga se na celotni strani (objavljeno 20. 10. 2026), glej functions.php.
 *
 * Razporeditev (po navodilih stranke):
 *   Cormorant Garamond Regular  – naslovi (hero, kampanje, h1–h6)
 *   Cormorant Garamond Medium   – nazivi izdelkov
 *   Century Gothic              – besedilo, opisi, navigacija, gumbi (CTA)
 *
 * Cormorant Garamond: SIL Open Font License (brezplačno, tudi komercialno),
 *   gostovano lokalno (GDPR), podnabora latin + latin-ext (č, š, ž, Ú ...).
 * Century Gothic Paneuropean: kupljena spletna licenca (MyFonts),
 *   gostovano lokalno, debeline Thin, Regular, Bold.
 */

/* ---------- Cormorant Garamond (self-hosted) ---------- */
@font-face {
  font-family: "Cormorant Garamond";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/cormorant-garamond-latin-ext-400-normal.woff2") format("woff2");
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: "Cormorant Garamond";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/cormorant-garamond-latin-400-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
  font-family: "Cormorant Garamond";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/cormorant-garamond-latin-ext-500-normal.woff2") format("woff2");
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: "Cormorant Garamond";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/cormorant-garamond-latin-500-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
  font-family: "Cormorant Garamond";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/cormorant-garamond-latin-ext-600-normal.woff2") format("woff2");
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: "Cormorant Garamond";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/cormorant-garamond-latin-600-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

/* ---------- Century Gothic Paneuropean (Monotype, spletna licenca MyFonts) ----------
 * @license
 * MyFonts Webfont Build ID 3867246
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are
 * explicitly restricted from using the Licensed Webfonts(s).
 * Webfont: Century Gothic Paneuropean Thin, Regular, Bold by Monotype
 * URL: https://www.myfonts.com/collections/monotype-imaging-foundry
 * Copyright (c) 2026 Monotype Imaging Inc. All rights reserved.
 *
 * Opomba: licenčnega komentarja ne odstranjuj (pogoj licence MyFonts).
 * Vse tri debeline so združene v eno družino "Century Gothic Web":
 *   100 = Thin, 400 = Regular, 700 = Bold
 * Pozor: elementi, ki jim tema nastavi debelino 300 (npr. nekatera besedila
 * v nogi), se zaradi pravil CSS izrišejo v Thin.
 */
@font-face {
  font-family: "Century Gothic Web";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url("../fonts/century-gothic-paneuropean-thin.woff2") format("woff2"),
       url("../fonts/century-gothic-paneuropean-thin.woff") format("woff");
}
@font-face {
  font-family: "Century Gothic Web";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/century-gothic-paneuropean-regular.woff2") format("woff2"),
       url("../fonts/century-gothic-paneuropean-regular.woff") format("woff");
}
@font-face {
  font-family: "Century Gothic Web";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/century-gothic-paneuropean-bold.woff2") format("woff2"),
       url("../fonts/century-gothic-paneuropean-bold.woff") format("woff");
}

:root {
  --dalu-serif: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --dalu-sans: "Century Gothic Web", "Century Gothic", sans-serif;

  --bs-body-font-family: var(--dalu-sans);
  --bs-btn-font-family: var(--dalu-sans);
}

/* ---------- Osnovno besedilo, opisi ---------- */
/* Besedilo v Regular (main.css je imel Open Sans Light 300). */
body,
p {
  font-family: var(--dalu-sans);
  font-weight: 400; /* main.css nastavi p na 300 */
}

/* ---------- Gumbi (CTA) in obrazci ---------- */
.btn,
.button,
button,
input,
select,
textarea,
.single_add_to_cart_button,
input.font-family-headings,   /* polje za količino ima razred pisave naslovov */
select.font-family-headings,
textarea.font-family-headings {
  font-family: var(--dalu-sans);
}

/* ---------- Navigacija (Max Mega Menu) ---------- */
/* !important, ker main.css in Max Mega Menu pisavo menija nastavljata
   z visoko specifičnostjo. */
#mega-menu-wrap-main-menu,
#mega-menu-wrap-main-menu #mega-menu-main-menu a.mega-menu-link,
#mega-menu-main-menu a {
  font-family: var(--dalu-sans) !important;
}

/* ---------- Naslovi (hero, kampanje, h1–h6) ---------- */
/* Vključuje tudi elemente, ki so do zdaj uporabljali pisavo naslovov
   (cena, naslovi zavihkov, oznake v nogi): .font-family-headings */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6,
.font-family-headings,
.headings-font-family {
  font-family: var(--dalu-serif);
  font-weight: 400;
}

/* ---------- Nazivi izdelkov ---------- */
.product_title,
.woocommerce-loop-product__title,
.loop-item_wrapper h2 {
  font-family: var(--dalu-serif);
  font-weight: 500 !important; /* predloga izdelkov v seznamu ima .fw-400 z !important */
}

/* ---------- Debeline v predlogah ----------
 * Predloge teme naslovom dodajajo razrede .fw-700 / .fw-bold (z !important).
 * Stranka želi naslove v Regular, nazive izdelkov v Medium.
 * Aktivni zavihek (.dalu-product_tabs) ostane krepkejši (600) za poudarek.
 */
:is(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, .font-family-headings, .headings-font-family):is(.fw-500, .fw-600, .fw-700, .fw-800, .fw-bold):not(input, select, textarea, button, .button, .btn, .product_title, .woocommerce-loop-product__title, .loop-item_wrapper h2, .add_to_cart_button) {
  font-weight: 400 !important; /* naslovi: Regular (navodilo stranke); nazivi izdelkov imajo svoje pravilo (Medium) */
}

/* ---------- Številke in nazivi v seznamih ---------- */
/* Številke enake višine (Cormorant ima privzeto starinske) */
.price,
.woocommerce-Price-amount,
.product_title,
.loop-item_wrapper h2 {
  font-variant-numeric: lining-nums;
}

/* Nazivi izdelkov v seznamih: Cormorant je pri isti velikosti optično manjši */
.loop-item_wrapper h2 {
  font-size: 1.125rem !important; /* 18 px namesto 16 px */
}

/* ---------- Debelina 300 → Regular ----------
 * Tema ima ponekod debelino 300 (ostanek Open Sans Light): .fw-300, meni v nogi,
 * izbirni seznami. Century Gothic Paneuropean nima Light, zato bi se ta besedila
 * izrisala v Thin, ki je pri 14 px preslaba za branje.
 */
.fw-300,
.footer-menu li a,
.form-select,
select {
  font-weight: 400 !important;
}

/* Thin samo tam, kjer ga izrecno želimo (npr. večji naslovi): dodaj razred dalu-thin */
.dalu-thin {
  font-family: var(--dalu-sans);
  font-weight: 100 !important;
}

/* ---------- Pregled ostalih strani (domača, trgovina, blog, SPA, blagajna) ---------- */

/* Gumb "Add to cart" / "Select options" na karticah izdelkov: tema mu da pisavo
   naslovov; po navodilih stranke so gumbi (CTA) v Century Gothic. */
a.add_to_cart_button.font-family-headings.font-family-headings {
  font-family: var(--dalu-sans);
  font-weight: 700 !important;
}

/* Filtri na blogu (npr. "Beauty & Lifestyle", "Doctor's corner"): tema ima 300 → Thin */
.filter-buttons .btn {
  font-weight: 400 !important;
}

/* Obrazec za newsletter (vtičnik, privzeto Helvetica) */
.nsf-box,
.nsf-box * {
  font-family: var(--dalu-sans) !important;
}

/* Drobni napisi v nogi (Worldwide delivery, Menu, Customers, Follow us, Currency ...)
   in datumi na blog karticah v Century Gothic – potrdila stranka */
footer .font-family-headings,
footer .font-family-headings b,
.card.horizontal .font-family-headings.fs-14 {
  font-family: var(--dalu-sans);
}

/* ---------- Gumbi z razredom pisave naslovov ----------
 * Glavni gumb "Add to cart" na enostavnih izdelkih in gumba -/+ za količino
 * imajo v predlogi razred .font-family-headings. Po navodilih stranke so gumbi
 * v Century Gothic (Bold, kot prej).
 */
:is(button, .button, .btn, input[type="submit"]).font-family-headings {
  font-family: var(--dalu-sans);
}

/* Gumb "Discover More" pod bannerji na domači strani: Regular, ne Bold (želja stranke) */
.bg-homepage_boxes a.text-uppercase.fw-700 {
  font-weight: 400 !important;
}

/* Stran Contact: naslov podjetja in e-naslov (.sub-title, 36 px) sta bila prej v
   ozki pisavi naslovov (Roboto Condensed). V široki Century Gothic se lomita,
   zato ju prestavimo v pisavo naslovov Cormorant. Blok .sub-title z odstavki
   je samo na strani Contact. */
.sub-title p {
  font-family: var(--dalu-serif);
}

/* Napis "Discover" pod naslovi bannerjev na domači strani: Regular (želja stranke) */
.position-absolute.text-white p.fw-600 {
  font-weight: 400 !important;
}

/* Bannerji na domači strani: na telefonu slika ohrani razmerje (prej popačena).
   Velja za vsako naloženo sliko; slika se obreže enakomerno zgoraj in spodaj.
   Navodila stranki: slike 1120 × 1500 px, pomemben del v sredini. */
@media (max-width: 991.98px) {
  .home-cat_wrapper > img.h-100 {
    object-fit: cover;
    object-position: center center;
  }
}