/*
Theme Name: Hestia — ДГ „Мир"
Theme URI: https://dgmir.eu/
Description: Child тема на Hestia за Детска градина „Мир", с. Селановци. Палитра „Мандарина и слънце" + злато от логото.
Author: ITSERVICE
Author URI: https://itservice-bg.net/
Template: hestia
Version: 5.1.0
Text Domain: hestia-dgmir
*/

/* ==================================================================
   0. Палитра и основа
   ================================================================== */
:root {
	/* „Мандарина и слънце" — палитра за детска градина */
	--dg-frame:     #9C3A14;   /* печена теракота — хедър, футер, ленти */
	--dg-frame-dk:  #83300F;   /* по-тъмна — футер, hover */
	--dg-main:      #D8511F;   /* мандарина — бутони, връзки, акценти */
	--dg-main-dk:   #B8420F;
	--dg-main-lt:   #F2704B;   /* светла — акценти */
	--dg-sun:       #F59E0B;   /* слънчево */
	--dg-sun-dk:    #D98904;
	--dg-gold:      #E2C88A;   /* злато от логото, изсветлено за тъмен фон */
	--dg-gold-dk:   #C0A86C;   /* златото както е в логото */
	--dg-teal:      #17A2A2;   /* тюркоаз — втори акцент */
	--dg-cream:     #FFF9F0;
	--dg-cream-2:   #FCEFDC;
	--dg-ink:       #3A3230;   /* топъл графит */
	--dg-muted:     #7A6A63;
	--dg-line:      #F0DFC6;

	/* петте бързи плочки — всяка със свой цвят, като шкафчетата в градина */
	--dg-t1: #EF5D3C;  /* За нас     — коралово */
	--dg-t2: #17A2A2;  /* Прием      — тюркоаз */
	--dg-t3: #E39A11;  /* Документи  — слънчево */
	--dg-t4: #8B5CB8;  /* Бюджет     — люляк */
	--dg-t5: #57A733;  /* Контакти   — тревисто */
}

/* ⚠️ Без това Chrome с тъмна системна тема пречупва целия сайт */
:root, html, body { color-scheme: light; }

body {
	background: var(--dg-cream);
	color: var(--dg-ink);
}

a { color: var(--dg-main); }
a:hover, a:focus { color: var(--dg-main-lt); }

/* Hestia оцветява доста неща с акцентния цвят — прегазваме ги наведнъж */
.hestia-title, h1, h2, h3, h4, h5 { color: var(--dg-ink); }

/* ==================================================================
   1. Хедър — плътен, един ред, лого вляво
   ================================================================== */
.navbar.navbar-transparent,
.navbar.navbar-default,
.header-with-topbar .navbar.navbar-transparent {
	background-color: var(--dg-frame) !important;
	background-image: none !important;
	box-shadow: 0 2px 10px rgba(0,0,0,.14);
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	height: 106px !important;
	min-height: 106px !important;
}
.navbar > .container { min-height: 0 !important; height: 106px; display: flex; align-items: center; }

.navbar .navbar-brand,
.navbar .navbar-nav > li > a,
.navbar .navbar-nav > li > a:hover,
.navbar .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a {
	color: #FFFFFF !important;
}

.navbar .navbar-nav > li > a {
	font-size: 13.5px;
	font-weight: 600;
	letter-spacing: .2px;
	text-transform: uppercase;
	padding: 10px 11px;
	border-radius: 4px;
}

.navbar .navbar-nav > li > a:hover,
.navbar .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
	background-color: rgba(255,255,255,.14) !important;
	color: #FFFFFF !important;
}

/* активният вход получава златна долна лента */
.navbar .navbar-nav > .active > a::after {
	content: "" !important;
	display: block;
	height: 2px;
	background: var(--dg-gold);
	margin-top: 5px;
	border-radius: 2px;
}

/* ⚠️ .title-logo-wrapper има min-width:250px, запазен за широкото
   текстово лого; с герба това изтласква последния вход на втори ред */
.navbar .title-logo-wrapper {
	min-width: 0 !important;
	width: auto !important;
	max-width: none;
}

.navbar .navbar-header .navbar-brand img,
.navbar .navbar-brand > img {
	max-height: 92px !important;
	height: 92px !important;
	width: auto !important;
	margin: 2px 0;
}
/* стар Additional CSS вдигаше логото до пълния му размер */
.navbar .navbar-header .navbar-brand { padding: 7px 0 !important; height: auto !important; }
.navbar .navbar-header { min-height: 0 !important; }
/* авторът е скрит навсякъде (пренесено от Additional CSS) */
.author, .single-post .hestia-title + .author { display: none !important; }

