/*
 * Despot Militari: osnovni vizuelni sloj (faza 1).
 * Sadržaj: 1 tokeni, 2 fontovi, 3 remap Astra/Elementor boja, 4 tipografija,
 * 5 linkovi, 6 dugmad, 7 forme, 8 pristupačnost.
 * Učitava se posle Astra stilova, pa remap radi bez !important.
 */

/* ==========================================================================
   1. Tokeni
   ========================================================================== */
:root {
	--dm-bg-dark: #0E100C;
	--dm-surface-dark: #151911;
	--dm-bg-light: #F4F2EC;
	--dm-surface-light: #FFFFFF;
	--dm-text-on-dark: #EDEBE3;
	--dm-text-on-light: #1A1C16;
	--dm-text-muted: #5E6253;       /* 5.6:1 na --dm-bg-light */
	--dm-gold: #B8954A;             /* samo ispuna i veliki naslovi, 2.5:1 na svetloj */
	--dm-gold-hover: #C9A85C;
	--dm-gold-ink: #765B1A;         /* zlatna za mali tekst na svetloj: 5.7:1 */
	--dm-olive: #4A5238;
	--dm-line: #D8D4C6;             /* tanke razdelne linije */
	--dm-border-strong: #85887A;    /* ivice polja formi, 3.4:1 na beloj */
	--dm-phosphor: #7CFF6B;         /* samo hero, ne koristiti drugde */

	--dm-font-display: "Barlow Condensed", "Arial Narrow", sans-serif;
	--dm-font-body: "Barlow", system-ui, -apple-system, "Segoe UI", sans-serif;
	--dm-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

	--dm-space-1: 0.25rem;
	--dm-space-2: 0.5rem;
	--dm-space-3: 0.75rem;
	--dm-space-4: 1rem;
	--dm-space-5: 1.5rem;
	--dm-space-6: 2.5rem;

	/* Uski uglovi: taktički brend, ne mekani SaaS. */
	--dm-radius-sm: 2px;
	--dm-radius: 3px;
	--dm-radius-lg: 4px;

	--dm-dur-press: 100ms;
	--dm-dur-color: 120ms;
	--dm-ease: cubic-bezier(0.23, 1, 0.32, 1);
	--dm-press-scale: 0.97;
}

/* ==========================================================================
   2. Fontovi (self-hosted, latin-ext nosi č ć š ž đ)
   ========================================================================== */
