/*
 * Dr — dodatki k vsebini prispevkov (29. 9. 2026).
 * Barve in pisave iz Elementorjevega Kita, brez literalov.
 */

/* Seznam v besedilu ima v temi spodnji rob 0, zato se naslednji odstavek
   prilepi nanj. Enak rob kot odstavek (0.9rem). Na straneh brez Elementorja
   (Pogoji poslovanja) samo neposredna vsebina, da ne seže v gradnike. */
.vsebina-clanka ul,
.vsebina-clanka ol,
.page-content > ul,
.page-content > ol {
	margin-bottom: 0.9rem;
}

.page-content > h4,
.page-content > h2.dr-kot-h4 {
	margin-top: 2rem;
}

/* Pogoji poslovanja: razdelki so od 5. 10. 2026 H2 (prej H4), videz kot
   prej (Slog teme h4). */
.page-content h2.dr-kot-h4 {
	font-family: "Georgia", Sans-serif;
	font-size: 1.8rem;
	font-weight: 600;
	letter-spacing: -1px;
	line-height: 1.2;
}

/* Vrstica »Z oddajo obrazca soglašate …« (polje HTML v obrazcu) v barvi
   napisov obrazca: na belem obrazcu (Kontakt) CGP Črna, na temnem
   (vsebnik .cta-dental-section na domači) enako kot napisi v CSS tega
   vsebnika, povezava v zeleni za temno ozadje. */
.cta-form-widget .elementor-field-type-html {
	color: var(--e-global-color-59436fe);
}

.cta-dental-section .cta-form-widget .elementor-field-type-html {
	color: #F3F6F7;
}

.cta-dental-section .cta-form-widget .elementor-field-type-html a {
	color: var(--e-global-color-e27ed7c);
	text-decoration: underline;
}

/* Gumb za naročilo v besedilu storitve. Obliko (Poppins, zaobljenost,
   odmik) da Kit prek razreda elementor-button, tu samo barva. */
.vsebina-clanka a.elementor-button.dr-gumb {
	margin: 0.5em 0 1em;
	background-color: var(--e-global-color-primary);
	color: var(--e-global-color-b7a79f3);
	text-decoration: none;
}

.vsebina-clanka a.elementor-button.dr-gumb:hover,
.vsebina-clanka a.elementor-button.dr-gumb:focus-visible {
	background-color: var(--e-global-color-59436fe);
	color: var(--e-global-color-b7a79f3);
}

/* Vrstica »Strokovni pregled« pod besedilom prispevka (functions.php,
   dr_pregled_vrstica), 2. 10. 2026. Ločena s črto, manjša, v barvi
   besedila; povezava v primarni barvi kot ostale v članku. */
.vsebina-clanka .dr-pregled {
	margin-top: 2rem;
	padding-top: 0.9rem;
	border-top: 1px solid var(--e-global-color-a263ef8);
	color: var(--e-global-color-text);
	font-size: 0.875em;
}

/* Pas »Digital Smile Design« v mreži kartic storitev (Storitve, domača;
   scripts/digital-smile-design-2026-10-05.php), 5. 10. 2026: čez vse
   stolpce, da deseta storitev ni sama v zadnji vrsti. Videz da razred
   storitev-kartica. */
.dr-dsd-pas {
	grid-column: 1 / -1;
}

.dr-dsd-pas .dr-skupaj {
	white-space: nowrap;
}

/* Naslovna slika na domači (vsebnik .dr-naslovna, scripts/slike-mb-
   2026-10-02.php): poravnana levo, kot jo je postavil Milan. Med 1366 in
   1599 px bi bil pacientkin obraz na desnem robu odrezan, zato sliko
   zamaknemo proti desni; besedilo ostane na svetlem delu. Pod 1366 px bi
   naprava segla pod podnaslov, tam ostane leva poravnava (obraz delno
   odrezan, kot pri prejšnji sliki). Elementor ozadje nastavi na ID
   elementa, zato !important. */
@media (min-width: 1366px) and (max-width: 1599px) {
	.dr-naslovna {
		background-position: 30% 0 !important;
	}
}

/* Tri ikone pod gumbi na naslovni sliki (.bloki-crta): zadnja leži na
   fotografiji (pregrinjalo, cev), besedilo se slabo bere (Milan, 2. 10.).
   Za ikone svetla, rahlo prosojna podlaga z zameglitvijo, le okoli ikon
   (vrsta ima zgoraj 60 px odmika); ikone ostanejo na istem mestu. Samo na
   namizju: na tablici osebe ni, na telefonu so ikone ena pod drugo. */