/* търсачката в менюто */
.navbar .nav > li.hestia-search-in-menu > a,
.navbar .hestia-toggle-search { color: #FFFFFF !important; }

/* падащи менюта */
.navbar .dropdown-menu {
	background: #FFFFFF;
	border: 0;
	border-top: 3px solid var(--dg-gold);
	box-shadow: 0 10px 28px rgba(0,0,0,.16);
	padding: 6px 0;
	border-radius: 0 0 6px 6px;
}
.navbar .dropdown-menu > li > a {
	color: var(--dg-ink) !important;
	font-size: 13.5px;
	padding: 9px 18px;
	text-transform: none;
}
.navbar .dropdown-menu > li > a:hover,
.navbar .dropdown-menu > li > a:focus {
	background: var(--dg-cream-2) !important;
	color: var(--dg-main) !important;
}
/* разделител в подменю */
.navbar .dropdown-menu > li.dg-sep > a {
	border-top: 1px solid var(--dg-line);
	margin-top: 4px;
	padding-top: 12px;
}

/* менюто е махнато — навигацията са плочките и .dg-quicknav.
   На негово място в navbar-а стоят телефонът и пощата. */
.navbar .navbar-toggle-wrapper,
.navbar .navbar-toggle { display: none !important; }
.navbar .navbar-collapse {
	display: block !important;
	float: none;
	flex: 1 1 auto;
	padding: 0;
	border: 0;
	box-shadow: none;
	background: transparent !important;
}
.navbar > .container { justify-content: space-between !important; }
.navbar .navbar-header {
	flex: 0 0 auto;
	float: none !important;
	margin: 0 !important;
	width: auto !important;
	text-align: left;
}
.navbar .title-logo-wrapper { margin: 0 !important; padding: 0 !important; }
.navbar .navbar-collapse {
	display: flex !important;
	justify-content: flex-end;
	align-items: center;
}
.dg-head-contacts { margin-left: auto !important; }

/* ⚠️⚠️ Hestia държи navbar-а position:absolute на всяка страница.
   Извън началната той покрива .dg-quicknav — трябва да е нормален елемент. */
body:not(.home) .navbar.navbar-default,
body:not(.home) .navbar.navbar-transparent {
	position: relative !important;
	top: auto; left: auto; right: auto;
}

/* ⭐ на НАЧАЛНАТА хедърът е прозрачен и лежи върху снимката —
   логото и контактите са част от банера */
body.home .navbar.navbar-default,
body.home .navbar.navbar-transparent {
	background-color: transparent !important;
	box-shadow: none !important;
	position: absolute !important;
	top: 0; left: 0; right: 0;
	z-index: 40;
}

/* --- телефон и поща вдясно в хедъра --- */
.dg-head-contacts {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
	float: none;
}
.dg-head-contacts li { margin: 0; }
.dg-head-contacts,
.dg-head-contacts li,
.dg-head-contacts span,
.navbar .dg-head-contacts > li > a {
	text-transform: none !important;
	letter-spacing: 0 !important;
}
.dg-head-contacts a {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 9px 16px;
	border-radius: 999px;
	color: #FFFFFF !important;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none !important;
	background: rgba(255,255,255,.13);
	border: 1px solid rgba(255,255,255,.24);
	transition: background .16s ease, border-color .16s ease;
	text-transform: none;
}
.dg-head-contacts a:hover {
	background: rgba(255,255,255,.24);
	border-color: rgba(255,255,255,.45);
	color: #FFFFFF !important;
}
.dg-head-contacts i { font-size: 14px; color: var(--dg-gold); }
body.home .dg-head-contacts a {
	background: rgba(74,28,8,.42);
	border-color: rgba(255,255,255,.3);
	backdrop-filter: blur(2px);
}
body.home .dg-head-contacts a:hover { background: rgba(74,28,8,.62); }

/* ⚠️ ВСИЧКИ flex правила за navbar-а — САМО за десктоп.
   Глобален display:flex на .navbar-collapse отваря мобилното меню завинаги. */
@media (min-width: 992px) {
	.navbar .container {
		display: flex;
		align-items: center;
		flex-wrap: nowrap;
	}
	.navbar .navbar-header { flex: 0 0 auto; }
	/* менюто е махнато — .navbar-collapse остава display:none навсякъде */
}

/* ------- бърза навигация на вътрешните страници ------- */
.dg-quicknav {
	background: #FFFFFF;
	border-bottom: 1px solid var(--dg-line);
	position: relative;
	z-index: 30;
}
.dg-quicknav ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 6px;
	list-style: none;
	margin: 0;
	padding: 9px 0;
}
.dg-quicknav li { margin: 0; }
.dg-quicknav a {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 9px 16px;
	border-radius: 999px;
	color: var(--dg-ink) !important;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	border: 2px solid transparent;
	transition: background .16s ease, color .16s ease, border-color .16s ease;
}
.dg-quicknav i { font-size: 15px; color: var(--dg-tone, var(--dg-main)); transition: color .16s ease; }
.dg-quicknav a:hover,
.dg-quicknav a.dg-qn-active {
	background: var(--dg-tone, var(--dg-main));
	color: #FFFFFF !important;
	border-color: var(--dg-tone, var(--dg-main));
}
.dg-quicknav a:hover i, .dg-quicknav a.dg-qn-active i { color: #FFFFFF; }
.dg-qn-home { --dg-tone: var(--dg-frame); }

/* цветовете на входовете — същите като на плочките */
.dg-tone-1 { --dg-tone: var(--dg-t1); }
.dg-tone-2 { --dg-tone: var(--dg-t2); }
.dg-tone-3 { --dg-tone: var(--dg-t3); }
.dg-tone-4 { --dg-tone: var(--dg-t4); }
.dg-tone-5 { --dg-tone: var(--dg-t5); }

/* ------- страница „Документи": шестте категории като плочки ------- */
.dg-doc-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
	gap: 16px;
	margin: 8px 0 30px;
}
.dg-doc-card {
	display: flex;
	align-items: flex-start;
	gap: 14px;
	background: #FFFFFF;
	border: 1px solid var(--dg-line);
	border-top: 5px solid var(--dg-tone, var(--dg-main));
	border-radius: 16px;
	padding: 18px 18px 16px;
	text-decoration: none !important;
	transition: transform .18s ease, box-shadow .18s ease;
	box-shadow: 0 3px 10px rgba(156,58,20,.06);
}
.dg-doc-card:hover { transform: translateY(-4px); box-shadow: 0 12px 26px rgba(156,58,20,.16); }
.dg-doc-icon {
	flex: 0 0 52px;
	width: 52px; height: 52px;
	border-radius: 50%;
	background: var(--dg-tone, var(--dg-main));
	display: flex; align-items: center; justify-content: center;
}
.dg-doc-icon i { color: #FFFFFF; font-size: 24px; line-height: 1; }
.dg-doc-body { display: block; }
.dg-doc-body strong {
	display: block;
	color: var(--dg-ink);
	font-size: 16.5px;
	font-weight: 700;
	line-height: 1.3;
	margin-bottom: 4px;
}
.dg-doc-body em {
	display: block;
	color: var(--dg-muted);
	font-size: 13.5px;
	font-style: normal;
	line-height: 1.45;
}
.dg-doc-count {
	display: inline-block;
	margin-top: 8px;
	background: var(--dg-cream-2);
	color: var(--dg-frame);
	font-size: 11.5px;
	font-weight: 700;
	padding: 3px 9px;
	border-radius: 999px;
}

/* ==================================================================
   2. Банер — нисък, с плътна лента вместо разлят текст
   ⚠️ При hestia_slider_type=image фонът е в ОТДЕЛЕН .header-filter,
      а .page-header и .container получават inline размери от JS-а
      на темата → всичко тук иска !important.
   ================================================================== */
#carousel-hestia-generic .page-header,
.carousel .page-header {
	height: 340px !important;
	min-height: 340px !important;
	max-height: 340px !important;
	display: flex !important;
	align-items: center;
	padding-top: 52px !important;
	position: relative;
	overflow: hidden;
	padding: 0 !important;
}

#carousel-hestia-generic .page-header > .container,
.carousel .page-header > .container {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	min-height: 0 !important;
	position: relative;
	z-index: 3;
	width: 100%;
}

#carousel-hestia-generic .header-filter,
.carousel .header-filter {
	position: absolute !important;
	inset: 0 !important;
	z-index: 1;
	background-size: cover !important;
	background-position: center 46% !important;
	background-repeat: no-repeat !important;
}
#carousel-hestia-generic .header-filter::before,
#carousel-hestia-generic .header-filter::after,
.carousel .header-filter::before,
.carousel .header-filter::after {
	content: "" !important;
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(74,28,8,.36) 0%, rgba(74,28,8,.60) 100%) !important;
	opacity: 1 !important;
}

