/*
	Theme Name:	XTRA Child
	Theme URI:	https://xtratheme.com/
	Description:	beOnline (beonline.ch) — child tema za Xtra, demo Hosting 2. wp-agent, clients/beonline/theme/xtra-child.
	Author:		Codevz / UndiWeb
	Author URI:	https://undiweb.net/
	Template:	xtra
	Version:	1.1.0
*/

/* ==========================================================================
   beOnline — pravila su numerisana (§); tokeni su u clients/beonline/DESIGN-TOKENS.md.
   Boje i fontovi teme zive u Codevz opcijama; ovde samo ono sto opcije ne pokrivaju.
   ========================================================================== */

/* §1 Roboto lokalno (fajlovi sa klona; Google fontovi su ugaseni u opcijama teme) */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('fonts/roboto/Roboto-400-latin-ext.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: 'Roboto';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('fonts/roboto/Roboto-400-latin.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: 'Roboto';
	font-style: italic;
	font-weight: 400;
	font-display: swap;
	src: url('fonts/roboto/Roboto-400italic-latin-ext.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: 'Roboto';
	font-style: italic;
	font-weight: 400;
	font-display: swap;
	src: url('fonts/roboto/Roboto-400italic-latin.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: 'Roboto';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url('fonts/roboto/Roboto-500-latin-ext.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: 'Roboto';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url('fonts/roboto/Roboto-500-latin.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: 'Roboto';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url('fonts/roboto/Roboto-600-latin-ext.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: 'Roboto';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url('fonts/roboto/Roboto-600-latin.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: 'Roboto';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url('fonts/roboto/Roboto-700-latin-ext.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: 'Roboto';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url('fonts/roboto/Roboto-700-latin.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;
}

/* §2 Tokeni — prefiks --beo- (plugin kalkulatora vec koristi --bo- na :root) */
:root {
	--beo-gold: #c89705;
	--beo-gold-hover: #bb8a00;
	--beo-dark: #000119;
	--beo-light: #eaf1f2;
	--beo-white: #ffffff;
	--beo-font: 'Roboto', 'Helvetica Neue', Arial, sans-serif;
}

/* §3 Osnovna tipografija — font za polja forme i dugmad (tema ih ne nasledjuje svuda) */
body.bo-site,
body.bo-site button,
body.bo-site input,
body.bo-site select,
body.bo-site textarea {
	font-family: var(--beo-font);
}

/* §4 Zaglavlje — „Kontakt" je na desktopu dugme; stavka menija postoji samo za mobilni meni.
   Bez ovoga Codevz racuna i nju u sirinu reda i gura „Über uns" u „…". */
.header_2 .sf-menu > li.bo-nur-mobil {
	display: none !important;
}

/* §5 Zaglavlje 1100–1279 px — 10 stavki mora da stane u jedan red (izmereno: na 1180 red pada ispod logoa,
   na 1100 meni se lomi u dva reda). Ispod 1100 preuzima mobilno zaglavlje (§6). */
@media screen and (max-width: 1279px) {
	.header_2 #menu_header_2 > li > a {
		font-size: 14px !important;
		padding-left: 6px !important;
		padding-right: 6px !important;
	}
}
@media screen and (max-width: 1140px) {
	.header_2 #menu_header_2 > li > a {
		font-size: 13px !important;
		padding-left: 4px !important;
		padding-right: 4px !important;
	}
	.header_2 .elms_right .cz_elm:nth-child(2) {
		margin-right: 18px !important;
	}
}

/* §6 Mobilno zaglavlje (red 4) vec od 1099 px nadole. Codevz ga pali tek na 768 (core-tablet.css), a izmedju
   769 i ~1099 desktop meni sa 10 stavki pada ispod logoa ili u dva reda (izmereno; 1100 staje). Ista pravila, sira granica. */
@media screen and (max-width: 1099px) {
	.header_1,
	.header_2,
	.header_3,
	.header_5,
	.header_5.onSticky {
		display: none !important;
	}
	.header_4,
	.cz_before_mobile_header,
	.cz_after_mobile_header,
	.Corpse_Sticky.cz_sticky_corpse_for_header_4 {
		display: block !important;
	}
}

/* §7 Podnozje — dugme „na vrh" (fiksno dole desno) ne sme da pokrije poslednju pravnu vezu. */
@media screen and (min-width: 769px) {
	.footer_2 .elms_right {
		padding-right: 56px;
	}
}
@media screen and (max-width: 768px) {
	/* Na telefonu Codevz centrira desnu grupu u DOM redosledu (Datenschutz · Impressum · AGB) — vrati AGB prvi. */
	.footer_2 .elms_right {
		display: flex;
		flex-direction: row-reverse;
		flex-wrap: wrap;
		justify-content: center;
	}
	/* Dugme „na vrh" stoji iznad mobilne trake; donja traka podnozja se podize iznad njega. */
	.footer_2 {
		padding-bottom: 64px;
	}
}

/* §8 Kalkulator (beOnline Quote Calculator) u paleti sajta — samo promenljive plugina unutar njegovog omotaca,
   core CSS plugina se ne menja. Dugme: zlatno sa TAMNIM tekstom (beli na zlatnom = 2,66:1). */
body.bo-site .beonline-calc {
	--bo-primary: var(--beo-dark);
	--bo-accent: var(--beo-gold);
	--bo-accent-hover: var(--beo-gold-hover);
	--bo-text: var(--beo-dark);
	--bo-bg: var(--beo-light);
	font-family: var(--beo-font);
}
body.bo-site .beonline-calc .beonline-calc__submit,
body.bo-site .beonline-calc .beonline-calc__submit:hover {
	color: var(--beo-dark);
}

/* §9 Pocetna — kartice proizvoda: dugme „Mehr Infos" uvek na dnu kartice (Mobile nema listu, pa bi dugme
   stajalo vise od ostalih). Kartica je flex kolona; pravilo je vezano za widget dugmeta (Pomen zamka 10). */
.bo-karte > .elementor-widget-cz_button {
	margin-top: auto;
}

/* §10 Duge nemacke reci u naslovima — rastavljanje po slogovima umesto lomljenja usred reci (html lang = de). */
body.bo-site h1,
body.bo-site h2,
body.bo-site h3 {
	hyphens: auto;
	-webkit-hyphens: auto;
	overflow-wrap: break-word;
}