@media (min-width: 1025px) {
	.dr-naslovna .bloki-crta {
		position: relative;
		z-index: 0;
	}

	.dr-naslovna .bloki-crta::after {
		content: "";
		position: absolute;
		z-index: -1;
		top: 46px;
		right: -18px;
		bottom: -14px;
		left: -20px;
		border-radius: 16px;
		background: color-mix(in srgb, var(--e-global-color-f093e13) 82%, transparent);
		-webkit-backdrop-filter: blur(10px);
		backdrop-filter: blur(10px);
	}
}

/* Cenik: akcijska cena (»ta mesec 80 €«) se je na telefonu prelomila sredi
   zveze (»110 € ta« / »mesec 80 €«). Zdaj gre cela v drugo vrstico.
   (5. 10. 2026) */
.cenik-sekcija td:last-child b {
	white-space: nowrap;
}

/* Članki: posamezni odstavki iz uvoza s stare strani so bili poravnani
   obojestransko (align="justify" ali style), ostalo besedilo levo; na
   telefonu so med besedami nastale velike luknje. Povsod levo. (5. 10. 2026) */
.vsebina-clanka [align="justify"],
.vsebina-clanka [style*="justify"] {
	text-align: left !important;
}

/* Naslovi po pomenu (končni pregled 5. 10. 2026): telefon v glavi, oznake
   na Kontaktu in ikone pod naslovno sliko niso več H6, podnaslovi pod H2 so
   H3, »Naročite se na prvi pregled.« in kartice storitev H2. Del videza je
   prej dajala oznaka (Slog teme h3/h5/h6, Elementorjeva ponastavitev
   naslovov); razred dr-kot-<stara oznaka> ga ohrani. Lastne nastavitve
   gradnika (izbirnik z ID-jem) imajo še vedno prednost, kot prej.
   (scripts/produkcija-elementor-2026-10-05.php) */
.elementor-widget.dr-kot-h6 :is(.elementor-heading-title, .elementor-image-box-title, .elementor-icon-box-title) {
	font-family: "Georgia", Sans-serif;
	font-size: 1.2rem;
	font-weight: 600;
	letter-spacing: -0.4px;
}
.elementor-widget.dr-kot-h5 :is(.elementor-heading-title, .elementor-image-box-title) {
	font-family: "Georgia", Sans-serif;
	font-size: 1.45rem;
	font-weight: 600;
	letter-spacing: -0.4px;
}
.elementor-widget.dr-kot-h3 :is(.elementor-heading-title, .elementor-image-box-title, .elementor-icon-box-title) {
	font-family: "Georgia", Sans-serif;
	font-size: 1.6rem;
	font-weight: 600;
	letter-spacing: -0.4px;
}
@media (max-width: 767px) {
	.elementor-widget.dr-kot-h3 :is(.elementor-heading-title, .elementor-image-box-title, .elementor-icon-box-title) {
		font-size: 1.4rem;
	}
}
.elementor-widget:is(.dr-kot-h3, .dr-kot-h5, .dr-kot-h6) .elementor-heading-title {
	line-height: 1;
}
.elementor-widget:is(.dr-kot-h3, .dr-kot-h5, .dr-kot-h6) :is(.elementor-image-box-title, .elementor-icon-box-title) {
	line-height: 1.2;
	margin-top: 0.5rem;
}

/* Dostopnost — kontrast besedila po WCAG 2.2 AA (končni pregled
   5. 10. 2026). Barve CGP ostanejo za ikone, črte, ozadja in značke; samo
   besedilo dobi temnejši odtenek iste barve, da ga beremo tudi slabovidni
   in na soncu (4,5 : 1, velike črke 3 : 1).
   Zelena CGP #7FAC07 (Slog teme »Secondary«) ima na belem 2,7 : 1. Znotraj
   besedilnih elementov spremenljivko Sloga teme zamenjamo s #597905 — tako
   je temnejše samo besedilo (tudi besedilo gumbov in ozadje gumba ob
   prehodu z miško), ikone in črte ostanejo svetlo zelene. */