.big-title-slider-content { text-align: center; }

#carousel-hestia-generic h1.hestia-title,
.carousel h1.hestia-title,
.carousel .hestia-title {
	display: inline-block;
	background: rgba(156,58,20,.93);
	border-left: 6px solid var(--dg-gold);
	color: #FFFFFF !important;
	font-size: 36px !important;
	line-height: 1.15;
	font-weight: 700;
	padding: 11px 24px 11px 20px;
	margin: 0 0 8px !important;
	text-shadow: none;
	border-radius: 0 6px 6px 0;
	text-align: left;
	max-width: 100%;
	width: fit-content;
	margin-left: auto !important;
	margin-right: auto !important;
}

#carousel-hestia-generic .sub-title,
.carousel .sub-title,
.carousel .hestia-description {
	display: inline-block;
	background: rgba(255,255,255,.94);
	color: var(--dg-main-dk) !important;
	font-size: 17px !important;
	font-weight: 600;
	padding: 7px 18px;
	border-radius: 4px;
	margin: 0 auto 12px !important;
	text-shadow: none;
	line-height: 1.4;
	width: fit-content;
}
/* <span class="sub-title"> е inline — иначе застава до заглавието */
#carousel-hestia-generic .sub-title { display: block; }

#carousel-hestia-generic .buttons { margin-top: 0; }

.carousel .btn.btn-primary,
.page-header .btn.btn-primary {
	background-color: var(--dg-sun) !important;
	border-color: var(--dg-sun) !important;
	color: #FFFFFF !important;
	box-shadow: 0 4px 12px rgba(245,158,11,.38);
	border-radius: 999px !important;
	padding: 10px 22px !important;
	font-size: 13px !important;
	padding: 12px 26px !important;
}
.carousel .btn.btn-primary:hover,
.page-header .btn.btn-primary:hover {
	background-color: var(--dg-sun-dk) !important;
	border-color: var(--dg-sun-dk) !important;
}

/* индикаторите/стрелките на карусела не са нужни при една картинка */
#carousel-hestia-generic .carousel-indicators,
#carousel-hestia-generic .carousel-control { display: none !important; }

/* заглавната лента на вътрешните страници
   ⚠️ navbar-ът е absolute ВЪРХУ нея, а .main-raised я припокрива
      с ~60px отдолу — затова тя иска padding, не само височина.
   ⚠️ фонът тук също е в отделен .header-filter.header-filter-gradient */
#primary.page-header.header-small,
#primary.boxed-layout-header,
.page-header.header-small {
	height: auto !important;
	min-height: 0 !important;
	max-height: none !important;
	display: block !important;
	padding: 34px 0 2px !important;
	position: relative;
	overflow: visible;
	background-image: none !important;
	background-color: var(--dg-cream) !important;
	background: var(--dg-cream) !important;
}
.page-header.header-small > .container {
	min-height: 0 !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	position: relative;
	z-index: 3;
	width: 100%;
}
/* ⚠️ .main-raised се качва с -60px върху заглавната лента и я изяжда;
   върху банера на НАЧАЛНАТА припокриването е желано и остава */
