/* ==========================================================================
   VIRS – poenotena tipografija (override)
   --------------------------------------------------------------------------
   KAKO DELUJE
   • Celotno spletno mesto že uporablja spremenljivke --size6 … --size-1,
     --sizeSmall, --size20 … (cStyle.css, cWebsiteParts.css, cHome.css …).
     Ta datoteka te spremenljivke PREPIŠE, zato jo vključi KOT ZADNJO
     (za cCookies.css oz. za katalog.css v katalog layoutu).
   • Zdaj so na mobilcu vrednosti v "em" (v gnezdenih elementih se množijo),
     na namizju pa v px – zato mobilne velikosti skačejo. Tu so vse velikosti
     ABSOLUTNE (rem) in med širinama --bp-min in --bp-max tekoče rastejo
     od MOBILNE do NAMIZNE vrednosti (clamp). Nad --bp-max je vse kot zdaj.
   • Urejaš SAMO razdelek 1 (NASTAVITVE). Razdelka 2 in 3 ne spreminjaj.

   Vključitev (_cms/_layouts/_head.php in katalog.php, ZA sLayout_Css):
     echo '<link rel="stylesheet" href="/css/virs-typography.css?v=' . $GLOBALS['m']['CMS']['fileVersions']['css'] . '">';
   ========================================================================== */


/* ==========================================================================
   1. NASTAVITVE  – vrednosti so v px (brez enote).
      1. stolpec (-m) = mobilno, 2. stolpec (-d) = namizje (= TRENUTNE vrednosti).
      Pravilo: mobilna vrednost naj bo <= namizni (sicer clamp ne interpolira).
   ========================================================================== */
html:root {

	/* enota: 0.0625rem = 1px pri privzeti nastavitvi brskalnika.
	   Če hočeš trde px (brez upoštevanja uporabnikove nastavitve), daj 1px. */
	--u: 0.0625rem;

	/* širini (px), med katerima velikosti tekoče rastejo:
	   375  = do te širine velja mobilna vrednost
	   1200 = od te širine naprej velja namizna vrednost (= zdajšnji 75em)
	   Če hočeš namesto tekočega prehoda ostro stopnico pri 768px:
	   --bp-min: 767; --bp-max: 768; */
	--bp-min: 375;
	--bp-max: 1200;

	/* pisava, debeline, višine vrstic (enako na vseh zaslonih) */
	--family1: "myriad-pro", sans-serif;
	--fontThin: 300;          /* privzeta debelina besedila */
	--fontRegular: 400;
	--fontSemibold: 600;
	--fontBold: 700;
	--lineHeightContent: 1.6;
	--lineHeightTitles: 1.3;

	/* ------------------------------------------------------------------
	   VELIKOSTI                 mobilno  namizje   kje se uporablja (zdaj mobilno → namizje)
	   ------------------------------------------------------------------ */
	--body-m:   16;  --body-d:   20.8;  /* osnovno besedilo, meni na namizju, datumi     (16 → 20.8)   */

	--size6-m:  30;  --size6-d:  50;    /* h1 / .h1, e-mail v nogi                        (32 → 50)     */
	--size5-m:  25;  --size5-d:  43;    /* h2 / .h2, CTA naslovi, harmonika               (25.6 → 43)   */
	--size4-m:  22;  --size4-d:  40;    /* h3 / .h3, .title--sub na karticah z ikono      (22.4 → 40)   */
	--size3-m:  20;  --size3-d:  35;    /* h4, naslov storitve, kartice, intro izdelka, tel v nogi (20.8 → 35) */
	--size2-m:  18;  --size2-d:  30;    /* h5, big v vsebini, besedilo kartic, naslovi izdelkov v2 (19.2 → 30) */
	--size1-m:  17;  --size1-d:  25;    /* h6, naslovi novic, .contentTag, ime kontakta   (19.2 → 25)   */
	--size0-m:  16;  --size0-d:  25;    /* .contentStyle (uredniško besedilo), .title--small (16 → 25)  */
	--size20-m: 16;  --size20-d: 20;    /* gumbi .btn, mnenja strank                      (nedef. → 20) */
	--size-1-m: 14;  --size-1-d: 16.7;  /* drobno: meni v nogi, podmeni, datumi, opombe   (12.8 → 16.7) */
	--size-2-m: 13;  --size-2-d: 15;    /* najdrobnejše (.mtWarning)                      (nedef.)      */

	--quote-m:      16;  --quote-d:      22;  /* .ws__contentQuote – izjava direktorja    (16 → 22)     */
	--popupTitle-m: 18;  --popupTitle-d: 22;  /* naslov v pop-upu v glavi (#arcncPopup h3) (22 → 22)    */

	/* spodnja meja za vse RELATIVNE drobne velikosti (small, 0.8em, 0.7em …):
	   na mobilcu nič pod 14px; na namizju 13 – to je pod vsem obstoječim, torej brez učinka */
	--floor-m:  14;  --floor-d:  13;

	/* MOBILNI MENI (do 1039px) – fiksne vrednosti, se ne interpolirajo */
	--navMobile:    24;   /* 1. nivo (Robotics, Trade …)                 (zdaj 25.6) */
	--navMobileSub: 18;   /* stranski meni (O nas, Aktualno, Kontakt …)  (zdaj 18.7) */
	--navMobileL2:  16;   /* 2. nivo, filtri, gumb "nazaj"               (zdaj 16)   */

	/* relativne velikosti – ostanejo em, kot zdaj */
	--sizeBasic:   1em;
	--sizeBigger:  1.2em;    /* big, uvodno besedilo v naslovnici */
	--sizeSmall:   0.833em;  /* small, .copyright, stranski meni na namizju … */
	--sizeSmaller: 0.694em;  /* small znotraj .contentStyle */
}