.elementor-button,
.elementor-heading-title,
.elementor-widget-text-editor,
.elementor-image-box-title,
.elementor-nav-menu--main .elementor-item,
.elementor-post__read-more {
	--e-global-color-secondary: #597905;
}
/* Zvezdice pri mnenjih so velike (3 : 1 zadošča) — ostanejo svetlejše. */
.mm-card-top .elementor-heading-title {
	--e-global-color-secondary: #739b06;
}
/* »Maribor« v naslovu domače strani (barva je vpisana v besedilo). */
.dr-hero-title .elementor-heading-title span[style] {
	color: #739b06 !important;
}
/* Povezave v besedilu člankov: #99CA3C ima na belem 1,9 : 1 (CSS
   prilagajalnika, body.single-post .vsebina-clanka a). Gumb ostane. */
html body.single-post .vsebina-clanka a:not(.elementor-button),
.dr-obrazec-pogoji a {
	color: #597905;
}
/* Izvlečki člankov (Elementorjev privzeti #777, 4,47 : 1). */
body .elementor-posts .elementor-post__excerpt p {
	color: #737373;
}
/* Cenik: prečrtana redna cena in akcijska cena (slog strani Cenik: barva
   prečrtane cene na ID-ju vsebnika, akcijska v spremenljivki). */
.cenik-sekcija {
	--cenik-zelena-temna: #5a7b22;
}
.cenik-sekcija table td del {
	color: #677379 !important;
}
/* Pas »Naročite se na prvi pregled.«: temno ozadje pod gradientom.
   Gradient je ozadje, ki ga Elementor naloži šele, ko pride pas na zaslon,
   ali pa prekrivni sloj (::before), ki ga orodja za kontrast ne vidijo — do
   takrat je bilo svetlo besedilo na belem. Barva je pod gradientom in pod
   slojem, na pogled se ne spremeni nič; strani jo nastavijo na prozorno,
   zato !important. */
.dr-small-cta {
	background-color: #2c3940 !important;
}

/* Viri pod članki in datum posodobitve (končni pregled 5. 10. 2026):
   diskretno, manjše in sivo, nad vrstico o strokovnem pregledu. CSS
   prilagajalnika ima za naslove in sezname v člankih višjo specifičnost
   (body.single-post .elementor-widget-theme-post-content …), zato html body. */
html body.single-post .vsebina-clanka .dr-viri {
	margin: 32px 0 0;
	padding-top: 20px;
	border-top: 1px solid #e5e7e3;
	color: #5f6a70;
}
html body.single-post .vsebina-clanka .dr-viri h2 {
	margin: 0 0 8px;
	font-family: inherit;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: 0;
	line-height: 1.4;
	color: #4f5960;
}
html body.single-post .vsebina-clanka .dr-viri ol {
	margin: 0;
	padding-left: 20px;
}
html body.single-post .vsebina-clanka .dr-viri li {
	margin: 0;
	padding: 2px 0;
	font-size: 14px;
	line-height: 24px;
}
html body.single-post .vsebina-clanka .dr-viri a {
	display: block;
	min-height: 24px;
	font-size: 14px;
	line-height: 24px;
	font-weight: 400;
	color: #4f5960;
	overflow-wrap: anywhere;
}
.dr-pregled .dr-pregled-datum {
	display: block;
	margin-top: 2px;
	font-size: 0.92em;
}
/* Povezava v vrstici pod obrazcem: od besedila jo loči podčrtaj, ne samo
   barva (WCAG 1.4.1). */
.dr-obrazec-pogoji a {
	text-decoration: underline;
	text-underline-offset: 2px;
}
/* Mnenja na domači: drsnik je pri 768 px štrlel 1 px čez desni rob
   (vodoravni drsnik strani). Razdelek je čez celo širino — nič vidnega se
   ne odreže. (5. 10. 2026) */
.mm-testimonials-section {
	overflow-x: clip;
}
/* Zvezdice v karticah mnenj so na tablici (tri ozke kartice) segale čez
   desni rob kartice; velikost je v nastavitvah gradnika (ID), zato
   !important. (5. 10. 2026) */
@media (min-width: 768px) and (max-width: 1024px) {
	.mm-card-top .elementor-heading-title {
		font-size: 15px !important;
		letter-spacing: 0.5px !important;
	}
}

/* Domača, »Zakaj izbrati nas«: naslovi (Izkušena ekipa …) malo večji kot
   ostali z videzom H5 (Milan, 6. 10. 2026; razred v
   scripts/ziva-popravki-2026-10-06.php). */
.elementor-widget.dr-kot-h5.dr-zakaj-naslov .elementor-image-box-title {
	font-size: 1.6rem;
}