body:not(.home) .main.main-raised,
body:not(.home) .main-raised {
	margin-top: 14px !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/* фоновият слой на заглавната лента вече не трябва */
.page-header.header-small .header-filter,
.page-header.header-small .header-filter-gradient { display: none !important; }
.page-header.header-small .header-filter::before,
.page-header.header-small .header-filter::after { display: none !important; }
.page-header.header-small .hestia-title,
.page-header.header-small h1 {
	color: var(--dg-frame) !important;
	font-size: 34px !important;
	background: none;
	border: 0;
	padding: 0;
	margin: 0;
	text-align: center;
	display: block;
}
/* описанието на категорията беше бяло (за тъмния фон отпреди) */
.page-header.header-small .description,
.page-header.header-small h5.description,
.page-header.header-small .description p {
	color: var(--dg-muted) !important;
	font-size: 15.5px !important;
	font-style: normal;
	max-width: 780px;
	margin: 12px auto 0;
	line-height: 1.6;
	text-align: center;
}
.page-header.header-small .hestia-title::after {
	content: "" !important;
	display: block;
	width: 64px;
	height: 3px;
	background: var(--dg-gold);
	margin: 14px auto 0;
	border-radius: 2px;
}

/* ==================================================================
   3. Секции на началната
   ⚠️ Hestia слага ::after с rgba(0,0,0,.7) за фоновата снимка —
      без снимка това прави фона почти черен
   ================================================================== */
.hestia-features,
.hestia-about,
.hestia-blogs,
.hestia-contact,
.hestia-team,
.hestia-testimonials {
	background: transparent !important;
}
.hestia-features::after,
.hestia-blogs::after,
.hestia-about::after { display: none !important; }

.hestia-features { padding: 18px 0 40px; background: var(--dg-cream) !important; }
.hestia-blogs { padding: 10px 0 60px; background: var(--dg-cream-2) !important; }

section .hestia-title,
.hestia-features .hestia-title,
.hestia-blogs .hestia-title {
	color: var(--dg-main-dk) !important;
	font-size: 32px !important;
	font-weight: 700;
	margin-bottom: 6px;
}
section .description,
.hestia-features h5.description,
.hestia-blogs h5.description {
	color: var(--dg-muted) !important;
	font-size: 16px !important;
	font-style: normal;
	margin-bottom: 26px;
}
section .hestia-title::after {
	content: "" !important;
	display: block;
	width: 56px;
	height: 3px;
	background: var(--dg-gold);
	margin: 12px auto 0;
	border-radius: 2px;
}


/* ------- „За нас" блок на началната (съдържанието на страница „Начало")
   ⚠️ Hestia му слага фоновата снимка + ::after затъмнение → текстът
      ставаше бял върху снимка. Тук фонът е чист. ------- */
.hestia-about.section-image,
section.hestia-about {
	background-image: none !important;
	background: #FFFFFF !important;
	padding: 48px 0 44px;
}
.hestia-about::after, .hestia-about::before { display: none !important; }
.hestia-about .hestia-about-content,
.hestia-about .hestia-about-content p {
	color: var(--dg-ink) !important;
	text-align: left;
}
.hestia-about .hestia-about-content {
	max-width: 860px;
	margin: 0 auto;
	font-size: 16.5px;
	line-height: 1.75;
}
.dg-lead {
	font-size: 18px !important;
	line-height: 1.65;
	color: var(--dg-main-dk) !important;
	font-weight: 500;
	border-left: 4px solid var(--dg-gold);
	padding-left: 16px;
	margin-bottom: 18px;
}
a.dg-more {
	display: inline-block;
	background: var(--dg-main);
	color: #FFFFFF !important;
	font-weight: 600;
	padding: 12px 26px;
	border-radius: 999px;
	box-shadow: 0 3px 10px rgba(216,81,31,.22);
	text-decoration: none;
	margin-top: 8px;
}
a.dg-more:hover { background: var(--dg-main-dk); color: #FFFFFF !important; }

/* ------- бързи плочки (features) -------
   ⚠️ flex контейнерът е .hestia-features-content > .row,
      НЕ .hestia-features-content */
.hestia-features-content > .row {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 18px;
	margin-left: 0;
	margin-right: 0;
}

.hestia-features-content > .row > div[class*="col-"] {
	width: auto;
	flex: 1 1 200px;
	max-width: 230px;
	padding: 0;
	float: none;
}

.hestia-features .hestia-info {
	background: #FFFFFF;
	border: 1px solid var(--dg-line);
	border-top: 5px solid var(--dg-tile, var(--dg-main-lt));
	border-radius: 16px;
	padding: 28px 16px 24px;
	height: 100%;
	margin: 0;
	transition: transform .18s ease, box-shadow .18s ease;
	box-shadow: 0 3px 10px rgba(184,66,15,.07);
}
.hestia-features a:hover .hestia-info {
	transform: translateY(-5px);
	box-shadow: 0 12px 26px rgba(184,66,15,.17);
}
/* всяка плочка със свой весел цвят — като шкафчетата в градина */
.hestia-features-content > .row > div[class*="col-"]:nth-child(1) { --dg-tile: var(--dg-t1); }
.hestia-features-content > .row > div[class*="col-"]:nth-child(2) { --dg-tile: var(--dg-t2); }
.hestia-features-content > .row > div[class*="col-"]:nth-child(3) { --dg-tile: var(--dg-t3); }
.hestia-features-content > .row > div[class*="col-"]:nth-child(4) { --dg-tile: var(--dg-t4); }
.hestia-features-content > .row > div[class*="col-"]:nth-child(5) { --dg-tile: var(--dg-t5); }

/* иконата в цветен кръг */
.hestia-features .hestia-info .icon {
	width: 68px;
	height: 68px;
	line-height: 68px;
	margin: 0 auto 14px;
	border-radius: 50%;
	background: var(--dg-tile, var(--dg-main-lt));
	display: flex;
	align-items: center;
	justify-content: center;
}
.hestia-features .hestia-info .icon i {
	color: #FFFFFF !important;
	font-size: 30px;
	margin: 0;
}
.hestia-features a:hover .hestia-info .icon { transform: scale(1.06); transition: transform .18s ease; }
.hestia-features .hestia-info .info-title {
	color: var(--dg-ink) !important;
	font-size: 16.5px !important;
	font-weight: 700;
	margin: 4px 0 6px;
	line-height: 1.3;
}
.hestia-features .hestia-info p {
	color: var(--dg-muted) !important;
	font-size: 13.5px;
	line-height: 1.5;
	margin: 0;
}
.hestia-features a, .hestia-features a:hover { text-decoration: none; }

/* ==================================================================
   4. Списъци с публикации — тук всяка публикация е ДОКУМЕНТ
   ================================================================== */

/* --- секцията на началната --- */
.hestia-blog-content > .row {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	margin-left: 0;
	margin-right: 0;
	justify-content: center;
}
.hestia-blogs article.hestia-blog-item {
	width: auto;
	flex: 1 1 300px;
	max-width: 340px;
	float: none;
	margin: 0;
	padding: 0;
	left: auto; right: auto;
}
.hestia-blogs .card.card-blog {
	background: #FFFFFF;
	border: 1px solid var(--dg-line);
	border-left: 5px solid var(--dg-sun);
	border-radius: 14px;
	height: 100%;
	margin: 0;
	padding: 0;
	box-shadow: 0 3px 10px rgba(184,66,15,.06);
	transition: box-shadow .18s ease, border-left-color .18s ease;
}
.hestia-blogs .card.card-blog:hover {
	box-shadow: 0 10px 24px rgba(184,66,15,.15);
	border-left-color: var(--dg-t2);
}
.hestia-blogs .card.card-blog .content { padding: 18px 20px 20px; }

.card-blog .category,
.card-blog .category a {
	color: var(--dg-main) !important;
	font-size: 11.5px !important;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .4px;
}
.card-blog .card-title,
.card-blog .card-title a {
	color: var(--dg-ink) !important;
	font-size: 16px !important;
	font-weight: 600;
	line-height: 1.35;
	margin: 8px 0 8px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.card-blog .card-title a:hover { color: var(--dg-main) !important; }
.card-blog .card-description {
	color: var(--dg-muted) !important;
	font-size: 13.5px;
	line-height: 1.5;
}

/* документните публикации получават бадж */
.card-blog.dg-doc .content::before,
article.dg-doc .card-content::before {
	content: "PDF документ";
	display: inline-block;
	background: var(--dg-cream-2);
	color: var(--dg-main-dk);
	font-size: 10.5px;
	font-weight: 700;
	letter-spacing: .5px;
	padding: 3px 8px;
	border-radius: 3px;
	margin-bottom: 10px;
}

/* --- архивите: списък, една публикация на ред --- */
.blog-posts-wrap,
.archive .blog-posts-wrap,
.blog .blog-posts-wrap {
	max-width: 920px;
	margin-left: auto !important;
	margin-right: auto !important;
	float: none !important;
	left: auto !important;
	right: auto !important;
}
/* ⚠️ Bootstrap col-md-offset-* бие margin:0 auto */
.col-md-10.col-md-offset-1,
.col-md-8.col-md-offset-2 {
	float: none !important;
	margin-left: auto !important;
	margin-right: auto !important;
	left: auto !important;
	right: auto !important;
}

.archive article.card, .blog article.card,
.archive .blog-posts-wrap article,
.blog .blog-posts-wrap article {
	width: 100%;
	float: none;
	padding: 0;
	margin: 0 0 12px;
}
.archive .blog-posts-wrap article > .row,
.blog .blog-posts-wrap article > .row {
	display: flex;
	align-items: flex-start;
	background: #FFFFFF;
	border: 1px solid var(--dg-line);
	border-left: 5px solid var(--dg-sun);
	border-radius: 14px;
	margin: 0;
	padding: 16px 20px;
	transition: box-shadow .18s ease, border-left-color .18s ease;
}
.archive .blog-posts-wrap article > .row:hover,
.blog .blog-posts-wrap article > .row:hover {
	box-shadow: 0 10px 22px rgba(184,66,15,.13);
	border-left-color: var(--dg-t2);
}
.archive .blog-posts-wrap article .card-image,
.blog .blog-posts-wrap article .card-image {
	flex: 0 0 190px;
	margin-right: 18px;
	border-radius: 6px;
	overflow: hidden;
}
.archive .blog-posts-wrap article .card-image img,
.blog .blog-posts-wrap article .card-image img {
	width: 100%; height: 130px; object-fit: cover;
}
.archive .blog-posts-wrap article [class*="col-"],
.blog .blog-posts-wrap article [class*="col-"] {
	float: none;
	padding: 0;
	width: auto;
	flex: 1 1 auto;
}
.dg-date {
	color: var(--dg-muted);
	font-size: 12.5px;
	font-weight: 600;
}
.archive .posted-by, .blog .posted-by {
	margin: 6px 0 0;
	font-size: 12.5px;
}

/* ==================================================================
   5. Съдържание — ⚠️ Hestia ползва .entry-content за публикации
      и .page-content-wrap за СТРАНИЦИ. Всяко правило иска и двата.
   ================================================================== */
.entry-content, .page-content-wrap {
	color: var(--dg-ink);
	font-size: 16px;
	line-height: 1.7;
}
.entry-content h2, .page-content-wrap h2,
.entry-content h3, .page-content-wrap h3 {
	color: var(--dg-main-dk);
	margin-top: 1.6em;
	margin-bottom: .5em;
}
.entry-content h2, .page-content-wrap h2 { font-size: 26px; }
.entry-content h3, .page-content-wrap h3 { font-size: 20px; }

.entry-content h2::after, .page-content-wrap h2::after {
	content: "" !important;
	display: block;
	width: 46px; height: 3px;
	background: var(--dg-gold);
	margin-top: 8px;
	border-radius: 2px;
}

.entry-content ul li, .page-content-wrap ul li { margin-bottom: .4em; }
.entry-content a, .page-content-wrap a { color: var(--dg-main); font-weight: 600; }
.entry-content a:hover, .page-content-wrap a:hover { color: var(--dg-sun-dk); }

.entry-content blockquote, .page-content-wrap blockquote {
	border-left: 4px solid var(--dg-gold);
	background: var(--dg-cream-2);
	padding: 14px 18px;
	margin: 1.4em 0;
	font-style: normal;
	color: var(--dg-ink);
}

/* --- вграденият PDF и бутонът за сваляне --- */
.wp-block-file {
	background: #FFFFFF;
	border: 1px solid var(--dg-line);
	border-radius: 14px;
	padding: 14px 16px;
	margin: 20px 0;
}
.wp-block-file__embed {
	width: 100% !important;
	height: 620px !important;
	border: 1px solid var(--dg-line) !important;
	border-radius: 6px;
	margin-bottom: 12px;
	background: var(--dg-cream-2);
}
.wp-block-file > a:not(.wp-block-file__button) {
	display: inline-block;
	color: var(--dg-main-dk) !important;
	font-weight: 700;
	font-size: 15px;
	text-decoration: none;
	margin-right: 12px;
}
.wp-block-file > a:not(.wp-block-file__button)::before {
	content: "PDF";
	display: inline-block;
	background: #C0392B;
	color: #FFFFFF;
	font-size: 10.5px;
	font-weight: 700;
	letter-spacing: .5px;
	padding: 2px 6px;
	border-radius: 3px;
	margin-right: 8px;
	vertical-align: 1px;
}
.wp-block-file__button,
.wp-block-file .wp-element-button {
	background: var(--dg-sun) !important;
	color: #FFFFFF !important;
	border: 0;
	border-radius: 999px;
	padding: 9px 18px !important;
	font-weight: 600;
	font-size: 14px;
	text-decoration: none;
	box-shadow: none;
}
.wp-block-file__button:hover { background: var(--dg-sun-dk) !important; }

/* таблици */
.dg-table-scroll { overflow-x: auto; margin: 18px 0; }
.entry-content table, .page-content-wrap table {
	width: 100%;
	border-collapse: collapse;
	font-size: 14.5px;
	background: #FFFFFF;
}
.entry-content table th, .page-content-wrap table th {
	background: var(--dg-main);
	color: #FFFFFF;
	text-align: left;
	padding: 10px 12px;
	font-weight: 600;
}
.entry-content table td, .page-content-wrap table td {
	border-bottom: 1px solid var(--dg-line);
	padding: 9px 12px;
}
.entry-content table tr:hover td, .page-content-wrap table tr:hover td { background: var(--dg-cream-2); }

/* ==================================================================
   6. Бутони, пагинация, форми
   ================================================================== */
.btn.btn-primary, button, input[type="submit"],
input[type="button"] {
	background-color: var(--dg-main) !important;
	border-color: var(--dg-main) !important;
	color: #FFFFFF !important;
	box-shadow: 0 3px 10px rgba(216,81,31,.22);
	border-radius: 999px;
	padding: 11px 26px;
	text-transform: none;
	font-weight: 600;
	letter-spacing: 0;
}
.btn.btn-primary:hover, button:hover, input[type="submit"]:hover {
	background-color: var(--dg-main-dk) !important;
	border-color: var(--dg-main-dk) !important;
}
/* ------- пагинация: еднакви кръгли бутони ------- */
.navigation.pagination,
.pagination { text-align: center; margin: 36px 0 8px; }
.navigation.pagination .nav-links,
.pagination .nav-links {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 8px;
}
.page-numbers {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	min-width: 42px;
	height: 42px;
	padding: 0 12px !important;
	margin: 0 !important;
	border: 2px solid var(--dg-line);
	border-radius: 999px;
	background: #FFFFFF;
	color: var(--dg-ink) !important;
	font-size: 14.5px !important;
	font-weight: 700;
	line-height: 1 !important;
	text-decoration: none !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	transition: background .16s ease, border-color .16s ease, color .16s ease;
	box-shadow: none !important;
}
a.page-numbers:hover {
	background: var(--dg-cream-2);
	border-color: var(--dg-main-lt);
	color: var(--dg-main-dk) !important;
}
.page-numbers.current,
span.page-numbers.current {
	background: var(--dg-main) !important;
	border-color: var(--dg-main) !important;
	color: #FFFFFF !important;
}
/* „Предишни" и „Следващи" — капсули с текст */
.page-numbers.prev, .page-numbers.next {
	padding: 0 20px !important;
	font-size: 13.5px !important;
	color: var(--dg-main-dk) !important;
	border-color: var(--dg-line);
}
.page-numbers.prev:hover, .page-numbers.next:hover {
	background: var(--dg-main);
	border-color: var(--dg-main);
	color: #FFFFFF !important;
}
/* многоточието не е бутон */
.page-numbers.dots {
	border: 0 !important;
	background: transparent !important;
	min-width: 22px;
	color: var(--dg-muted) !important;
	font-weight: 400;
}
.screen-reader-text {
	position: absolute !important;
	width: 1px; height: 1px;
	overflow: hidden; clip: rect(1px,1px,1px,1px);
	white-space: nowrap;
}

/* Hestia слага запетая след всяка категория през ::after */
.card-blog .category a::after,
span.category a::after { content: "" !important; display: none !important; }

/* дата в картата на началната */
.dg-card-date {
	display: inline-block;
	color: var(--dg-muted) !important;
	font-size: 11.5px;
	font-weight: 600;
	letter-spacing: 0;
	text-transform: none;
	margin-left: 10px;
	padding-left: 10px;
	border-left: 1px solid var(--dg-line);
}
.hestia-blogs { padding-bottom: 0 !important; }
.dg-blog-more {
	text-align: center;
	margin: 0;
	padding: 26px 0 52px;
	background: var(--dg-cream-2);
}
.dg-single-date {
	color: var(--dg-muted) !important;
	font-size: 13.5px !important;
	font-weight: 600;
	margin: 0 0 18px !important;
	padding-bottom: 12px;
	border-bottom: 1px solid var(--dg-line);
}

/* ==================================================================
   7. Футер
   ================================================================== */
footer.footer, .footer {
	background: var(--dg-frame) !important;
	color: rgba(255,255,255,.86);
	padding: 34px 0 22px;
}
footer.footer::after, .footer::after { display: none !important; }
footer .widget, footer .widget p, footer li, footer a { color: rgba(255,255,255,.86) !important; }
footer a { color: var(--dg-gold) !important; text-transform: none !important; font-weight: 500; }
footer a:hover { color: #FFFFFF !important; }
footer ul { list-style: none; padding: 0; margin: 0; }
footer li { margin-bottom: 4px; }
footer .widget ul li a { display: inline-block; padding: 2px 0; }
footer .widget { margin-bottom: 0; }
footer h2, footer h3, footer h4, footer h5, footer .widget-title {
	color: #FFFFFF !important;
	font-size: 15px !important;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .4px;
	margin-bottom: 10px;
}
/* ⚠️ Bootstrap pull-right държи кредита вдясно */
footer .copyright.pull-right, footer .footer-menu.pull-left {
	float: none !important;
	text-align: center;
}
.hestia-bottom-footer-content { text-align: center; }
/* Hestia вече рисува <hr/> — втора линия не трябва */
footer hr { border-color: rgba(255,255,255,.16); margin: 18px 0 10px; }
footer .copyright, footer .copyright p,
footer .footer-menu-and-copyright,
.footer .copyright,
.footer .content > .container > .row:last-child,
footer .container > .row:last-child > div:last-child {
	margin-top: 4px;
	padding-top: 12px;
	color: rgba(255,255,255,.7) !important;
	font-size: 13.5px;
	text-align: center;
}
footer iframe { max-width: 100%; border-radius: 8px; }

/* ==================================================================
   8. Дребни поправки
   ================================================================== */
/* контактният блок на страницата „Контакти" */
.dg-contact-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(172px, 1fr));
	gap: 16px;
	margin: 6px 0 26px;
}
.dg-contact-card {
	background: #FFFFFF;
	border: 1px solid var(--dg-line);
	border-top: 4px solid var(--dg-main-lt);
	border-radius: 14px;
	padding: 18px 20px;
}
.dg-contact-card h4 {
	margin: 0 0 6px;
	font-size: 14px !important;
	text-transform: uppercase;
	letter-spacing: .4px;
	color: var(--dg-main-dk) !important;
}
.dg-contact-card h4::after { display: none !important; }
.dg-contact-card p { margin: 0; font-size: 15.5px; }
.dg-map { border: 0; width: 100%; height: 380px; border-radius: 14px; }

/* списък с групи */
.dg-groups {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
	gap: 14px;
	list-style: none;
	padding: 0;
	margin: 10px 0 24px;
}
.dg-groups li {
	background: #FFFFFF;
	border: 1px solid var(--dg-line);
	border-left: 5px solid var(--dg-tile, var(--dg-main-lt));
	border-radius: 14px;
	padding: 14px 16px;
	font-weight: 600;
	color: var(--dg-ink);
	margin: 0 !important;
}
.dg-groups li:nth-child(1) { --dg-tile: var(--dg-t3); }
.dg-groups li:nth-child(2) { --dg-tile: var(--dg-t1); }
.dg-groups li:nth-child(3) { --dg-tile: var(--dg-t2); }
.dg-groups li:nth-child(4) { --dg-tile: var(--dg-t4); }
.dg-groups li span {
	display: block;
	font-weight: 400;
	font-size: 13.5px;
	color: var(--dg-muted);
	margin-top: 3px;
}

/* accessibility бутонът да не пада върху съдържанието */
#accessibility-light-widget-button { z-index: 9998; }

/* ==================================================================
   9. Мобилно
   ================================================================== */
@media (max-width: 991px) {
	.navbar .navbar-header .navbar-brand img,
	.navbar .navbar-brand > img { max-height: 56px !important; height: 56px !important; }
	.navbar-collapse {
		background: var(--dg-main);
		border-top: 1px solid rgba(255,255,255,.14);
	}
	.navbar .navbar-nav > li > a { padding: 12px 16px; }
	.navbar .dropdown-menu { background: rgba(255,255,255,.06); border-top: 0; }
	.navbar .dropdown-menu > li > a { color: #FFFFFF !important; }
	.navbar .dropdown-menu > li > a:hover { background: rgba(255,255,255,.12) !important; color: #FFFFFF !important; }
	.navbar-toggle .icon-bar { background-color: #FFFFFF !important; }
}

@media (max-width: 767px) {
	/* ⚠️ navbar-ът е absolute върху банера — без padding-top
	   заглавието се скрива под него на телефон */
	.dg-head-contacts {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: nowrap;
		gap: 6px;
	}
	.dg-head-contacts li { display: block; float: none; }
	.dg-head-contacts a { padding: 9px 12px; font-size: 12.5px; }
	.dg-head-contacts a span { display: none; }
	.dg-head-contacts i { font-size: 16px; }
	.navbar .navbar-collapse { display: flex !important; justify-content: flex-end; }
	.navbar.navbar-default, .navbar.navbar-transparent,
	.header-with-topbar .navbar.navbar-transparent { height: 74px !important; min-height: 74px !important; }
	.navbar > .container { height: 74px; padding-left: 12px; padding-right: 12px; }
	.dg-quicknav { margin-top: 0; }
	#carousel-hestia-generic .page-header,
	.carousel .page-header {
		height: 400px !important;
		min-height: 400px !important;
		max-height: 400px !important;
		padding-top: 90px !important;
	}
	#carousel-hestia-generic h1.hestia-title,
	.carousel .hestia-title,
	.page-header .hestia-title { font-size: 20px !important; padding: 9px 14px 9px 12px; line-height: 1.2; }
	.page-numbers { min-width: 38px; height: 38px; font-size: 13.5px !important; }
	.page-numbers.prev, .page-numbers.next { padding: 0 14px !important; font-size: 12.5px !important; }
	.carousel .hestia-description { font-size: 15px !important; }
	#primary.page-header.header-small,
	.page-header.header-small {
		height: auto !important; min-height: 0 !important; max-height: none !important;
		padding: 24px 0 2px !important;
	}
	.page-header.header-small .hestia-title { font-size: 23px !important; }

	.hestia-features-content > .row > div[class*="col-"] { max-width: none; flex: 1 1 100%; }
	.hestia-blogs article.hestia-blog-item { max-width: none; flex: 1 1 100%; }

	.archive .blog-posts-wrap article > .row,
	.blog .blog-posts-wrap article > .row { flex-direction: column; padding: 14px 16px; }
	.archive .blog-posts-wrap article .card-image,
	.blog .blog-posts-wrap article .card-image {
		flex: 1 1 auto; margin: 0 0 12px; width: 100%;
	}
	.dg-quicknav ul { justify-content: flex-start; gap: 5px; padding: 8px 0; overflow-x: auto; flex-wrap: nowrap; }
	.dg-quicknav a { padding: 8px 13px; font-size: 13px; white-space: nowrap; }
	.dg-doc-grid { grid-template-columns: 1fr; }
	.wp-block-file__embed { height: 380px !important; }
	.dg-map { height: 280px; }
}

/* ==================================================================
   10. Мобилен хедър — накрая на файла, за да не го бие нищо
   ⚠️ Правилата за логото и контактите по-горе са с по-слаба
      специфичност от десктопните и не се прилагаха.
   ================================================================== */
@media (max-width: 991px) {
	.navbar.navbar-default,
	.navbar.navbar-transparent,
	.header-with-topbar .navbar.navbar-transparent {
		height: 74px !important;
		min-height: 74px !important;
	}
	.navbar > .container {
		height: 74px;
		padding-left: 12px !important;
		padding-right: 12px !important;
	}
	.navbar .navbar-header .navbar-brand img,
	.navbar .navbar-brand > img {
		max-height: 54px !important;
		height: 54px !important;
	}
	.navbar .navbar-collapse {
		display: flex !important;
		flex: 1 1 auto;
		justify-content: flex-end;
		align-items: center;
		max-height: none !important;
		overflow: visible !important;
		width: auto !important;
	}
	.navbar .dg-head-contacts,
	ul.dg-head-contacts {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		align-items: center;
		gap: 6px;
		margin: 0 0 0 auto !important;
		padding: 0 !important;
	}
	.navbar .dg-head-contacts > li,
	ul.dg-head-contacts > li {
		display: block !important;
		float: none !important;
		width: auto !important;
		margin: 0 !important;
	}
	.navbar .dg-head-contacts > li > a,
	ul.dg-head-contacts > li > a {
		padding: 10px 13px !important;
		font-size: 12.5px;
	}
	.dg-head-contacts a span { display: none !important; }
	.dg-head-contacts i { font-size: 16px; }
}