/* ==========================================================================
   2. IZRAČUN – ne spreminjaj
   ========================================================================== */
html:root {
	/* 0px pri --bp-min … 1px pri --bp-max (linearno; clamp spodaj odreže izven območja) */
	--_f: calc((100vw - var(--bp-min) * 1px) / (var(--bp-max) - var(--bp-min)));

	--fs-body:   clamp(calc(var(--body-m) * var(--u)),   calc(var(--body-m) * var(--u)   + (var(--body-d)   - var(--body-m))   * var(--_f)), calc(var(--body-d) * var(--u)));
	--size6:     clamp(calc(var(--size6-m) * var(--u)),  calc(var(--size6-m) * var(--u)  + (var(--size6-d)  - var(--size6-m))  * var(--_f)), calc(var(--size6-d) * var(--u)));
	--size5:     clamp(calc(var(--size5-m) * var(--u)),  calc(var(--size5-m) * var(--u)  + (var(--size5-d)  - var(--size5-m))  * var(--_f)), calc(var(--size5-d) * var(--u)));
	--size4:     clamp(calc(var(--size4-m) * var(--u)),  calc(var(--size4-m) * var(--u)  + (var(--size4-d)  - var(--size4-m))  * var(--_f)), calc(var(--size4-d) * var(--u)));
	--size3:     clamp(calc(var(--size3-m) * var(--u)),  calc(var(--size3-m) * var(--u)  + (var(--size3-d)  - var(--size3-m))  * var(--_f)), calc(var(--size3-d) * var(--u)));
	--size2:     clamp(calc(var(--size2-m) * var(--u)),  calc(var(--size2-m) * var(--u)  + (var(--size2-d)  - var(--size2-m))  * var(--_f)), calc(var(--size2-d) * var(--u)));
	--size1:     clamp(calc(var(--size1-m) * var(--u)),  calc(var(--size1-m) * var(--u)  + (var(--size1-d)  - var(--size1-m))  * var(--_f)), calc(var(--size1-d) * var(--u)));
	--size0:     clamp(calc(var(--size0-m) * var(--u)),  calc(var(--size0-m) * var(--u)  + (var(--size0-d)  - var(--size0-m))  * var(--_f)), calc(var(--size0-d) * var(--u)));
	--size20:    clamp(calc(var(--size20-m) * var(--u)), calc(var(--size20-m) * var(--u) + (var(--size20-d) - var(--size20-m)) * var(--_f)), calc(var(--size20-d) * var(--u)));
	--size-1:    clamp(calc(var(--size-1-m) * var(--u)), calc(var(--size-1-m) * var(--u) + (var(--size-1-d) - var(--size-1-m)) * var(--_f)), calc(var(--size-1-d) * var(--u)));
	--size-2:    clamp(calc(var(--size-2-m) * var(--u)), calc(var(--size-2-m) * var(--u) + (var(--size-2-d) - var(--size-2-m)) * var(--_f)), calc(var(--size-2-d) * var(--u)));
	--fs-quote:  clamp(calc(var(--quote-m) * var(--u)),  calc(var(--quote-m) * var(--u)  + (var(--quote-d)  - var(--quote-m))  * var(--_f)), calc(var(--quote-d) * var(--u)));
	--fs-popupTitle: clamp(calc(var(--popupTitle-m) * var(--u)), calc(var(--popupTitle-m) * var(--u) + (var(--popupTitle-d) - var(--popupTitle-m)) * var(--_f)), calc(var(--popupTitle-d) * var(--u)));
	/* floor pada (14 → 13), zato je min = -d in max = -m */
	--fs-floor:  clamp(calc(var(--floor-d) * var(--u)),  calc(var(--floor-m) * var(--u)  + (var(--floor-d)  - var(--floor-m))  * var(--_f)), calc(var(--floor-m) * var(--u)));

	/* stare/alternativne spremenljivke → preslikane na lestvico */
	--sizeH1: var(--size6);
	--sizeH2: var(--size5);
	--sizeH3: var(--size2);
	--sizeH4: var(--size1);   /* .gridContact__name, .lp--location */
	--sizeH5: var(--size20);
	--sizeH6: var(--size-1);

	/* relativne drobne velikosti dobijo spodnjo mejo (na namizju brez učinka) */
	--sizeSmall:   max(0.833em, var(--fs-floor));
	--sizeSmaller: max(0.694em, var(--fs-floor));
}