/* Delovni čas iz Urejanje → Delovni čas ([dr_delovni_cas], vtičnik
   dental-akcije). V nogi je bil vsak dan svoj gradnik (20 px pod njim in
   5 px razmika v stolpcu, na telefonu 10 in 0); zdaj so dnevi v enem
   gradniku z enakimi razmiki. Na Kontaktu vrstice brez razmika kot prej.
   (6. 10. 2026) */
.dr-delovni-cas p {
	margin: 0;
}
.dr-dc-noga .dr-dc-skupina + .dr-dc-skupina {
	margin-top: 25px;
}
@media (max-width: 767px) {
	.dr-dc-noga .dr-dc-skupina + .dr-dc-skupina {
		margin-top: 10px;
	}
}

/* Obrazec za naročilo: opozorilo ob manjkajočem ali napačnem polju mora
   biti vidno (Milan, 6. 10. 2026) — rdeč rob polja in sporočilo v okvirju
   pod njim, splošno sporočilo pod gumbom v enakem okvirju. Na domači je
   obrazec na temni podlagi (.forma .cta-dental-section): svetlo besedilo
   na prosojno rdeči podlagi. */
.elementor-form .elementor-field-group.elementor-error .elementor-field-textual {
	border-color: #c4271b !important;
	box-shadow: 0 0 0 3px rgba(196, 39, 27, 0.2) !important;
}
.elementor-form .elementor-field-group.elementor-error .elementor-field-subgroup {
	border-radius: 8px;
	outline: 2px solid rgba(196, 39, 27, 0.55);
	outline-offset: 6px;
}
.elementor-form .elementor-form-help-inline.elementor-message-danger,
.elementor-form > .elementor-message.elementor-message-danger {
	position: relative;
	display: block;
	width: 100%;
	box-sizing: border-box;
	margin: 8px 0 0;
	padding: 8px 12px 8px 38px;
	border: 1px solid rgba(196, 39, 27, 0.35);
	border-radius: 8px;
	background: #fdecea;
	color: #a1170d;
	font-family: "Poppins", sans-serif;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.4;
	text-align: left;
}
.elementor-form .elementor-field-subgroup ~ .elementor-form-help-inline.elementor-message-danger {
	margin-top: 16px;
}
.elementor-form > .elementor-message.elementor-message-danger {
	margin-top: 18px;
	padding: 12px 16px 12px 44px;
	font-size: 15px;
}
.elementor-form .elementor-form-help-inline.elementor-message-danger::before,
.elementor-form > .elementor-message.elementor-message-danger::before {
	content: "!" !important;
	position: absolute;
	top: 50%;
	left: 11px;
	display: block;
	width: 18px;
	height: 18px;
	margin: 0 !important;
	transform: translateY(-50%);
	border-radius: 50%;
	background: #c4271b;
	color: #fff;
	font-family: Arial, sans-serif !important;
	font-size: 13px;
	font-weight: 700;
	line-height: 18px;
	text-align: center;
	-webkit-mask: none !important;
	mask: none !important;
}
.elementor-form > .elementor-message.elementor-message-danger::before {
	left: 15px;
	width: 20px;
	height: 20px;
	line-height: 20px;
}
.cta-dental-section .elementor-form .elementor-field-group.elementor-error .elementor-field-textual {
	border-color: #ff8a80 !important;
	box-shadow: 0 0 0 3px rgba(255, 138, 128, 0.28) !important;
}
.cta-dental-section .elementor-form .elementor-field-group.elementor-error .elementor-field-subgroup {
	outline-color: rgba(255, 138, 128, 0.7);
}
.cta-dental-section .elementor-form .elementor-form-help-inline.elementor-message-danger,
.cta-dental-section .elementor-form > .elementor-message.elementor-message-danger {
	border-color: rgba(255, 138, 128, 0.6);
	background: rgba(196, 39, 27, 0.32);
	color: #fff;
}
.cta-dental-section .elementor-form .elementor-form-help-inline.elementor-message-danger::before,
.cta-dental-section .elementor-form > .elementor-message.elementor-message-danger::before {
	background: #ff8a80;
	color: #3a0a06;
}
/* Polje »Na kratko opišite vaše želje« (3 vrstice): CSS obrazca vsem poljem
   da navpični odmik 0 (enovrstična polja so središčena z višino), zato se je
   besedilo dotikalo zgornjega roba. (6. 10. 2026) */
.cta-form-widget textarea.elementor-field {
	padding-top: 14px !important;
	padding-bottom: 14px !important;
	line-height: 1.5;
}