/*
Theme Name: Hestia Nulevski
Theme URI: https://nulevski.bg/
Description: Child theme на Hestia за НУ „Васил Левски“, гр. Белоградчик. Палитра „Белоградчишки скали“.
Author: ITSERVICE
Author URI: https://itservice-bg.net
Template: hestia
Version: 1.0.0
Text Domain: hestia-nulevski
*/

/* ============================================================
   ПАЛИТРА „Знамето на Левски“
   Цветовете на революционните знамена от Възраждането:
   зелено поле, бордо и старо злато, върху цвят на стара хартия.
   ============================================================ */
:root {
	--green:       #1F4D3D;  /* знаменно зелено — хедър, банер, ленти */
	--green-dark:  #143128;  /* дълбоко — футер, hover */
	--green-mid:   #2E6B54;
	--green-light: #3F8468;
	--bordo:       #8C2F2A;  /* бордо — акценти, кантове */
	--bordo-dark:  #6B211D;
	--gold:        #B8934A;  /* старо злато — CTA, орнаменти */
	--gold-light:  #D4B978;
	--gold-pale:   #E8D9B0;
	--paper:       #F6F1E4;  /* стара хартия — фон */
	--paper-2:     #EDE3CE;
	--paper-3:     #FFFCF4;  /* карти */
	--line:        #DCCDAE;
	--ink:         #241F1A;  /* мастило — текст */
	--muted:       #6B5F4E;
	--shadow:      0 2px 10px rgba(36, 31, 26, .08);
	--shadow-lg:   0 10px 30px rgba(36, 31, 26, .16);
	--radius:      4px;      /* възрожденското не е заоблено */
	--font:        'PT Sans', 'Segoe UI', Arial, sans-serif;
	--font-head:   'PT Serif', Georgia, 'Times New Roman', serif;

	/* стари имена — за да не се чупи нищо, което още ги ползва */
	--rock:        #1F4D3D;
	--rock-dark:   #143128;
	--rock-light:  #2E6B54;
	--sand:        #B8934A;
	--sand-light:  #D4B978;
	--forest:      #1F4D3D;
	--forest-light:#2E6B54;
	--cream:       #F6F1E4;
	--cream-2:     #EDE3CE;
}

/* ============================================================
   ТИПОГРАФИЯ
   Hestia зарежда Roboto със subset=latin,latin-ext — без кирилица.
   Родителят слага font-family на десетки селектора, затова е нужен !important.
   ============================================================ */
body,
.hestia-title, .title, .card-title, .card-description, .description,
h1, h2, h3, h4, h5, h6,
.navbar .navbar-nav > li > a,
input, textarea, select, button, .btn,
.section, .footer, .card, p, a, li, td, th {
	font-family: var(--font) !important;
}