/* ==========================================================================
   3. PRESLIKAVA pravil, ki imajo zdaj trdo vpisane vrednosti ali gnezdene em
   ========================================================================== */

/* osnova: cStyle.css ima body 1em in pri 75em 1.3em → zdaj tekoče */
html body {
	font-family: var(--family1);
	font-size: var(--fs-body);
	font-weight: var(--fontThin);
	line-height: var(--lineHeightContent);
}

/* uredniško besedilo: cStyle.css ga nastavi šele od 65em; zdaj na vseh širinah
   (na mobilcu je --size0 = body, torej brez spremembe) */
html .contentStyle {
	font-size: var(--size0);
}

/* gumbi: --size20 prej na mobilcu ni bil definiran (gumb je podedoval velikost okolice) */
html .btn {
	font-size: var(--size20);
}

/* mobilni meni (cWebsiteParts.css @media max-width: 1039px) */
@media (max-width: 1039px) {
	html .mainNav a {
		font-size: calc(var(--navMobile) * var(--u));
	}
	html .mainNav .subNav__item {
		font-size: calc(var(--navMobileSub) * var(--u));
	}
	html .mainNav .mainNav__level2 a,
	html .mainNav .mainNav__back,
	html .mainNav .mainNav__subItem,
	html .mainNav .mainNav__filterItem {
		font-size: calc(var(--navMobileL2) * var(--u));
	}
	html .btnMenu span {
		font-size: max(0.7em, var(--fs-floor));
	}
}

/* izjava direktorja – zdaj trdo 16px / 22px */
html .ws__contentQuote {
	font-size: var(--fs-quote);
}

/* e-mail v nogi je v velikosti h1 – na ozkih zaslonih naj se lomi, ne izpada */
html .lp--kontakt a[href^="mailto"] {
	overflow-wrap: anywhere;
}

/* piškotki (cCookies.css: 0.8em → na mobilcu 12.8px) */
html .cookies {
	font-size: var(--size-1);
}

/* obrazci (cForms.css: 0.7em / 0.8em, gnezdeno 0.8em × 0.8em = 10px na mobilcu) */
.form.form--defaultStyle .form__group.form__group--input.form__group--higherInputs.hasValue label,
.form.form--defaultStyle .form__group.form__group--input.form__group--higherInputs.focus label,
.form.form--defaultStyle .form__group.form__group--input.form__group--fixedTop label,
.form.form--defaultStyle .form__group.form__group--input.focus label,
.form.form--defaultStyle .form__group.form__group--input.hasValue label {
	font-size: max(0.7em, var(--fs-floor));
}
.form.form--defaultStyle .form__group.form__group--textarea label,
html .form__group--checkbox label,
html .form__group--checkbox label span,
html .form__hint {
	font-size: max(0.8em, var(--fs-floor));
}
html .linkedInZaposlitev .linkedInZaposlitev__text {
	font-size: max(0.9em, var(--fs-floor));
}

/* tabele v vsebini (cStyle.css: 0.8em) */
html .contentStyle table {
	font-size: max(0.8em, var(--fs-floor));
}

/* iskalnik (cSearch.css: 0.75em) */
html .singleResoult_link {
	font-size: max(0.75em, var(--fs-floor));
}

/* katalog (katalog.css: 0.8em) */
html .downloadButton small {
	font-size: max(0.8em, var(--fs-floor));
}

/* pop-up v glavi (_headerPopup.php: 22px) */
html .popupText h3 {
	font-size: var(--fs-popupTitle);
}

/* obvestilo o strojnem prevodu (--size-2 prej ni bil definiran) */
html .mtWarning {
	font-size: var(--size-2);
}