@font-face {
	font-family: "Barlow Condensed";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("../fonts/barlow-condensed-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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
	font-family: "Barlow Condensed";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("../fonts/barlow-condensed-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;
}
@font-face {
	font-family: "Barlow";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("../fonts/barlow-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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
	font-family: "Barlow";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("../fonts/barlow-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: "Barlow";
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url("../fonts/barlow-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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
	font-family: "Barlow";
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url("../fonts/barlow-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;
}

/* ==========================================================================
   3. Remap Astra i Elementor boja
   Astra sve boje vodi kroz --ast-global-color-N, pa menjamo promenljive
   umesto da pišemo desetine selektora.
   ========================================================================== */
:root {
	--ast-global-color-0: var(--dm-gold);           /* bilo #0084d6: primarna, pozadina dugmadi */
	--ast-global-color-1: var(--dm-gold-ink);       /* bilo #0075be: hover tekst; tamnija zlatna da tekst prolazi kontrast */
	--ast-global-color-2: var(--dm-text-on-light);  /* bilo #000000: linkovi, naslovi */
	--ast-global-color-3: var(--dm-text-on-light);  /* bilo #333333: tekst */
	--ast-global-color-4: var(--dm-bg-light);       /* bilo #f5f7f9: pozadina stranice */
	--ast-global-color-5: var(--dm-surface-light);  /* bilo #ffffff: kontejneri, header, footer */
	--ast-global-color-6: var(--dm-olive);          /* bilo #243673: tamnoplava */
	--ast-global-color-7: var(--dm-bg-light);       /* bilo #FBFCFF */
	--ast-global-color-8: var(--dm-line);           /* bilo #BFD1FF: svetloplava */
	--ast-border-color: var(--dm-line);             /* bilo #dddddd */

	/* Elementor ima kopiju iste palete kao fiksne vrednosti. */
	--e-global-color-astglobalcolor0: var(--dm-gold);
	--e-global-color-astglobalcolor1: var(--dm-gold-ink);
	--e-global-color-astglobalcolor2: var(--dm-text-on-light);
	--e-global-color-astglobalcolor3: var(--dm-text-on-light);
	--e-global-color-astglobalcolor4: var(--dm-bg-light);
	--e-global-color-astglobalcolor5: var(--dm-surface-light);
	--e-global-color-astglobalcolor6: var(--dm-olive);
	--e-global-color-astglobalcolor7: var(--dm-bg-light);
	--e-global-color-astglobalcolor8: var(--dm-line);
}

/* Kit klasa je specifičnija od :root i učitava se kasnije, zato prefiks body. */
body[class*="elementor-kit-"] {
	--e-global-color-primary: var(--dm-gold);        /* bilo #6EC1E4 */
	--e-global-color-secondary: var(--dm-olive);     /* bilo #54595F */
	--e-global-color-text: var(--dm-text-on-light);  /* bilo #7A7A7A: slab kontrast na svetloj */
	--e-global-color-accent: var(--dm-gold);         /* bilo #61CE70 */
}

::selection {
	background-color: var(--dm-gold);
	color: var(--dm-text-on-light);
}

/* Astra stavlja beli tekst na zlatnu, što ne prolazi kontrast. */
.woocommerce span.onsale,
.wc-block-grid__product .wc-block-grid__product-onsale {
	color: var(--dm-text-on-light);
	border-radius: var(--dm-radius-sm);
	font-family: var(--dm-font-display);
	text-transform: uppercase;
	letter-spacing: 0.06em;
}

/* ==========================================================================
   4. Tipografija
   Praćenje (letter-spacing) zavisi od veličine: negativno na velikim
   naslovima, nula na tekstu, pozitivno na sitnim velikim slovima.
   ========================================================================== */
body,
button,
input,
select,
textarea,
.ast-button,
.ast-custom-button {
	font-family: var(--dm-font-body);
	font-weight: 400;
}

body {
	line-height: 1.6;
	letter-spacing: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6,
.entry-content :where(h1, h2, h3, h4, h5, h6),
.entry-content :where(h1, h2, h3, h4, h5, h6) a,
.site-title,
.site-title a,
.widget-title,
.woocommerce-loop-product__title,
.woocommerce div.product .product_title,
.woocommerce div.product .woocommerce-tabs ul.tabs li a,
.related.products > h2,
.cart_totals > h2,
.elementor-heading-title {
	font-family: var(--dm-font-display);
	font-weight: 700;
	text-transform: uppercase;
}

h1, .entry-content :where(h1), .entry-content :where(h1) a { line-height: 1.02; letter-spacing: -0.015em; }
h2, .entry-content :where(h2), .entry-content :where(h2) a { line-height: 1.05; letter-spacing: -0.01em; }
h3, .entry-content :where(h3), .entry-content :where(h3) a { line-height: 1.1; letter-spacing: -0.005em; }
h4, .entry-content :where(h4), .entry-content :where(h4) a,
h5, .entry-content :where(h5), .entry-content :where(h5) a,
h6, .entry-content :where(h6), .entry-content :where(h6) a { line-height: 1.15; letter-spacing: 0.02em; }

.woocommerce-loop-product__title,
.woocommerce div.product .product_title {
	line-height: 1.1;
	letter-spacing: 0.01em;
}

/* Sitne oznake na velikim slovima: više prostora između slova. */
.woocommerce-result-count,
.woocommerce-breadcrumb,
.ast-breadcrumbs-wrapper,
.ast-woo-product-category,
.woocommerce div.product .product_meta,
.woocommerce div.product .woocommerce-tabs ul.tabs li a,
.woocommerce span.onsale {
	letter-spacing: 0.06em;
}

.woocommerce-result-count,
.ast-woo-product-category {
	color: var(--dm-text-muted);
}

/* ==========================================================================
   5. Linkovi
   Boja linka je tamna (var 2), hover prelazi u tamnu zlatnu (var 1).
   Zlatna ispuna ne prolazi kao boja malog teksta na svetloj.
   ========================================================================== */
a {
	text-decoration-thickness: 1px;
	text-underline-offset: 0.2em;
	transition: color var(--dm-dur-color) var(--dm-ease), text-decoration-color var(--dm-dur-color) var(--dm-ease);
}

/* Linkovi u tekstu moraju da se razlikuju i bez boje. */
.entry-content :where(p, li, td) a:not([class]) {
	text-decoration: underline;
	text-decoration-color: var(--dm-gold);
}

.entry-content :where(p, li, td) a:not([class]):hover {
	text-decoration-color: currentColor;
	text-decoration-thickness: 2px;
}

:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
	outline: 2px solid var(--dm-gold-ink);
	outline-offset: 2px;
	border-radius: var(--dm-radius-sm);
}

/* ==========================================================================
   6. Dugmad
   Primarno: zlatna ispuna, skoro crn tekst (6.1:1). Sekundarno: kontura.
   Pritisak je na :active (odmah, bez čekanja puštanja), hover samo menja boju.
   ========================================================================== */
button,
.ast-button,
.ast-custom-button,
.button,
input#submit,
input[type="button"],
input[type="submit"],
input[type="reset"],
.woocommerce-js a.button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce #respond input#submit.alt,
.woocommerce-js a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce button.button.alt.disabled,
.woocommerce-page table.cart td.actions .button,
.woocommerce-page #content table.cart td.actions .button,
.wp-block-button .wp-block-button__link,
.elementor-widget-button .elementor-button,
.elementor-widget-button .elementor-button:visited {
	box-sizing: border-box;
	min-height: 2.75rem; /* 44px na podrazumevanoj veličini teksta */
	padding: 0.8em 1.6em;
	font-family: var(--dm-font-display);
	font-weight: 700;
	font-size: 1rem;
	line-height: 1.2;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	text-align: center;
	text-decoration: none;
	color: var(--dm-text-on-light);
	background-color: var(--dm-gold);
	border: 2px solid var(--dm-gold);
	border-radius: var(--dm-radius);
	cursor: pointer;
	transition:
		background-color var(--dm-dur-color) var(--dm-ease),
		border-color var(--dm-dur-color) var(--dm-ease),
		color var(--dm-dur-color) var(--dm-ease),
		transform var(--dm-dur-press) var(--dm-ease);
}

button:hover, button:focus,
.ast-button:hover,
.ast-custom-button:hover,
.button:hover,
input#submit:hover, input#submit:focus,
input[type="button"]:hover, input[type="button"]:focus,
input[type="submit"]:hover, input[type="submit"]:focus,
input[type="reset"]:hover, input[type="reset"]:focus,
.woocommerce-js a.button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce-js a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce button.button.alt.disabled:hover,
.woocommerce-page table.cart td.actions .button:hover,
.woocommerce-page #content table.cart td.actions .button:hover,
.wp-block-button .wp-block-button__link:hover,
.wp-block-button .wp-block-button__link:focus,
.elementor-widget-button .elementor-button:hover,
.elementor-widget-button .elementor-button:focus {
	color: var(--dm-text-on-light);
	background-color: var(--dm-gold-hover);
	border-color: var(--dm-gold-hover);
}

button:active,
.ast-button:active,
.ast-custom-button:active,
.button:active,
input#submit:active,
input[type="button"]:active,
input[type="submit"]:active,
input[type="reset"]:active,
.woocommerce-js a.button:active,
.woocommerce a.button:active,
.woocommerce button.button:active,
.woocommerce input.button:active,
.wp-block-button .wp-block-button__link:active,
.elementor-widget-button .elementor-button:active {
	transform: scale(var(--dm-press-scale));
}

button:disabled,
.button.disabled,
.woocommerce button.button.disabled,
.woocommerce button.button:disabled {
	opacity: 0.5;
	cursor: not-allowed;
	transform: none;
}

/* Sekundarna dugmad (ažuriranje korpe, kupon, "Pogledaj korpu"): kontura. */
.woocommerce .woocommerce-cart-form button.button[name="update_cart"],
.woocommerce .coupon button.button[name="apply_coupon"],
.woocommerce .woocommerce-message a.button,
.wp-block-button.is-style-outline .wp-block-button__link {
	color: var(--dm-text-on-light);
	background-color: transparent;
	border-color: var(--dm-text-on-light);
}

.woocommerce .woocommerce-cart-form button.button[name="update_cart"]:hover,
.woocommerce .coupon button.button[name="apply_coupon"]:hover,
.woocommerce .woocommerce-message a.button:hover,
.wp-block-button.is-style-outline .wp-block-button__link:hover {
	color: var(--dm-text-on-dark);
	background-color: var(--dm-text-on-light);
	border-color: var(--dm-text-on-light);
}

/* Astra boji onemogućeno "Ažuriraj korpu" belo, što na providnoj pozadini nestaje. */
.woocommerce .woocommerce-cart-form button.button[name="update_cart"]:disabled {
	color: var(--dm-text-on-light);
}

/* ==========================================================================
   7. Forme
   ========================================================================== */
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="date"],
textarea,
select,
.woocommerce .quantity .qty,
.select2-container--default .select2-selection--single {
	box-sizing: border-box;
	min-height: 2.75rem;
	color: var(--dm-text-on-light);
	background-color: var(--dm-surface-light);
	border: 1px solid var(--dm-border-strong);
	border-radius: var(--dm-radius);
	transition: border-color var(--dm-dur-color) var(--dm-ease), box-shadow var(--dm-dur-color) var(--dm-ease);
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="date"]:focus,
textarea:focus,
select:focus {
	border-color: var(--dm-gold-ink);
	box-shadow: 0 0 0 1px var(--dm-gold-ink);
	outline: none; /* fokus je i dalje jasno vidljiv kroz ivicu i senku */
}

::placeholder {
	color: var(--dm-text-muted);
	opacity: 1;
}

input[type="checkbox"],
input[type="radio"] {
	accent-color: var(--dm-gold-ink);
}

/* ==========================================================================
   8. Pristupačnost
   ========================================================================== */
@media (prefers-reduced-motion: reduce) {
	:root {
		--dm-press-scale: 1;
	}

	/* Ostaju samo kratke promene boje i providnosti, bez pomeranja. */
	a,
	button,
	.button,
	.ast-button,
	.wp-block-button__link,
	.elementor-button,
	input,
	select,
	textarea {
		transition-property: color, background-color, border-color, opacity;
		transition-duration: 80ms;
	}
}

@media (prefers-contrast: more) {
	:root {
		--dm-line: #6E7164;
		--dm-border-strong: #4A4D40;
		--dm-text-muted: #3F4236;
	}

	button,
	.button,
	.ast-button,
	.wp-block-button__link,
	.elementor-widget-button .elementor-button {
		border-color: var(--dm-text-on-light);
	}

	.entry-content :where(p, li, td) a:not([class]) {
		text-decoration-thickness: 2px;
		text-decoration-color: currentColor;
	}

	input[type="text"],
	input[type="email"],
	input[type="password"],
	input[type="search"],
	input[type="number"],
	input[type="tel"],
	textarea,
	select {
		border-width: 2px;
	}
}

/* ==========================================================================
   Plutajuće dugme za kontakt (dodatak Chaty)
   Boje dodatka su u njegovim podešavanjima u bazi i u SVG atributima.
   Tema se prenosi kao zip, bez baze, pa se izgled menja odavde. !important je
   potreban jer dodatak svoje boje ispisuje pravilima sa ID selektorom.
   ========================================================================== */

/* Glavno dugme i natpis čine jednu pločicu, kao ostala dugmad na sajtu:
   tamna površina, tanka zlatna ivica, oštri uglovi, zlatna ikonica. Krug iz
   SVG-a se gasi, oblik daje okvir dugmeta. Ivica je senka od 1px, da se
   mere koje dodatak upisuje (54px) ne menjaju. */
.chaty .chaty-cta-button,
.chaty .chaty-cta-button button,
.chaty .chaty-channel-list .chaty-channel,
.chaty .chaty-channel-list .chaty-channel > a,
.chaty .chaty-channel .chaty-svg {
	border-radius: var(--dm-radius) !important;
}

.chaty .chaty-cta-button {
	background-color: var(--dm-surface-dark) !important;
	box-shadow: 0 0 0 1px var(--dm-gold), 0 6px 18px rgba(14, 16, 12, .28);
	/* Dodatak dugme okreće za 540° pri otvaranju; kvadrat koji se vrti smeta. */
	transform: none !important;
	transition: opacity 160ms ease-out, background-color var(--dm-dur-color) ease-out;
}

.chaty .chaty-cta-button button {
	background-color: transparent !important;
}

.chaty .chaty-cta-main .chaty-svg svg circle,
.chaty .chaty-cta-close .chaty-svg svg ellipse {
	fill: transparent !important;
}

/* Oblačić je zlatan, crtice u njemu su boje podloge. */
.chaty .chaty-cta-main .chaty-svg svg path {
	fill: var(--dm-surface-dark) !important;
	transition: fill var(--dm-dur-color) ease-out;
}

.chaty .chaty-cta-main .chaty-svg svg path:first-of-type {
	fill: var(--dm-gold) !important;
}

.chaty .chaty-cta-close .chaty-svg svg rect {
	fill: var(--dm-gold) !important;
}

/* Kanali (telefon, Viber): iste tamne pločice umesto jarko zelenog i
   ljubičastog kruga. Ikonice ostaju bele, pa se kanal prepoznaje po obliku. */
.chaty .chaty-channel-list .chaty-channel .color-element {
	fill: transparent !important;
	color: transparent !important;
}

.chaty .chaty-channel-list .chaty-channel .chaty-svg {
	background-color: var(--dm-surface-dark) !important;
}

.chaty .chaty-channel-list .chaty-channel > a {
	box-shadow: 0 0 0 1px var(--dm-gold), 0 6px 18px rgba(14, 16, 12, .28);
}

/* Oblačići kanala: mala tamna oznaka umesto belog oblačića. */
.chaty .chaty-tooltip .on-hover-text,
.chaty .chaty-tooltip::after {
	padding: 7px 10px;
	border-radius: var(--dm-radius);
	background: var(--dm-surface-dark) !important;
	box-shadow: none;
	color: var(--dm-text-on-dark) !important;
	font-family: var(--dm-font-mono);
	font-size: 11px;
	line-height: 1;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

/* Strelica oblačića prati novu boju podloge. */
.chaty .chaty-tooltip.pos-left .on-hover-text::before,
.chaty .chaty-tooltip.pos-left::before {
	border-left-color: var(--dm-surface-dark) !important;
}

.chaty .chaty-tooltip.pos-right .on-hover-text::before,
.chaty .chaty-tooltip.pos-right::before {
	border-right-color: var(--dm-surface-dark) !important;
}

/* Natpis „Kontakt" stoji stalno. Dodatak ga posle prvog klika isprazni
   (podešavanje „do prvog klika" je u bazi), pa se tekst tada upisuje odavde,
   da posetilac uvek zna čemu dugme služi. Kad je meni otvoren, dodatak
   sakriva celo glavno dugme, pa nestaje i natpis. */
.chaty .chaty-cta-main .on-hover-text:empty::after {
	content: "Kontakt";
}

/* Natpis je levi deo iste pločice: priljubljen uz dugme, iste visine, slova
   kao na dugmadi. Pravilo ne zavisi od klase chaty-tooltip: dodatak je posle
   prvog klika skida sa dugmeta, a sa njom su nestajali položaj i izgled
   natpisa, pa se sve potrebno zadaje ovde. */
.chaty .chaty-cta-main > .on-hover-text {
	position: absolute;
	top: 50%;
	right: 100% !important;
	display: flex !important;
	align-items: center;
	height: 54px;
	padding: 0 16px;
	border-radius: var(--dm-radius) 0 0 var(--dm-radius);
	background: var(--dm-surface-dark) !important;
	box-shadow: 0 0 0 1px var(--dm-gold), 0 6px 18px rgba(14, 16, 12, .28);
	color: var(--dm-text-on-dark) !important;
	font-family: var(--dm-font-display);
	font-size: 15px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	white-space: nowrap;
	opacity: 1 !important;
	animation: none !important;
	transform: translateY(-50%) !important;
	cursor: pointer;
	pointer-events: auto;
	user-select: none;
	transition: background-color var(--dm-dur-color) ease-out, color var(--dm-dur-color) ease-out;
}

.chaty .chaty-cta-main > .on-hover-text::before {
	display: none !important;
}

/* Oblačići: dodatak ispisuje "Hide" i "Phone" iz atributa data-hover, a
   tekst je u njegovim podešavanjima u bazi, pa se prevod zadaje odavde. */
.chaty .chaty-cta-close.chaty-tooltip::after {
	content: "Sakrij";
}

.chaty .chaty-phone-channel.chaty-tooltip::after {
	content: "Telefon";
}

/* Otvoren meni: na mestu dugmeta je krstić, pa natpis tada ne stoji. */
.chaty .chaty-widget.chaty-open .chaty-cta-main > .on-hover-text {
	display: none !important;
}

.chaty .chaty-cta-main .chaty-cta-button,
.chaty .chaty-cta-main .chaty-cta-button button {
	border-radius: 0 var(--dm-radius) var(--dm-radius) 0 !important;
}

/* Pritisak i prelaz mišem: cela pločica postaje zlatna, kao glavno dugme. */
.chaty .chaty-cta-main:active .on-hover-text,
.chaty .chaty-cta-main:active .chaty-cta-button {
	background-color: var(--dm-gold) !important;
	color: var(--dm-bg-dark) !important;
}

.chaty .chaty-cta-main:active .chaty-svg svg path:first-of-type {
	fill: var(--dm-bg-dark) !important;
}

.chaty .chaty-cta-main:active .chaty-svg svg path {
	fill: var(--dm-gold) !important;
}

@media (hover: hover) {
	.chaty .chaty-cta-main:hover .on-hover-text,
	.chaty .chaty-cta-main:hover .chaty-cta-button {
		background-color: var(--dm-gold) !important;
		color: var(--dm-bg-dark) !important;
	}

	.chaty .chaty-cta-main:hover .chaty-svg svg path {
		fill: var(--dm-gold) !important;
	}

	.chaty .chaty-cta-main:hover .chaty-svg svg path:first-of-type {
		fill: var(--dm-bg-dark) !important;
	}
}

@media (prefers-contrast: more) {
	.chaty .chaty-cta-button {
		outline: 2px solid var(--dm-text-on-light);
	}
}

/* Dok je otvorena fioka (meni ili filteri), dugme Kontakt se sklanja da
   ne prekriva sadržaj fioke. Vraća se čim se fioka zatvori. */
.chaty {
	transition: opacity var(--dm-dur-color, 120ms) ease, visibility var(--dm-dur-color, 120ms);
}

html.dm-scroll-lock .chaty,
html.dm-shop-scroll-lock .chaty {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}