body {
	color: var(--ink);
	background: #fff;
	font-size: 16px;
	line-height: 1.7;
	-webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5,
.hestia-title, .title, .card-title {
	font-family: var(--font-head) !important;
	color: var(--ink);
	font-weight: 700;
	letter-spacing: 0;
	line-height: 1.24;
}

a { color: var(--rock); }
a:hover, a:focus { color: var(--rock-dark); }

/* Hestia пише заглавията на секциите с 300 и ги прави сиви */
.hestia-title, h2.hestia-title { font-weight: 700 !important; font-family: var(--font-head) !important; }
h5.description, .description {
	color: var(--muted) !important;
	font-weight: 500 !important;
	font-size: 17px;
}

/* ============================================================
   ХЕДЪР — плътен, един ред
   navbar-ът е position:absolute върху .page-header; прозрачният вариант
   правеше менюто нечетимо върху снимката.
   ============================================================ */
.navbar.navbar-transparent,
.navbar.navbar-default,
.navbar {
	background-color: var(--rock) !important;
	box-shadow: 0 1px 0 rgba(255, 255, 255, .12), 0 2px 14px rgba(45, 38, 34, .18) !important;
	padding: 0 !important;
	min-height: 68px;
}

.navbar .container { align-items: center; }

/* Логото — портрет на Левски 146×215; без ограничение хедърът става 145px висок */
.navbar .navbar-brand { padding: 8px 0 !important; display: flex !important; align-items: center; }
.navbar .navbar-brand img,
.navbar-brand .hestia-transparent-logo,
.navbar-brand .hestia-hide-if-transparent {
	max-height: 52px !important;
	height: 52px !important;
	width: auto !important;
	border-radius: 4px;
	background: rgba(255, 255, 255, .9);
	padding: 2px;
}
/* прозрачният и плътният вариант на логото са едно и също — показва се само единият */
.navbar .hestia-transparent-logo { display: none !important; }
.navbar .hestia-hide-if-transparent { display: block !important; }

.navbar .navbar-nav > li > a,
.navbar .navbar-nav > li > a:focus {
	color: #fff !important;
	font-weight: 600 !important;
	font-size: 14.5px !important;
	letter-spacing: .01em;
	text-transform: none !important;
	padding: 10px 13px !important;
	margin: 0 1px !important;
	border-radius: 6px;
	opacity: 1 !important;
	transition: background-color .15s ease;
}
.navbar .navbar-nav > li > a:hover,
.navbar .navbar-nav > li.current-menu-item > a,
.navbar .navbar-nav > li.current_page_item > a,
.navbar .navbar-nav > li.current-menu-ancestor > a {
	background-color: rgba(255, 255, 255, .16) !important;
	color: #fff !important;
}

/* Падащо меню */
.navbar .dropdown-menu {
	background: #fff !important;
	border: 1px solid var(--line) !important;
	border-radius: 3px !important;
	box-shadow: var(--shadow-lg) !important;
	padding: 6px !important;
}
.navbar .dropdown-menu > li > a {
	color: var(--ink) !important;
	font-weight: 500 !important;
	font-size: 14.5px !important;
	padding: 9px 12px !important;
	border-radius: 5px;
}
.navbar .dropdown-menu > li > a:hover {
	background: var(--cream-2) !important;
	color: var(--rock-dark) !important;
}

/* Търсачката в менюто */
.navbar .hestia-toggle-search svg,
.navbar .hestia-toggle-search { color: #fff !important; fill: #fff !important; }

/* Хамбургерът */
.navbar .navbar-toggle .icon-bar { background-color: #fff !important; }

/* ⚠️ Всички flex правила за navbar-а стоят САМО тук.
   Глобален display:flex на .navbar-collapse отваря мобилното меню завинаги. */
@media (min-width: 992px) {
	.navbar .navbar-collapse { display: flex !important; justify-content: flex-end; }
	.navbar .navbar-nav { display: flex !important; align-items: center; flex-wrap: wrap; justify-content: flex-end; }
}

/* ============================================================
   БАНЕР
   ⚠️ При hestia_slider_type=image фонът е в отделен .header-filter, а
   .page-header и .container получават inline min-height/padding-top от JS-а —
   всичко иска !important.
   ⚠️ Оригиналната банер снимка е 377×234 px. Разтягана на 1440 тя е каша,
   затова фонът тук е градиент от палитрата, а не тя.
   ============================================================ */
.page-header.header-small,
#carousel-hestia-generic .page-header,
.carousel .page-header {
	min-height: 0 !important;
	height: 430px !important;
	padding: 0 !important;
	display: flex !important;
	align-items: center !important;
	overflow: hidden;
	background: linear-gradient(128deg, var(--green-dark) 0%, var(--green) 48%, var(--green-mid) 100%) !important;
}

/* Фоновата снимка се гаси; на нейно място остава лека текстура */
#carousel-hestia-generic .header-filter,
.carousel .header-filter {
	background-image: none !important;
	background:
		radial-gradient(1100px 460px at 82% 118%, rgba(184, 147, 74, .26), transparent 62%),
		radial-gradient(760px 380px at 8% -22%, rgba(255, 255, 255, .13), transparent 60%) !important;
	opacity: 1 !important;
}
#carousel-hestia-generic .header-filter::before,
#carousel-hestia-generic .header-filter::after,
.carousel .header-filter::before,
.carousel .header-filter::after { background: none !important; opacity: 0 !important; }

#carousel-hestia-generic .page-header .container,
.carousel .page-header .container {
	display: block !important;   /* Bootstrap .row вътре е float-based */
	padding-top: 74px !important;
	padding-bottom: 26px !important;
	min-height: 0 !important;
	position: relative;
	z-index: 3;
}

/* Заглавието е в col-sm-8 col-sm-offset-2 — offset-ът го изместваше вдясно */
#carousel-hestia-generic .hestia-big-title-content,
.carousel .hestia-big-title-content { display: block !important; }
#carousel-hestia-generic .big-title-slider-content,
.carousel .big-title-slider-content {
	text-align: left !important;
	float: none !important;
	width: 100% !important;
	max-width: 780px;
	margin-left: 0 !important;
	padding: 0 !important;
}
/* ⚠️ .row е float-based; без clear бутоните се качват до заглавието */
.nulevski-banner-actions { clear: both; }

#carousel-hestia-generic h1.hestia-title,
.carousel h1.hestia-title {
	color: #fff !important;
	font-size: 46px !important;
	font-weight: 800 !important;
	line-height: 1.15 !important;
	margin: 0 0 14px !important;
	text-shadow: 0 2px 18px rgba(0, 0, 0, .3);
	max-width: 16em;
}

/* ⚠️ Подзаглавието е <span class="sub-title"> — inline; без display:block
   застава до заглавието на същия ред. */
#carousel-hestia-generic .sub-title,
.carousel .sub-title,
#carousel-hestia-generic .hestia-description,
.carousel .hestia-description {
	display: block !important;
	color: rgba(255, 255, 255, .93) !important;
	font-size: 18px !important;
	font-weight: 500 !important;
	line-height: 1.55 !important;
	max-width: 34em;
	margin: 0 0 22px !important;
}

/* Бутонът на банера */
#carousel-hestia-generic .btn,
.carousel .btn {
	background-color: var(--sand) !important;
	border-color: var(--sand) !important;
	color: #2D2622 !important;
	font-weight: 700 !important;
	font-size: 15px !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	padding: 13px 26px !important;
	border-radius: 3px !important;
	box-shadow: 0 6px 18px rgba(45, 38, 34, .24) !important;
}
#carousel-hestia-generic .btn:hover,
.carousel .btn:hover {
	background-color: var(--sand-light) !important;
	border-color: var(--sand-light) !important;
	transform: translateY(-1px);
}

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

/* ============================================================
   ЗАГЛАВНИ ЛЕНТИ НА АРХИВИТЕ И СТРАНИЦИТЕ
   ⚠️ .page-header.header-small е притисната от двете страни: navbar-ът е
   absolute върху нея, а .main-raised я припокрива с ~60px отдолу.
   ============================================================ */
.page-header.header-small {
	height: 280px !important;
	min-height: 0 !important;
	padding: 84px 0 58px !important;
	display: flex !important;
	align-items: center !important;
	background: linear-gradient(120deg, var(--green-dark) 0%, var(--green) 62%, var(--green-mid) 100%) !important;
}
.page-header.header-small .header-filter,
.page-header.header-small .header-filter-gradient {
	background-image: none !important;
	background: radial-gradient(900px 320px at 88% 120%, rgba(184, 147, 74, .22), transparent 60%) !important;
}
.page-header.header-small .header-filter::after,
.page-header.header-small .header-filter::before { background: none !important; opacity: 0 !important; }

.page-header.header-small .hestia-title,
.page-header.header-small .title,
.page-header.header-small h1 {
	color: #fff !important;
	font-size: 36px !important;
	font-weight: 800 !important;
	margin: 0 !important;
	text-shadow: 0 2px 14px rgba(0, 0, 0, .26);
}
.page-header.header-small .description,
.page-header.header-small .subtitle {
	color: rgba(255, 255, 255, .88) !important;
	font-size: 16px !important;
	margin-top: 8px !important;
}

/* ============================================================
   ПЛОЧКИ С БЪРЗИ ВРЪЗКИ (nulevski_quicklinks)
   ============================================================ */
.nulevski-quick {
	position: relative;
	z-index: 5;
	margin: -46px 0 0;
	padding: 0 0 8px;
}
.nulevski-quick-grid {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 14px;
}
.nulevski-tile {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	min-height: 104px;
	padding: 16px 16px 14px;
	background: #fff;
	border: 1px solid var(--line);
	border-top: 4px solid var(--rock);
	border-radius: var(--radius);
	box-shadow: var(--shadow);
	text-decoration: none !important;
	transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
.nulevski-tile:hover {
	transform: translateY(-3px);
	box-shadow: var(--shadow-lg);
	text-decoration: none !important;
}
.nulevski-tile.is-1 { border-top-color: var(--rock); }
.nulevski-tile.is-2 { border-top-color: var(--sand); }
.nulevski-tile.is-3 { border-top-color: var(--forest); }
.nulevski-tile.is-4 { border-top-color: var(--rock-light); }
.nulevski-tile.is-5 { border-top-color: var(--forest-light); }
.nulevski-tile.is-6 { border-top-color: var(--sand-light); }

.nulevski-tile-label {
	display: block;
	font-size: 17px;
	font-weight: 800;
	color: var(--ink);
	line-height: 1.2;
}
.nulevski-tile-desc {
	display: block;
	margin-top: 4px;
	font-size: 13px;
	font-weight: 500;
	color: var(--muted);
	line-height: 1.35;
}
.nulevski-tile:hover .nulevski-tile-label { color: var(--rock-dark); }

@media (max-width: 991px) {
	.nulevski-quick-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 600px) {
	.nulevski-quick { margin-top: -28px; }
	.nulevski-quick-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
	.nulevski-tile { min-height: 88px; padding: 13px; }
	.nulevski-tile-label { font-size: 15px; }
}

/* ============================================================
   „ЗА НАС“ СЕКЦИЯТА НА НАЧАЛНАТА
   ⚠️ .hestia-about получава фоновата снимка + ::after затъмнение
   от section-image → текстът излизаше бял върху сграда.
   ============================================================ */
.hestia-about.section-image,
.hestia-about {
	background-image: none !important;
	background-color: #fff !important;
	padding: 46px 0 10px !important;
}
.hestia-about.section-image::after,
.hestia-about::after { background: none !important; opacity: 0 !important; display: none !important; }
.hestia-about * { color: var(--ink) !important; }
.hestia-about a { color: var(--rock) !important; }
.hestia-about h2, .hestia-about h3, .hestia-about h4 {
	color: var(--ink) !important;
	margin-top: 30px;
}
.hestia-about p { font-size: 16.5px; line-height: 1.75; }
.hestia-about ul { padding-left: 20px; }
.hestia-about li { margin-bottom: 8px; }

/* Hestia вдига .main-raised нагоре с отрицателен margin върху банера */
.main.main-raised {
	margin: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

/* ============================================================
   НОВИНИ / КАРТИ
   ============================================================ */
.hestia-blogs {
	background: var(--cream) !important;
	padding: 54px 0 60px !important;
}
.hestia-blogs .hestia-blogs-title-area { margin-bottom: 30px; }

.card.card-blog,
.card.card-plain.card-blog {
	background: #fff !important;
	border: 1px solid var(--line) !important;
	border-left: 4px solid var(--sand) !important;
	border-radius: var(--radius) !important;
	box-shadow: var(--shadow) !important;
	padding: 18px 20px 16px !important;
	margin-bottom: 22px !important;
	height: auto;
	transition: transform .16s ease, box-shadow .16s ease, border-left-color .16s ease;
}
.card.card-blog:hover {
	transform: translateY(-2px);
	box-shadow: var(--shadow-lg) !important;
	border-left-color: var(--rock) !important;
}
.card.card-blog .content { padding: 0 !important; }

.card.card-blog .card-title,
.card.card-blog h4.card-title {
	font-size: 17px !important;
	font-weight: 700 !important;
	line-height: 1.35 !important;
	margin: 8px 0 8px !important;
}
.card.card-blog .card-title a { color: var(--ink) !important; }
.card.card-blog:hover .card-title a { color: var(--rock-dark) !important; }

.card.card-blog .card-description {
	font-size: 14.5px !important;
	color: var(--muted) !important;
	line-height: 1.6 !important;
	margin-bottom: 10px !important;
}

/* Ред „категория · дата“ (hestia_category в functions.php) */
.card .category,
.card .category.text-info {
	display: flex !important;
	align-items: center;
	gap: 10px;
	font-size: 0 !important;
	margin: 0 !important;
	color: var(--muted) !important;
}
.nulevski-cat {
	display: inline-block;
	font-size: 11.5px !important;
	font-weight: 700;
	letter-spacing: .04em;
	text-transform: uppercase;
	color: var(--rock) !important;
	background: var(--cream-2);
	padding: 3px 9px;
	border-radius: 2px;
	text-decoration: none !important;
}
.nulevski-cat:hover { background: var(--sand-light); color: var(--rock-dark) !important; }
.nulevski-date {
	font-size: 12.5px !important;
	font-weight: 500;
	color: var(--muted) !important;
	white-space: nowrap;
}

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

/* Бутонът „Прочетете повече“ */
.card .more-link,
.moretag, a.moretag {
	display: inline-block;
	font-size: 13.5px !important;
	font-weight: 700 !important;
	color: var(--rock) !important;
	text-decoration: none !important;
}
.card .more-link:hover { color: var(--rock-dark) !important; }

/* ============================================================
   АРХИВИ И ЕДИНИЧНИ ПУБЛИКАЦИИ
   ============================================================ */
.blog .card, .archive .card, .search .card {
	border: 1px solid var(--line) !important;
	border-left: 4px solid var(--sand) !important;
	border-radius: var(--radius) !important;
	box-shadow: var(--shadow) !important;
	padding: 20px 24px !important;
	margin-bottom: 20px !important;
}
.single-post .single-post-wrap .card,
.single .card { box-shadow: none !important; border: 0 !important; }

.single-post .entry-content,
.page .entry-content,
.entry-content {
	font-size: 16.5px;
	line-height: 1.75;
	color: var(--ink);
}
.entry-content h2 { font-size: 26px; margin: 32px 0 12px; }
.entry-content h3 { font-size: 21px; margin: 26px 0 10px; }
.entry-content h4 { font-size: 18px; margin: 22px 0 8px; }
.entry-content p { margin-bottom: 15px; }
.entry-content ul, .entry-content ol { margin-bottom: 16px; padding-left: 22px; }
.entry-content li { margin-bottom: 7px; }
.entry-content a { color: var(--rock); text-decoration: underline; text-underline-offset: 2px; }
.entry-content a:hover { color: var(--rock-dark); }

.entry-content blockquote {
	border-left: 4px solid var(--sand);
	background: var(--cream);
	padding: 14px 20px;
	margin: 22px 0;
	font-style: normal;
	border-radius: 0 8px 8px 0;
}
.entry-content table { width: 100%; border-collapse: collapse; margin: 20px 0; font-size: 15px; }
.entry-content th, .entry-content td { border: 1px solid var(--line); padding: 9px 12px; text-align: left; }
.entry-content th { background: var(--cream-2); font-weight: 700; }

/* embed-any-document — 85 публикации носят PDF; iframe-ът иска рамка и ширина */
.edd-embed-document,
.embed-any-document-wrap iframe,
.edd_pdf_embed iframe {
	width: 100% !important;
	border: 1px solid var(--line) !important;
	border-radius: 3px;
	background: var(--cream);
}

/* Пагинация */
.pagination > li > a,
.pagination > li > span,
.page-numbers {
	color: var(--rock) !important;
	border-color: var(--line) !important;
	border-radius: 3px !important;
	font-weight: 600;
}
.pagination > .active > a,
.pagination > .active > span,
.page-numbers.current {
	background: var(--rock) !important;
	border-color: var(--rock) !important;
	color: #fff !important;
}

/* ============================================================
   БУТОНИ
   ============================================================ */
.btn.btn-primary,
.btn-primary,
input[type="submit"],
button[type="submit"] {
	background-color: var(--rock) !important;
	border-color: var(--rock) !important;
	color: #fff !important;
	font-weight: 700 !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	border-radius: 3px !important;
	padding: 11px 22px !important;
	box-shadow: none !important;
}
.btn.btn-primary:hover,
.btn-primary:hover,
input[type="submit"]:hover,
button[type="submit"]:hover {
	background-color: var(--rock-dark) !important;
	border-color: var(--rock-dark) !important;
	box-shadow: 0 6px 16px rgba(126, 50, 32, .26) !important;
}

/* ============================================================
   КОНТАКТИ
   ============================================================ */
.hestia-contact.section-image,
.hestia-contact {
	background-image: none !important;
	background: var(--forest) !important;
	padding: 54px 0 !important;
}
.hestia-contact.section-image::after,
.hestia-contact::after { background: none !important; opacity: 0 !important; display: none !important; }
.hestia-contact .hestia-title,
.hestia-contact h2,
.hestia-contact h5.description { color: #fff !important; }
.hestia-contact .hestia-title { color: #fff !important; }
.hestia-contact h5, .hestia-contact p, .hestia-contact li, .hestia-contact span {
	color: rgba(255, 255, 255, .93) !important;
}
.hestia-contact a { color: var(--sand-light) !important; }
.hestia-contact a:hover { color: #fff !important; }
.hestia-contact .card { background: rgba(255, 255, 255, .07) !important; border: 0 !important; }

.nulevski-contact-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 18px;
	margin-top: 6px;
}
.nulevski-contact-card {
	background: rgba(255, 255, 255, .08);
	border: 1px solid rgba(255, 255, 255, .16);
	border-radius: var(--radius);
	padding: 18px 20px;
}
.nulevski-contact-card h4 {
	color: var(--sand-light) !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	text-transform: uppercase;
	letter-spacing: .05em;
	margin: 0 0 8px !important;
}
.nulevski-contact-card p { margin: 0 0 4px; font-size: 15.5px; }
@media (max-width: 767px) {
	.nulevski-contact-grid { grid-template-columns: 1fr; }
}

/* ============================================================
   ФУТЕР
   ============================================================ */
.footer.footer-black,
.footer {
	background: var(--ink) !important;
	color: rgba(255, 255, 255, .76) !important;
	padding: 40px 0 22px !important;
}
.footer h4, .footer h5, .footer .title {
	color: #fff !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	text-transform: uppercase;
	letter-spacing: .05em;
	margin-bottom: 12px !important;
}
.footer p, .footer li, .footer span { color: rgba(255, 255, 255, .76) !important; font-size: 14.5px !important; }
.footer a { color: var(--sand-light) !important; }
.footer a:hover { color: #fff !important; }
.footer ul { padding-left: 0; list-style: none; }
.footer li { margin-bottom: 6px; }

.footer .copyright {
	border-top: 1px solid rgba(255, 255, 255, .12);
	margin-top: 26px;
	padding-top: 16px;
	font-size: 13.5px !important;
	color: rgba(255, 255, 255, .6) !important;
}
/* ⚠️ Bootstrap pull-right държи кредита вдясно */
.footer .copyright.pull-right,
.footer .pull-right { float: none !important; text-align: center; }
.footer .copyright p { margin: 0; }

/* Бутонът „нагоре“ */
.hestia-scroll-to-top {
	background-color: var(--rock) !important;
	border-radius: 3px !important;
}
.hestia-scroll-to-top:hover { background-color: var(--rock-dark) !important; }

/* ============================================================
   СТРАНИЧНА ЛЕНТА И ДЖАДЖИ
   ============================================================ */
.sidebar .widget,
.hestia-sidebar-wrapper .widget {
	background: #fff;
	border: 1px solid var(--line);
	border-radius: var(--radius);
	padding: 18px;
	margin-bottom: 18px;
	box-shadow: var(--shadow);
}
.widget h5, .widget .widget-title {
	font-size: 14px !important;
	font-weight: 700 !important;
	text-transform: uppercase;
	letter-spacing: .05em;
	color: var(--rock) !important;
	margin-bottom: 12px !important;
}

/* Google карта — да не е 600×450 фиксирана */
iframe[src*="google.com/maps"] {
	width: 100% !important;
	max-width: 100%;
	height: 320px !important;
	border: 0 !important;
	border-radius: var(--radius);
	display: block;
}

/* ============================================================
   МОБИЛНО
   ⚠️ На мобилно банерът иска padding-top, иначе заглавието се крие под навбара.
   ============================================================ */
@media (max-width: 991px) {
	.navbar .navbar-brand img { max-height: 44px !important; height: 44px !important; }
	.navbar .navbar-collapse {
		background: var(--rock-dark) !important;
		padding: 8px 12px 14px !important;
	}
	.navbar .navbar-nav > li > a { padding: 11px 12px !important; }
	.navbar .dropdown-menu { background: rgba(255, 255, 255, .07) !important; border: 0 !important; box-shadow: none !important; }
	.navbar .dropdown-menu > li > a { color: #fff !important; }
	.navbar .dropdown-menu > li > a:hover { background: rgba(255, 255, 255, .12) !important; color: #fff !important; }
}

@media (max-width: 768px) {
	body { font-size: 15.5px; }

	#carousel-hestia-generic .page-header,
	.carousel .page-header { height: 400px !important; }
	#carousel-hestia-generic .page-header .container,
	.carousel .page-header .container { padding-top: 78px !important; }
	#carousel-hestia-generic h1.hestia-title,
	.carousel h1.hestia-title { font-size: 30px !important; }
	#carousel-hestia-generic .sub-title,
	.carousel .sub-title { font-size: 16px !important; }

	.page-header.header-small {
		height: 216px !important;
		padding: 78px 0 34px !important;
	}
	.page-header.header-small .hestia-title,
	.page-header.header-small .title { font-size: 25px !important; }

	.hestia-blogs { padding: 36px 0 40px !important; }
	.hestia-about { padding: 32px 0 8px !important; }
	.entry-content h2 { font-size: 22px; }
	.entry-content table { display: block; overflow-x: auto; }
}

/* Без хоризонтален скрол */
html, body { overflow-x: hidden; max-width: 100%; }
img { max-width: 100%; height: auto; }

/* ============================================================
   БУТОНИ НА БАНЕРА (nulevski_banner_buttons)
   ============================================================ */
.nulevski-banner-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 4px;
	position: relative;
	z-index: 4;
}
.nulevski-btn {
	display: inline-block;
	padding: 13px 26px;
	font-size: 15px;
	font-weight: 700;
	border-radius: 3px;
	text-decoration: none !important;
	transition: transform .15s ease, background-color .15s ease, box-shadow .15s ease;
}
.nulevski-btn-primary {
	background: var(--sand);
	color: #2D2622 !important;
	box-shadow: 0 6px 18px rgba(45, 38, 34, .26);
}
.nulevski-btn-primary:hover {
	background: var(--sand-light);
	color: #2D2622 !important;
	transform: translateY(-2px);
}
.nulevski-btn-ghost {
	background: rgba(255, 255, 255, .12);
	color: #fff !important;
	border: 1.5px solid rgba(255, 255, 255, .5);
}
.nulevski-btn-ghost:hover {
	background: rgba(255, 255, 255, .22);
	color: #fff !important;
	transform: translateY(-2px);
}

/* ============================================================
   ЧИСЛАТА НА НАЧАЛНАТА (.nulevski-facts)
   ============================================================ */
.nulevski-facts {
	list-style: none !important;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 14px;
	padding: 0 !important;
	margin: 26px 0 6px !important;
}
.nulevski-facts li {
	background: var(--cream);
	border: 1px solid var(--line);
	border-radius: var(--radius);
	padding: 16px 18px;
	font-size: 14.5px;
	line-height: 1.45;
	color: var(--muted) !important;
	margin: 0 !important;
}
.nulevski-facts li strong {
	display: block;
	font-size: 30px;
	font-weight: 800;
	line-height: 1.1;
	color: var(--rock) !important;
	margin-bottom: 2px;
}
/* редовете с две числа („12 учители и 3 възпитатели“) */
.nulevski-facts li strong ~ strong {
	display: inline;
	font-size: inherit;
	color: var(--ink) !important;
	margin: 0;
}
@media (max-width: 991px) {
	.nulevski-facts { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 480px) {
	.nulevski-facts { grid-template-columns: 1fr; }
	.nulevski-facts li strong { font-size: 26px; }
}

/* ============================================================
   ЛОКАЛНИ ФОРМИ НА КИРИЛИЦАТА
   ⚠️ Manrope носи българските „ръкописни“ locl форми и Chrome ги пуска
   заради lang="bg" на страницата: „д“→g, „и“→u, „т“→m, „екип“ се чете „ekun“.
   В изправен шрифт са трудни за четене — връщаме общокирилските форми.
   ============================================================ */
html, body, input, textarea, select, button {
	font-feature-settings: 'locl' 0 !important;
	font-variant-alternates: normal;
}

/* Подзаглавието на банера идва със сериф от Hestia */
#carousel-hestia-generic .sub-title,
.carousel .sub-title,
.hestia-description,
.big-title-slider-content .sub-title {
	font-family: var(--font) !important;
}

/* Мобилно: банерът опира в левия ръб — .container губи padding-а си */
@media (max-width: 768px) {
	#carousel-hestia-generic .page-header .container,
	.carousel .page-header .container {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
}

/* GTranslate е премахнат от сайта на 06.09.2026 — правилата му отпаднаха. */

/* ============================================================
   ДОКУМЕНТИ В СПИСЪЦИТЕ
   ============================================================ */
.nulevski-doc-link { margin: 10px 0 0 !important; }
.nulevski-btn-doc {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 16px;
	font-size: 13.5px;
	font-weight: 700;
	color: var(--rock-dark) !important;
	background: var(--cream-2);
	border: 1px solid var(--line);
	border-radius: 3px;
	text-decoration: none !important;
	transition: background-color .15s ease, border-color .15s ease;
}
.nulevski-btn-doc::before { content: "📄"; font-size: 14px; }
.nulevski-btn-doc:hover {
	background: var(--sand-light);
	border-color: var(--sand);
	color: var(--rock-dark) !important;
}

/* Единичната публикация: viewer-ът остава, но иска рамка и разумна височина */
.single .edd-embed-document,
.single-post iframe[src*="docs.google.com"],
.single-post .embed-any-document-wrap iframe {
	min-height: 620px;
	border: 1px solid var(--line) !important;
	border-radius: 3px;
}


/* ============================================================
   ФАЙЛОВИ БЛОКОВЕ (wp-block-file) — .docx/.pdf прикачени файлове
   ============================================================ */
.wp-block-file {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px;
	margin: 10px 0 0 !important;
}
.wp-block-file > a:first-child {
	color: var(--rock) !important;
	font-weight: 600;
	text-decoration: none !important;
	font-size: 15px;
}
.wp-block-file > a:first-child:hover { color: var(--rock-dark) !important; text-decoration: underline !important; }
.wp-block-file .wp-block-file__button,
.wp-block-file a.wp-element-button {
	background: var(--cream-2) !important;
	color: var(--rock-dark) !important;
	border: 1px solid var(--line) !important;
	border-radius: 3px !important;
	padding: 7px 15px !important;
	font-size: 13.5px !important;
	font-weight: 700 !important;
	text-decoration: none !important;
	opacity: 1 !important;
}
.wp-block-file .wp-block-file__button:hover,
.wp-block-file a.wp-element-button:hover {
	background: var(--sand-light) !important;
	border-color: var(--sand) !important;
	color: var(--rock-dark) !important;
}

/* Редът „От nulevski, 2 месеца преди“ под всяка публикация в архива */
.posted-by.vcard.author {
	font-size: 13px !important;
	color: var(--muted) !important;
	margin-top: 12px !important;
}
.posted-by.vcard.author a, .posted-by .author-name { color: var(--muted) !important; font-weight: 600; }

/* ============================================================
   КОНТАКТНАТА СЕКЦИЯ — Hestia я стеснява до col-md-8 offset-2,
   при което трите карти стават по ~90px и текстът се къса.
   ============================================================ */
.hestia-contact .col-md-5.hestia-contact-title-area,
.hestia-contact .col-md-8.col-md-offset-2,
.hestia-contact .col-md-6,
.hestia-contact [class*="col-md-offset"] {
	width: 100% !important;
	margin-left: 0 !important;
	float: none !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.hestia-contact .hestia-title,
.hestia-contact .title-area,
.hestia-contact h5.description { text-align: left !important; }

.nulevski-contact-card p { line-height: 1.6; }
.nulevski-contact-card a { white-space: nowrap; }

@media (max-width: 991px) {
	.nulevski-contact-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px) {
	.nulevski-contact-grid { grid-template-columns: 1fr; }
}

/* Футер джаджите: заглавията бяха червени и с главни букви от .widget правилата */
.footer .widget h5,
.footer .widget .widget-title,
.footer h5 {
	color: #fff !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	font-size: 15.5px !important;
	font-weight: 700 !important;
	margin-bottom: 10px !important;
}
.footer .widget {
	background: none !important;
	border: 0 !important;
	box-shadow: none !important;
	padding: 0 !important;
	margin-bottom: 18px;
}
.footer strong, .footer b { color: rgba(255, 255, 255, .9) !important; font-weight: 600; }
.footer .widget ul li a { text-decoration: none; }
.footer .widget ul li a:hover { text-decoration: underline; }

/* Търсачката във футера */
.footer .search-form input[type="search"],
.footer input[type="search"] {
	background: rgba(255, 255, 255, .07) !important;
	border: 1px solid rgba(255, 255, 255, .18) !important;
	border-radius: 3px !important;
	color: #fff !important;
	padding: 9px 12px !important;
}
.footer .search-form input[type="search"]::placeholder { color: rgba(255, 255, 255, .5) !important; }


/* Футер връзките идват с text-transform: uppercase и голям line-height от Hestia */
.footer .widget ul li,
.footer .widget_block ul li {
	text-transform: none !important;
	letter-spacing: 0 !important;
	line-height: 1.5 !important;
	margin-bottom: 7px !important;
	padding: 0 !important;
}
.footer .widget ul li a,
.footer .widget_block ul li a {
	text-transform: none !important;
	letter-spacing: 0 !important;
	font-size: 14.5px !important;
	font-weight: 500 !important;
	line-height: 1.5 !important;
	display: inline !important;
	padding: 0 !important;
}

/* ============================================================
   МОБИЛНО: банерът с фиксирана височина отрязваше втория бутон
   ============================================================ */
@media (max-width: 768px) {
	#carousel-hestia-generic .page-header,
	.carousel .page-header {
		height: auto !important;
		min-height: 420px !important;
	}
	#carousel-hestia-generic .page-header .container,
	.carousel .page-header .container {
		padding-bottom: 46px !important;
	}
	.nulevski-banner-actions { gap: 10px; }
	.nulevski-btn { padding: 12px 20px; font-size: 14.5px; }
}
@media (max-width: 420px) {
	.nulevski-banner-actions { flex-direction: column; align-items: flex-start; }
	.nulevski-btn { width: 100%; text-align: center; }
}


/* ============================================================
   ВЪЗРОЖДЕНСКИ ЕЛЕМЕНТИ
   ============================================================ */

/* Орнаментна лента злато/бордо под хедъра.
   ⚠️ НЕ през .navbar::after — Bootstrap 3 вече го ползва за clearfix
   (display: table) и правилото се губи. Затова е фон на самия navbar. */
.navbar,
.navbar.navbar-default,
.navbar.navbar-transparent {
	background-image: repeating-linear-gradient(90deg,
		var(--gold) 0 14px, var(--bordo) 14px 28px) !important;
	background-size: 100% 5px !important;
	background-position: bottom left !important;
	background-repeat: repeat-x !important;
}
.footer {
	background-image: repeating-linear-gradient(90deg,
		var(--gold) 0 12px, var(--bordo) 12px 24px) !important;
	background-size: 100% 4px !important;
	background-position: top left !important;
	background-repeat: repeat-x !important;
}

/* Двоен кант около заглавията на секциите */
.hestia-blogs-title-area .hestia-title,
.hestia-contact .hestia-title { position: relative; padding-bottom: 14px; }
.hestia-blogs-title-area .hestia-title::after,
.hestia-contact .hestia-title::after {
	content: "";
	position: absolute;
	left: 50%; bottom: 0;
	width: 92px; height: 3px;
	transform: translateX(-50%);
	background: linear-gradient(90deg, transparent, var(--gold) 22%, var(--bordo) 50%, var(--gold) 78%, transparent);
}
.hestia-contact .hestia-title::after { left: 0; transform: none; }

/* Хартиена текстура на фоновете */
body, .hestia-about { background-color: var(--paper-3); }
.hestia-blogs {
	background-color: var(--paper) !important;
	background-image:
		radial-gradient(circle at 18% 12%, rgba(184, 147, 74, .05) 0, transparent 42%),
		radial-gradient(circle at 84% 78%, rgba(140, 47, 42, .04) 0, transparent 40%) !important;
}

/* Картите: тънък двоен кант вместо плътна лява черта */
.card.card-blog,
.card.card-plain.card-blog {
	border: 1px solid var(--line) !important;
	border-left: 3px solid var(--gold) !important;
	box-shadow: inset 0 0 0 1px rgba(255, 252, 244, .9), var(--shadow) !important;
}
.card.card-blog:hover { border-left-color: var(--bordo) !important; }

/* Плочките: златен горен кант, бордо при hover */
.nulevski-tile { border-top-width: 3px; }
.nulevski-tile.is-1 { border-top-color: var(--green); }
.nulevski-tile.is-2 { border-top-color: var(--gold); }
.nulevski-tile.is-3 { border-top-color: var(--bordo); }
.nulevski-tile.is-4 { border-top-color: var(--green-mid); }
.nulevski-tile.is-5 { border-top-color: var(--gold-light); }
.nulevski-tile.is-6 { border-top-color: var(--green-light); }
.nulevski-tile-label { font-family: var(--font-head); font-weight: 700; }

/* Числата на началната */
.nulevski-facts li strong { color: var(--green) !important; font-family: var(--font-head); }
.nulevski-facts li { background: var(--paper); border-color: var(--line); }

/* Категорийният чип */
.nulevski-cat {
	background: var(--paper-2) !important;
	color: var(--bordo) !important;
	border: 1px solid var(--line);
}
.nulevski-cat:hover { background: var(--gold-pale) !important; color: var(--bordo-dark) !important; }

/* Логото-медальон: без бяла подложка, тя убиваше кръга */
.navbar .navbar-brand img,
.navbar-brand .hestia-transparent-logo,
.navbar-brand .hestia-hide-if-transparent {
	background: none !important;
	padding: 0 !important;
	border-radius: 50% !important;
	max-height: 56px !important;
	height: 56px !important;
}
.navbar .navbar-brand { gap: 12px; }

/* Името до логото */
.navbar .navbar-brand,
.navbar .navbar-brand:hover {
	font-family: var(--font-head) !important;
	font-weight: 700 !important;
	font-size: 17px !important;
	color: var(--paper) !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
}

/* Бутоните: правоъгълни, с кант */
.nulevski-btn-primary {
	background: var(--gold);
	color: var(--ink) !important;
	border: 1px solid var(--gold-light);
}
.nulevski-btn-primary:hover { background: var(--gold-light); }
.nulevski-btn-ghost { border-color: rgba(246, 241, 228, .55); }

/* Снимката на училището в банера — малък кадър в рамка, НЕ разтеглен фон.
   Оригиналът е 377×234 px; показва се на 340px, тоест под нативния размер. */
.nulevski-banner-photo {
	position: absolute;
	right: 6%;
	top: 50%;
	transform: translateY(-50%);
	width: 340px;
	padding: 9px;
	background: var(--paper);
	border: 1px solid var(--gold);
	box-shadow: 0 10px 34px rgba(0, 0, 0, .34);
	z-index: 2;
}
.nulevski-banner-photo img {
	display: block;
	width: 100%;
	height: auto;
	border: 1px solid var(--line);
}
.nulevski-banner-photo figcaption {
	margin-top: 7px;
	font-size: 11.5px;
	font-weight: 700;
	letter-spacing: .05em;
	text-transform: uppercase;
	color: var(--muted);
	text-align: center;
}
@media (max-width: 1199px) { .nulevski-banner-photo { width: 280px; right: 4%; } }
@media (max-width: 991px)  { .nulevski-banner-photo { display: none; } }

/* Търсачката и стрелката „нагоре“ */
.hestia-scroll-to-top { background-color: var(--green) !important; border-radius: 3px !important; }
.hestia-scroll-to-top:hover { background-color: var(--green-dark) !important; }


/* Логото е медальон + име в едно изображение (Hestia::logo() е статичен метод
   без филтър, затова текстът не може да се добави отстрани в markup-а). */
.navbar .navbar-brand { display: flex !important; align-items: center; padding: 6px 0 !important; }
.navbar .navbar-brand img,
.navbar-brand .hestia-transparent-logo,
.navbar-brand .hestia-hide-if-transparent {
	background: none !important;
	padding: 0 !important;
	border-radius: 0 !important;
	max-height: 56px !important;
	height: 56px !important;
	width: auto !important;
}
.navbar { min-height: 76px; }

@media (max-width: 991px) {
	.navbar .navbar-brand img,
	.navbar-brand .hestia-hide-if-transparent { max-height: 44px !important; height: 44px !important; }
	.navbar { min-height: 62px; }
}