/**
* PLAN B5 — Модерен слой (спокоен, чист институционален вид)
* Минимална палитра: зелено (#006600) + бяло + неутрално сиво. Без пъстрота.
* Пише се върху реалните класове. Зарежда се последен.
*/
:root {
--pb-green: #006600;
--pb-green-d: #004d00;
--pb-green-050: #f3f8f3;
--pb-line: #e3e8ec;
--pb-ink: #1e2a33;
--pb-muted: #6a7681;
--pb-shadow-sm: 0 1px 3px rgba(0,40,0,.06);
--pb-shadow: 0 8px 22px rgba(0,40,0,.10);
--pb-shadow-lg: 0 16px 36px rgba(0,40,0,.14);
--pb-curve: 42px;
--pb-r: 12px;
--pb-t: 180ms ease;
}
/* ================= ОСНОВИ ================= */
body { font-size: 1.05rem; line-height: 1.7; color: var(--pb-ink); -webkit-font-smoothing: antialiased; }
h1, h2, h3 { letter-spacing: -.01em; }
/* Дискретна зелена черта под заглавия на секции */
#main h1.title,
#main .block > h2:first-child,
#main .block-title {
position: relative; padding-bottom: .5rem; margin-bottom: 1.4rem;
}
#main h1.title::after,
#main .block > h2:first-child::after,
#main .block-title::after {
content: ""; position: absolute; left: 0; bottom: 0;
width: 56px; height: 3px; background: var(--pb-green); border-radius: 2px;
}
.section { padding-top: 2.25rem; padding-bottom: 2.25rem; }
/* ================= ХЕДЪР / НАВИГАЦИЯ ================= */
#header { box-shadow: 0 2px 10px rgba(0,0,0,.05); }
.bg-primary { background-color: var(--pb-green) !important; }
.horizontal-menu > ul.navbar-nav > .nav-item > a,
.navbar-nav > .nav-item > a.nav-link,
.tb-megamenu .nav-item > a {
font-weight: 600; border-bottom: 3px solid transparent;
transition: background var(--pb-t), border-color var(--pb-t);
}
.horizontal-menu > ul.navbar-nav > .nav-item > a:hover,
.navbar-nav > .nav-item.active > a.nav-link,
.navbar-nav > .nav-item > a.nav-link:hover,
.tb-megamenu .nav-item > a:hover,
.tb-megamenu .nav-item.active > a {
background: rgba(255,255,255,.14) !important;
border-bottom-color: #fff !important;
}
.dropdown-menu,
.tb-megamenu .dropdown-menu,
.tb-megamenu .mega-dropdown-menu {
background-color: #fff !important;
border: 1px solid var(--pb-line) !important;
border-top: 3px solid var(--pb-green) !important;
border-radius: 0 0 10px 10px !important;
border-top-left-radius: var(--pb-curve) !important;
box-shadow: var(--pb-shadow-lg) !important;
}
/* ================= ГОРНИ БАНЕРИ (featured-top) — изчистени ================= */
.featured-top { padding-top: 1.5rem; padding-bottom: .5rem; }
.featured-top img { display: block; width: 100%; height: auto; border-radius: var(--pb-r); }
.featured-top .field__item,
.featured-top .block { border-radius: var(--pb-r); overflow: hidden; }
/* ================= НОВИНИ (view-frontpage) — карти ================= */
#views-bootstrap-frontpage-page-1 > [class*="col"],
.view-frontpage .view-content > [class*="col"] {
background: #fff !important;
border: 1px solid var(--pb-line) !important;
border-radius: var(--pb-r) !important;
border-top-left-radius: var(--pb-curve) !important;
overflow: hidden;
box-shadow: var(--pb-shadow) !important;
transition: transform var(--pb-t), box-shadow var(--pb-t);
margin-bottom: 1.5rem; padding: 0 !important;
}
.view-frontpage .view-content > [class*="col"]:hover {
transform: translateY(-4px); box-shadow: var(--pb-shadow-lg) !important;
}
.view-frontpage .views-field-field-image img,
#views-bootstrap-frontpage-page-1 .views-field-field-image img {
width: 100% !important; aspect-ratio: 16/10; object-fit: cover; display: block;
}
.view-frontpage .views-field-field-date- {
padding: .8rem 1rem 0 !important; color: var(--pb-muted) !important;
font-size: .85rem !important; font-weight: 700;
}
.view-frontpage .views-field-title { padding: .3rem 1rem 1.1rem !important; }
.view-frontpage .views-field-title a,
.view-frontpage .field-content a {
color: var(--pb-green) !important; font-weight: 700; text-decoration: none; line-height: 1.35;
}
.view-frontpage .views-field-title a:hover { text-decoration: underline; }
/* ================= ДЯСНА ЗЕЛЕНА ЛЕНТА — уеднаквена, без стрелки ================= */
.banners-text-vertical {
border-radius: var(--pb-curve) 0 var(--pb-curve) 0; overflow: hidden;
box-shadow: var(--pb-shadow); border: 1px solid rgba(0,0,0,.04);
}
/* По-светла версия — бели плочки със зелен ляв бордер, вместо плътно зелено. */
.banners-text-vertical a {
display: block; position: relative;
padding: 1.05rem 1.35rem;
background: #fff !important;
border-left: 4px solid var(--pb-green) !important;
color: var(--pb-green) !important; font-weight: 700; letter-spacing: .01em;
text-decoration: none; line-height: 1.25;
transition: background var(--pb-t);
}
.banners-text-vertical .w-100 + .w-100 a { border-top: 1px solid var(--pb-line); }
.banners-text-vertical a:hover { background: var(--pb-green-050) !important; }
.banners-text-vertical a.tl-border { border-top-left-radius: var(--pb-curve); }
.banners-text-vertical a.br-border { border-bottom-right-radius: var(--pb-curve); }
/* ================= РЕГИСТРИ-БАНЕРИ ================= */
.register-banner {
position: relative; border-radius: var(--pb-r);
border-top-left-radius: var(--pb-curve); overflow: hidden;
box-shadow: var(--pb-shadow); transition: transform var(--pb-t), box-shadow var(--pb-t);
}
.register-banner:hover { transform: translateY(-4px); box-shadow: var(--pb-shadow-lg); }
.register-banner a { display: block; text-decoration: none; }
.register-banner img { display: block; width: 100%; height: 230px; object-fit: cover; transition: transform 260ms ease; }
.register-banner:hover img { transform: scale(1.05); }
.register-banner-text {
position: absolute; top: 0; left: 0; right: 0; z-index: 2;
padding: .85rem 1rem 1.6rem;
background: linear-gradient(to bottom, rgba(0,45,0,.92), rgba(0,45,0,.5) 62%, rgba(0,45,0,0));
color: #fff; font-weight: 700; font-size: .95rem; line-height: 1.25;
}
/* ================= БЪРЗИ ВРЪЗКИ — чисти бели карти, без пъстри ленти ================= */
.ql-banner { margin-bottom: 1.15rem; }
.ql-banner > a { display: block; height: 100%; text-decoration: none; }
.ql-banner-short, .ql-banner-tall {
background: #fff; border: 1px solid var(--pb-line);
border-left: 3px solid var(--pb-green);
border-radius: var(--pb-r); border-top-left-radius: 26px;
box-shadow: var(--pb-shadow-sm); padding: 1.05rem 1.2rem; height: 100%;
transition: transform var(--pb-t), box-shadow var(--pb-t);
}
.ql-banner:hover .ql-banner-short,
.ql-banner:hover .ql-banner-tall { transform: translateY(-3px); box-shadow: var(--pb-shadow); }
.ql-banner-short {
display: flex; align-items: center; min-height: 64px;
font-weight: 700; text-transform: uppercase; letter-spacing: .01em; color: var(--pb-green);
}
.ql-banner-tall { color: #33414d; line-height: 1.55; }
.ql-banner-tall strong { color: var(--pb-green); }
.ql-banner-tall a { color: var(--pb-green); }
/* неутрализирай старите пъстри долни ленти */
.ql-banner .bottom_color1,
.ql-banner .bottom_color2 { border-bottom: 0 !important; }
/* ================= БУТОНИ ================= */
.btn, .btn-primary, a.button, input[type="submit"] {
border-radius: 10px !important; font-weight: 600;
transition: transform var(--pb-t), box-shadow var(--pb-t), background var(--pb-t) !important;
}
.btn-primary, a.button { box-shadow: var(--pb-shadow-sm); padding: .55em 1.3em; }
.btn-primary:hover, a.button:hover { transform: translateY(-1px); box-shadow: var(--pb-shadow); }
/* ================= ФУТЪР ================= */
.site-footer { padding-top: 2.25rem; }
.footermap-item--depth-1 > a { font-weight: 700; text-transform: uppercase; letter-spacing: .02em; }
/* ================= ТАБЛИЦИ ================= */
.content table:not(.mega-dropdown-menu) thead th { background: var(--pb-green); color: #fff; }
.content table:not(.mega-dropdown-menu) tbody tr:nth-child(even) { background: var(--pb-green-050); }
/* ================= ФРОНТ: „Новини и акценти" на пълна ширина ================= */
body.path-frontpage #main-wrapper {
background: var(--pb-green-050);
padding-top: 2.5rem; padding-bottom: 2.75rem;
border-top: 1px solid #e7f0e7; border-bottom: 1px solid #e7f0e7;
}
body.path-frontpage #main h1.title { font-size: 2rem; }
/* ================= ФИНИ ЕФЕКТИ (само CSS) ================= */
@keyframes pbUp { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: no-preference) {
.view-frontpage .view-content > [class*="col"] { animation: pbUp .55s ease both; }
.view-frontpage .view-content > [class*="col"]:nth-child(2) { animation-delay: .08s; }
.view-frontpage .view-content > [class*="col"]:nth-child(3) { animation-delay: .16s; }
.featured-bottom-1 .register-banner { animation: pbUp .55s ease both; }
.ql-banner .ql-banner-short, .ql-banner .ql-banner-tall { animation: pbUp .5s ease both; }
}
/* ================= card-columns / достъпност ================= */
.pb-card-columns { column-gap: 1.5rem; column-count: 1; }
@media (min-width: 576px) { .pb-card-columns { column-count: 2; } }
@media (min-width: 992px) { .pb-card-columns { column-count: 3; } }
.pb-card-columns > * { break-inside: avoid; margin-bottom: 1.5rem; display: inline-block; width: 100%; }
a:focus-visible, button:focus-visible, input:focus-visible, [tabindex]:focus-visible {
outline: 2px solid var(--pb-green); outline-offset: 2px;
}
@media (prefers-reduced-motion: reduce) { * { transition-duration: .001ms !important; } }
/* ================= ФРОНТ: ТОП новина (голяма) + 4 останали ================= */
.view-frontpage .view-content { display: flex !important; flex-wrap: wrap; }
.view-frontpage .view-content > [class*="col"]:first-child {
flex: 0 0 100%; max-width: 100%; position: relative; margin-bottom: 1.75rem;
}
.view-frontpage .view-content > [class*="col"]:first-child .views-field-field-image img {
aspect-ratio: auto; height: 400px;
}
.view-frontpage .view-content > [class*="col"]:first-child .views-field-field-date- {
position: absolute; top: 1rem; left: 1rem; z-index: 3; margin: 0;
padding: .35rem .8rem !important; background: rgba(0,45,0,.72); color: #fff !important;
border-radius: 8px; font-size: .8rem !important;
}
.view-frontpage .view-content > [class*="col"]:first-child .views-field-title {
position: absolute; left: 0; right: 0; bottom: 0; z-index: 3; margin: 0;
padding: 3rem 1.6rem 1.4rem !important;
background: linear-gradient(to top, rgba(0,40,0,.9), rgba(0,40,0,.5) 55%, transparent);
}
.view-frontpage .view-content > [class*="col"]:first-child .views-field-title a {
color: #fff !important; font-size: 1.6rem; line-height: 1.25; text-decoration: none;
}
/* останалите новини по 4 в ред (десктоп) / 2 (таблет) / 1 (телефон) */
@media (min-width: 992px) {
.view-frontpage .view-content > [class*="col"]:not(:first-child) { flex: 0 0 25%; max-width: 25%; }
}
@media (min-width: 576px) and (max-width: 991.98px) {
.view-frontpage .view-content > [class*="col"]:not(:first-child) { flex: 0 0 50%; max-width: 50%; }
}
/* ================= ВЪТРЕШНИ СТРАНИЦИ: пълна ширина + хоризонтално подменю ================= */
/* важи само за страници с ляво меню (front е sidebar-second, не се засяга) */
body.layout-sidebar-first .row-offcanvas { display: flex; flex-direction: column; }
body.layout-sidebar-first #sidebar_first,
body.layout-sidebar-first .main-content.col { flex: 0 0 100%; max-width: 100%; width: 100%; }
body.layout-sidebar-first #sidebar_first { order: -1; }
/* Подменюто (ЗА НАС, МИНИСТЪР...) като хоризонтални таб-връзки */
body.layout-sidebar-first #block-planb5-mainmenubg-2 {
background: transparent !important; padding: 0 !important; margin-bottom: 1.5rem;
border-bottom: 2px solid var(--pb-line); box-shadow: none !important; border-radius: 0 !important;
}
body.layout-sidebar-first #block-planb5-mainmenubg-2 ul.nav.navbar-nav {
flex-direction: row !important; flex-wrap: wrap; gap: .25rem; padding: 0;
}
body.layout-sidebar-first #block-planb5-mainmenubg-2 .nav-item { width: auto; }
body.layout-sidebar-first #block-planb5-mainmenubg-2 .nav-item > a {
display: block; padding: .6rem 1rem; margin-bottom: -2px;
color: var(--pb-green) !important; font-weight: 600; text-transform: none;
background: transparent !important; border: 0 !important;
border-bottom: 3px solid transparent !important; border-radius: 8px 8px 0 0;
text-decoration: none; transition: background var(--pb-t), border-color var(--pb-t);
}
body.layout-sidebar-first #block-planb5-mainmenubg-2 .nav-item > a:hover {
background: var(--pb-green-050) !important;
}
body.layout-sidebar-first #block-planb5-mainmenubg-2 .nav-item.active > a,
body.layout-sidebar-first #block-planb5-mainmenubg-2 .nav-item > a.is-active {
border-bottom-color: var(--pb-green) !important; background: var(--pb-green-050) !important;
}
/* Съдържанието — по-широко и четимо */
body.layout-sidebar-first .main-content.col .section { padding-top: .5rem; }
body.layout-sidebar-first main#content { max-width: 900px; }
/* ================= КОНТАКТЕН БЛОК (write-to-us) — чиста карта, без червено ================= */
.write-to-us {
background: #fff; border: 1px solid var(--pb-line);
border-radius: var(--pb-r); border-top-left-radius: 26px;
box-shadow: var(--pb-shadow-sm); padding: 1.15rem 1.3rem;
}
.write-to-us h2 { margin-top: 0; }
.write-to-us .text-white,
.write-to-us [style*="background"] {
background: var(--pb-green) !important; color: #fff !important;
padding: .2rem .55rem; border-radius: 6px; display: inline-block;
}
.write-to-us a { color: #fff; }
/* когато е в лявата лента (докато не е преместен) — да не стърчи широко */
body.layout-sidebar-first #sidebar_first .write-to-us { max-width: 520px; margin-top: .5rem; }
/* ============ ВЪТРЕШНИ: fix на подменюто + ПЪЛНА ширина на съдържанието ============ */
/* 1) махни празнината над подменюто (highlighted държи само placeholder за съобщения) */
.highlighted > .section { padding-top: 0 !important; padding-bottom: 0 !important; }
.messages { margin: 1rem 0; }
body.layout-sidebar-first #main-wrapper { padding-top: 0 !important; }
body.layout-sidebar-first #sidebar_first,
body.layout-sidebar-first #sidebar_first > aside.section {
padding-top: .6rem !important; padding-bottom: 0 !important; margin-top: 0 !important;
}
body.layout-sidebar-first #block-planb5-mainmenubg-2 { margin-top: 0 !important; margin-bottom: 1.25rem !important; }
/* 2) съдържанието — ПЪЛНА ширина (маха 900px ограничението) */
body.layout-sidebar-first main#content,
body.layout-sidebar-first .main-content.col,
body.layout-sidebar-first .main-content.col > .section {
max-width: none !important; width: 100% !important;
}
body.layout-sidebar-first .main-content.col > .section { padding-top: 1rem !important; }
/* ================= ФРОНТ: премахване на шарения / банери / слайдер ================= */
/* Горни банери (България бюлетин + #Преоткрий) */
body.path-frontpage .region-featured-top,
body.path-frontpage .featured-top { display: none !important; }
/* Пъстри инфо-банери (Украйна / морска вода / COVID) */
.link-block-green, .link-block-blue, .link-block-red { display: none !important; }
.row:has(> [class*="col"] > .link-block-green),
.row:has(> [class*="col"] > .link-block-blue),
.row:has(> [class*="col"] > .link-block-red) { display: none !important; }
/* COVID ваксинационен банер (plusmen) сред регистрите — маха цялата колона */
[class*="col"]:has(> .register-banner a[href*="plusmen"]) { display: none !important; }
/* Долен слайдер със снимки */
body.path-frontpage .view-id-slider,
body.path-frontpage [id*="slider-front-bottom"],
body.path-frontpage .views-view--slider-front-bottom { display: none !important; }
/* ================= МЕНЮ + ПОДМЕНЮ — чисти състояния (надписва стария theme.css) ================= */
/* --- ГЛАВНО МЕНЮ: равномерно, без застъпване, без стари кутии --- */
.horizontal-menu ul.navbar-nav {
display: flex !important; flex-direction: row !important; flex-wrap: wrap;
width: 100%; justify-content: center; align-items: stretch;
}
.horizontal-menu > ul.navbar-nav > .nav-item {
max-width: none !important; text-align: center;
border-radius: 0 !important; background: transparent !important;
display: flex; align-items: stretch;
}
.horizontal-menu .navbar-nav > li { border-radius: 0 !important; }
.horizontal-menu .navbar-nav > li:hover,
.horizontal-menu ul.nav li.nav-item.active { background: transparent !important; }
.horizontal-menu > ul.navbar-nav > .nav-item > a {
display: flex; align-items: center; justify-content: center; width: 100%;
padding: 1rem 1.05rem !important;
color: #fff !important; font-weight: 600; text-transform: uppercase;
font-size: .82rem; line-height: 1.15;
border-radius: 0 !important; border-bottom: 3px solid transparent !important;
transition: background .16s ease, border-color .16s ease;
}
/* hover = ТЪМНО зелено, пълна височина */
.horizontal-menu > ul.navbar-nav > .nav-item > a:hover,
.horizontal-menu > ul.navbar-nav > .nav-item:hover > a {
background: var(--pb-green-d) !important; color: #fff !important;
}
/* активен раздел = тъмно зелено + СВЕТЛО зелена долна лента */
.horizontal-menu > ul.navbar-nav > .nav-item.active > a,
.horizontal-menu ul.nav li.nav-item.active > a {
background: var(--pb-green-d) !important; color: #fff !important;
border-bottom-color: #93d693 !important;
}
/* --- ПОДМЕНЮ (вътрешни) на бял фон: чисти табове, контрастни --- */
/* неутрализирай стария .sidebar .block-menu box/овалности */
body.layout-sidebar-first #sidebar_first .block-menu,
body.layout-sidebar-first #sidebar_first .block-menu * { border-radius: 0 !important; }
body.layout-sidebar-first #block-planb5-mainmenubg-2 ul.nav li.nav-item.active,
body.layout-sidebar-first #block-planb5-mainmenubg-2 ul.nav li.nav-item:hover,
body.layout-sidebar-first #block-planb5-mainmenubg-2 ul.nav li.nav-item.menu-item--active-trail {
background: transparent !important;
}
body.layout-sidebar-first #block-planb5-mainmenubg-2 .nav-item > a {
border-radius: 8px 8px 0 0 !important; border-bottom: 3px solid transparent !important;
padding: .6rem 1rem !important;
}
/* hover = СВЕТЛО зелено */
body.layout-sidebar-first #block-planb5-mainmenubg-2 .nav-item > a:hover {
background: var(--pb-green-050) !important; color: var(--pb-green-d) !important;
}
/* активен = ТЪМНО зелено, бял текст (контрастно „тук сте") */
body.layout-sidebar-first #block-planb5-mainmenubg-2 .nav-item.active > a,
body.layout-sidebar-first #block-planb5-mainmenubg-2 .nav-item.menu-item--active-trail > a,
body.layout-sidebar-first #block-planb5-mainmenubg-2 .nav-item > a.is-active {
background: var(--pb-green-050) !important; color: var(--pb-green-d) !important;
border-bottom-color: var(--pb-green) !important;
}
/* ============ ТОП АКЦЕНТ (обновен): голяма снимка + дата + заглавие + кратък текст ============ */
/* Акцентът заема цялата ширина, като нормална карта (стек: снимка → дата → заглавие → текст) */
.view-frontpage .view-content > [class*="col"]:first-child {
flex: 0 0 100% !important; max-width: 100% !important; position: relative; margin-bottom: 1.75rem;
}
.view-frontpage .view-content > [class*="col"]:first-child .views-field-field-image img {
height: 420px; aspect-ratio: auto;
}
/* върни дата/заглавие в нормален поток (махни overlay-а от предишната версия) */
.view-frontpage .view-content > [class*="col"]:first-child .views-field-field-date-,
.view-frontpage .view-content > [class*="col"]:first-child .views-field-title {
position: static !important; background: none !important; z-index: auto;
}
.view-frontpage .view-content > [class*="col"]:first-child .views-field-field-date- {
padding: 1rem 1.5rem 0 !important; color: var(--pb-muted) !important; font-size: .9rem !important;
}
.view-frontpage .view-content > [class*="col"]:first-child .views-field-title { padding: .3rem 1.5rem .35rem !important; }
.view-frontpage .view-content > [class*="col"]:first-child .views-field-title a {
color: var(--pb-green) !important; font-size: 1.7rem !important; line-height: 1.25;
}
/* кратък текст (поле „Body" / резюме) — само на акцента */
.view-frontpage .view-content > [class*="col"]:first-child .views-field-body,
.view-frontpage .view-content > [class*="col"]:first-child .views-field-field-body {
display: block; padding: 0 1.5rem 1.5rem !important;
color: var(--pb-ink); font-size: 1.02rem; line-height: 1.6;
}
/* 3-те малки новини: скрий текста + по 3 в ред */
.view-frontpage .view-content > [class*="col"]:not(:first-child) .views-field-body,
.view-frontpage .view-content > [class*="col"]:not(:first-child) .views-field-field-body { display: none !important; }
@media (min-width: 768px) {
.view-frontpage .view-content > [class*="col"]:not(:first-child) {
flex: 0 0 33.3333% !important; max-width: 33.3333% !important;
}
}
/* ============ ФРОНТ (КОРИГИРАНО): 1 акцент + 3 новини — правилен селектор ============ */
#views-bootstrap-frontpage-page-1 { display: flex; flex-wrap: wrap; }
/* АКЦЕНТ = първата новина, цяла ширина (снимка → дата → заглавие → кратък текст) */
#views-bootstrap-frontpage-page-1 > [class*="col"]:first-child {
flex: 0 0 100%; max-width: 100%; margin-bottom: 1.75rem;
}
#views-bootstrap-frontpage-page-1 > [class*="col"]:first-child .views-field-field-image img {
height: 420px;
}
#views-bootstrap-frontpage-page-1 > [class*="col"]:first-child .views-field-field-date- {
padding: 1rem 1.5rem 0 !important; font-size: .9rem !important;
}
#views-bootstrap-frontpage-page-1 > [class*="col"]:first-child .views-field-title {
padding: .3rem 1.5rem .35rem !important;
}
#views-bootstrap-frontpage-page-1 > [class*="col"]:first-child .views-field-title a {
font-size: 1.7rem !important; line-height: 1.25;
}
#views-bootstrap-frontpage-page-1 > [class*="col"]:first-child .views-field-body {
display: block !important; padding: 0 1.5rem 1.5rem !important;
}
#views-bootstrap-frontpage-page-1 > [class*="col"]:first-child .views-field-body h5,
#views-bootstrap-frontpage-page-1 > [class*="col"]:first-child .views-field-body p {
font-size: 1.02rem !important; font-weight: 400 !important; color: var(--pb-ink) !important;
line-height: 1.6; margin: 0;
}
/* ОСТАНАЛИТЕ 3 новини — по 3 в ред, БЕЗ кратък текст */
@media (min-width: 768px) {
#views-bootstrap-frontpage-page-1 > [class*="col"]:not(:first-child) {
flex: 0 0 33.3333%; max-width: 33.3333%;
}
}
#views-bootstrap-frontpage-page-1 > [class*="col"]:not(:first-child) .views-field-body {
display: none !important;
}
/* ============ ФРОНТ: новини на 100% + дясно меню като хоризонтални плочки с икони ============ */
/* реда става колона → зеленото меню пада под новините, всичко на пълна ширина */
body.path-frontpage .row-offcanvas { display: flex; flex-direction: column; }
body.path-frontpage .main-content.col,
body.path-frontpage #sidebar_second { flex: 0 0 100%; max-width: 100%; width: 100%; }
body.path-frontpage #sidebar_second > aside.section { padding-top: 1.5rem; }
/* зеленото меню (Инфографики, Е-услуги...) като ред плочки */
body.path-frontpage #sidebar_second .banners-text-vertical {
display: flex; flex-wrap: wrap; gap: 14px;
border: 0 !important; box-shadow: none !important; border-radius: 0 !important; overflow: visible;
}
body.path-frontpage #sidebar_second .banners-text-vertical .w-100 { flex: 1 1 180px; width: auto; }
body.path-frontpage #sidebar_second .banners-text-vertical .w-100 + .w-100 a { border-top: 0 !important; }
body.path-frontpage #sidebar_second .banners-text-vertical a {
display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .65rem;
text-align: center; padding: 1.6rem 1rem; line-height: 1.25;
border-radius: 12px; border-top-left-radius: 28px !important;
box-shadow: var(--pb-shadow-sm);
}
body.path-frontpage #sidebar_second .banners-text-vertical a:hover { transform: translateY(-3px); box-shadow: var(--pb-shadow); }
body.path-frontpage #sidebar_second .banners-text-vertical a::before {
content: ""; width: 34px; height: 34px; display: block;
background-repeat: no-repeat; background-position: center; background-size: contain;
}
body.path-frontpage #sidebar_second .banners-text-vertical a[href*="infographs"]::before { background-image: url("../images/icons/icon-infographs.svg"); }
body.path-frontpage #sidebar_second .banners-text-vertical a[href*="e-turuslugi"]::before { background-image: url("../images/icons/icon-eservices.svg"); }
body.path-frontpage #sidebar_second .banners-text-vertical a[href*="destinacii"]::before,
body.path-frontpage #sidebar_second .banners-text-vertical a[href*="node/6759"]::before { background-image: url("../images/icons/icon-destinations.svg"); }
body.path-frontpage #sidebar_second .banners-text-vertical a[href*="information-centers"]::before { background-image: url("../images/icons/icon-info-centers.svg"); }
body.path-frontpage #sidebar_second .banners-text-vertical a[href*="cat_current_tag"]::before,
body.path-frontpage #sidebar_second .banners-text-vertical a[href*="taxonomy/term/21"]::before { background-image: url("../images/icons/icon-exhibitions.svg"); }
/* ============ НОВИНИ — цялостен, чист дизайн (край на разпокъсаността) ============ */
#views-bootstrap-frontpage-page-1 { display: flex; flex-wrap: wrap; align-items: stretch; }
/* всяка карта = единен бял блок, без вътрешни сиви/бели кръпки */
#views-bootstrap-frontpage-page-1 > [class*="col"] {
background: #fff !important; overflow: hidden; display: flex; flex-direction: column;
}
#views-bootstrap-frontpage-page-1 .views-field,
#views-bootstrap-frontpage-page-1 .field-content { background: transparent !important; margin: 0; }
#views-bootstrap-frontpage-page-1 .views-field-field-image { line-height: 0; }
/* ---- АКЦЕНТ (първата) ---- */
#views-bootstrap-frontpage-page-1 > [class*="col"]:first-child { flex: 0 0 100%; max-width: 100%; margin-bottom: 1.75rem; }
#views-bootstrap-frontpage-page-1 > [class*="col"]:first-child .views-field-field-image img {
width: 100% !important; height: 340px !important; object-fit: cover; object-position: center 28%; display: block;
}
#views-bootstrap-frontpage-page-1 > [class*="col"]:first-child .views-field-field-date- {
padding: 1.15rem 1.75rem 0 !important; font-size: .9rem !important;
}
#views-bootstrap-frontpage-page-1 > [class*="col"]:first-child .views-field-title { padding: .35rem 1.75rem .5rem !important; }
#views-bootstrap-frontpage-page-1 > [class*="col"]:first-child .views-field-title a { font-size: 1.7rem !important; line-height: 1.25; }
#views-bootstrap-frontpage-page-1 > [class*="col"]:first-child .views-field-body { display: block !important; padding: 0 1.75rem 1.6rem !important; }
#views-bootstrap-frontpage-page-1 > [class*="col"]:first-child .views-field-body h5,
#views-bootstrap-frontpage-page-1 > [class*="col"]:first-child .views-field-body p {
margin: 0 !important; font-weight: 400 !important; font-size: 1.05rem !important; color: var(--pb-ink) !important; line-height: 1.6;
}
/* ---- 3-те малки: еднакви, чисти, без текст ---- */
@media (min-width: 768px) {
#views-bootstrap-frontpage-page-1 > [class*="col"]:not(:first-child) { flex: 0 0 33.3333%; max-width: 33.3333%; }
}
#views-bootstrap-frontpage-page-1 > [class*="col"]:not(:first-child) .views-field-field-image img {
width: 100% !important; height: 200px !important; object-fit: cover; display: block;
}
#views-bootstrap-frontpage-page-1 > [class*="col"]:not(:first-child) .views-field-field-date- {
padding: .8rem 1.1rem 0 !important;
}
#views-bootstrap-frontpage-page-1 > [class*="col"]:not(:first-child) .views-field-title { padding: .3rem 1.1rem 1.1rem !important; }
#views-bootstrap-frontpage-page-1 > [class*="col"]:not(:first-child) .views-field-title a {
font-size: 1.02rem !important; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden;
}
#views-bootstrap-frontpage-page-1 > [class*="col"]:not(:first-child) .views-field-body { display: none !important; }
/* ============ НОВИНИ v2 — смел модерен концепт (split hero + чисти карти) ============ */
#views-bootstrap-frontpage-page-1 { display: flex; flex-wrap: wrap; align-items: stretch; gap: 1.5rem 0; }
/* Обща карта */
#views-bootstrap-frontpage-page-1 > [class*="col"] {
background: #fff !important; overflow: hidden; display: flex; flex-direction: column;
border: 1px solid var(--pb-line) !important; box-shadow: var(--pb-shadow) !important;
border-radius: 16px !important; border-top-left-radius: 40px !important; margin-bottom: 0 !important;
}
#views-bootstrap-frontpage-page-1 .views-field,
#views-bootstrap-frontpage-page-1 .field-content { background: transparent !important; margin: 0 !important; }
/* дизайнерска дата */
#views-bootstrap-frontpage-page-1 .views-field-field-date- {
color: var(--pb-green) !important; font-weight: 700 !important;
text-transform: uppercase; letter-spacing: .08em; font-size: 1rem !important;
}
/* дизайнерски заглавия */
#views-bootstrap-frontpage-page-1 .views-field-title a {
color: var(--pb-green) !important; font-weight: 800 !important; letter-spacing: -.01em; text-decoration: none;
}
#views-bootstrap-frontpage-page-1 .views-field-title a:hover { color: var(--pb-green) !important; }
/* ---- АКЦЕНТ: split hero (снимка вляво, текст вдясно, вертикално центриран) ---- */
#views-bootstrap-frontpage-page-1 > [class*="col"]:first-child {
flex: 0 0 100%; max-width: 100%;
display: grid; grid-template-columns: 1.15fr 1fr; grid-template-rows: 1fr auto auto auto 1fr;
padding: 0 !important;
}
#views-bootstrap-frontpage-page-1 > [class*="col"]:first-child .views-field-field-image {
grid-column: 1; grid-row: 1 / -1; line-height: 0;
}
#views-bootstrap-frontpage-page-1 > [class*="col"]:first-child .views-field-field-image img {
width: 100% !important; height: 100% !important; min-height: 380px; object-fit: cover; object-position: center 25%; display: block;
}
#views-bootstrap-frontpage-page-1 > [class*="col"]:first-child .views-field-field-date- { grid-column: 2; grid-row: 2; padding: 0 2.4rem !important; }
#views-bootstrap-frontpage-page-1 > [class*="col"]:first-child .views-field-title { grid-column: 2; grid-row: 3; padding: .5rem 2.4rem !important; }
#views-bootstrap-frontpage-page-1 > [class*="col"]:first-child .views-field-title a { font-size: 1.75rem !important; line-height: 1.22; }
#views-bootstrap-frontpage-page-1 > [class*="col"]:first-child .views-field-body { grid-column: 2; grid-row: 4; padding: 0 2.4rem !important; display: block !important; }
#views-bootstrap-frontpage-page-1 > [class*="col"]:first-child .views-field-body h5,
#views-bootstrap-frontpage-page-1 > [class*="col"]:first-child .views-field-body p {
font-size: 1.05rem !important; font-weight: 400 !important; color: var(--pb-muted) !important; line-height: 1.6; margin: 0 !important;
}
/* ---- 3-те малки: изравнени карти ---- */
@media (min-width: 768px) {
#views-bootstrap-frontpage-page-1 > [class*="col"]:not(:first-child) {
flex: 0 0 calc(33.3333% - 1rem); max-width: calc(33.3333% - 1rem); margin-right: 1.5rem !important;
}
#views-bootstrap-frontpage-page-1 > [class*="col"]:last-child { margin-right: 0 !important; }
}
#views-bootstrap-frontpage-page-1 > [class*="col"]:not(:first-child) .views-field-field-image img {
width: 100% !important; height: 190px !important; object-fit: cover; display: block;
}
#views-bootstrap-frontpage-page-1 > [class*="col"]:not(:first-child) .views-field-field-date- { padding: .9rem 1.2rem 0 !important; }
#views-bootstrap-frontpage-page-1 > [class*="col"]:not(:first-child) .views-field-title { padding: .35rem 1.2rem 1.2rem !important; }
#views-bootstrap-frontpage-page-1 > [class*="col"]:not(:first-child) .views-field-title a {
font-size: 1.2rem !important; line-height: 1.35;
display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden;
}
#views-bootstrap-frontpage-page-1 > [class*="col"]:not(:first-child) .views-field-body { display: none !important; }
/* Мобилно: акцентът се разгъва вертикално */
@media (max-width: 767px) {
#views-bootstrap-frontpage-page-1 > [class*="col"]:first-child { display: flex; flex-direction: column; }
#views-bootstrap-frontpage-page-1 > [class*="col"]:first-child .views-field-field-image img { min-height: 220px; height: 240px !important; }
#views-bootstrap-frontpage-page-1 > [class*="col"]:first-child .views-field-field-date- { padding: 1rem 1.4rem 0 !important; }
#views-bootstrap-frontpage-page-1 > [class*="col"]:first-child .views-field-title { padding: .4rem 1.4rem !important; }
#views-bootstrap-frontpage-page-1 > [class*="col"]:first-child .views-field-body { padding: .3rem 1.4rem 1.4rem !important; }
}
/* ================= ГОРНА СЛУЖЕБНА ЛЕНТА — сива + чисти икони ================= */
.bg-secondary { background-color: #4a4a4a !important; }
.region-top-header, .menu--menu-top-menu { font-size: .85rem; }
.navbar.bg-secondary a, .region-top-header a { color: rgba(255,255,255,.88) !important; }
.navbar.bg-secondary a:hover, .region-top-header a:hover { color: #fff !important; }
.menu--menu-top-menu ul.nav .nav-item > a {
display: inline-flex; align-items: center; gap: .4rem; padding: .5rem .35rem !important;
}
.menu--menu-top-menu a::before { content: ""; width: 16px; height: 16px; display: inline-block;
background-repeat: no-repeat; background-position: center; background-size: contain; }
.menu--menu-top-menu a[data-drupal-link-system-path="user"]::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27white%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%273%27%20y%3D%273%27%20width%3D%277%27%20height%3D%277%27%20rx%3D%271%27/%3E%3Crect%20x%3D%2714%27%20y%3D%273%27%20width%3D%277%27%20height%3D%277%27%20rx%3D%271%27/%3E%3Crect%20x%3D%2714%27%20y%3D%2714%27%20width%3D%277%27%20height%3D%277%27%20rx%3D%271%27/%3E%3Crect%20x%3D%273%27%20y%3D%2714%27%20width%3D%277%27%20height%3D%277%27%20rx%3D%271%27/%3E%3C/svg%3E"); }
.menu--menu-top-menu a[data-drupal-link-system-path="user/logout"]::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27white%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M15%2012H4M9%207l-5%205%205%205%27/%3E%3Cpath%20d%3D%27M13%204h6v16h-6%27/%3E%3C/svg%3E"); }
.menu--menu-top-menu a[data-drupal-link-system-path="search"]::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27white%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2711%27%20cy%3D%2711%27%20r%3D%277%27/%3E%3Cpath%20d%3D%27M21%2021l-4-4%27/%3E%3C/svg%3E"); }
.menu--menu-top-menu a[data-drupal-link-system-path="contact"]::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27white%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%273%27%20y%3D%275%27%20width%3D%2718%27%20height%3D%2714%27%20rx%3D%272%27/%3E%3Cpath%20d%3D%27M3%207l9%206%209-6%27/%3E%3C/svg%3E"); }
/* (11.11.2026) Старото правило за #webmail/#keylink::before беше премахнато — вече не
крием PNG-та, защото блок 9 съдържа директно чисти inline SVG икони (плик + катинар),
а старото ::before добавяше ДОПЪЛНИТЕЛНА глобус/човече икона отпред, която правеше
webmail иконата да изглежда като "залепена" с нещо друго. */
/* ================= ЗАГЛАВИЯ НА РУБРИКИ — по-атрактивни ================= */
#main h1.title,
#main .block > h2:first-child,
#main .block-title {
font-size: 1.7rem !important; font-weight: 800 !important; text-transform: uppercase;
letter-spacing: .02em; padding-left: 1rem !important; padding-bottom: 0 !important; margin-bottom: 1.6rem !important;
}
#main h1.title::after,
#main .block > h2:first-child::after,
#main .block-title::after {
content: ""; position: absolute; left: 0; top: 0; bottom: 0;
width: 6px; height: auto; background: var(--pb-green); border-radius: 3px;
}
/* ================= ПЕТТЕ ПЛОЧКИ — еднакви и подравнени ================= */
body.path-frontpage #sidebar_second .banners-text-vertical { align-items: stretch; }
body.path-frontpage #sidebar_second .banners-text-vertical .w-100 { flex: 1 1 0 !important; min-width: 150px; display: flex; }
body.path-frontpage #sidebar_second .banners-text-vertical a {
width: 100%; min-height: 118px; justify-content: center; font-size: .92rem;
}
/* ================= АКЦЕНТ (топло злато) ================= */
:root { --pb-accent: #C49A3A; --pb-accent-d: #a67f28; }
/* дата на новините = злато (дискретен акцент) */
#views-bootstrap-frontpage-page-1 .views-field-field-date- { color: var(--pb-accent) !important; }
/* активен раздел в главното меню = златна долна лента */
.horizontal-menu > ul.navbar-nav > .nav-item.active > a,
.horizontal-menu ul.nav li.nav-item.active > a { border-bottom-color: var(--pb-accent) !important; }
/* ================= РЕГИСТРИ — чисти карти с икони на широка подложка ================= */
.featured-bottom-1 { background: #f3f6f4; }
.featured-bottom-1 > aside { padding-top: 2.6rem !important; padding-bottom: 2.6rem !important; }
.register-banner {
background: #fff !important; border: 1px solid var(--pb-line) !important;
border-radius: 16px !important; border-top-left-radius: 34px !important;
box-shadow: var(--pb-shadow-sm) !important; overflow: visible;
min-height: 190px; display: flex;
}
.register-banner:hover { transform: translateY(-4px); box-shadow: var(--pb-shadow) !important; }
.register-banner img { display: none !important; } /* махаме старите снимки-банери */
.register-banner a {
display: flex !important; flex-direction: column; align-items: center; justify-content: center;
gap: 1rem; width: 100%; padding: 1.6rem 1.2rem; text-align: center;
}
.register-banner a::before {
content: ""; width: 66px; height: 66px; border-radius: 50%;
background-color: var(--pb-green-050); background-repeat: no-repeat; background-position: center;
background-size: 34px 34px;
}
#register1::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%2523006600%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cellipse%20cx%3D%2712%27%20cy%3D%276%27%20rx%3D%278%27%20ry%3D%273%27/%3E%3Cpath%20d%3D%27M4%206v12c0%201.7%203.6%203%208%203s8-1.3%208-3V6M4%2012c0%201.7%203.6%203%208%203s8-1.3%208-3%27/%3E%3C/svg%3E"); }
#register2::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%2523006600%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M3%2021h18M5%2021V10l7-5%207%205v11M9%2021v-6h6v6%27/%3E%3C/svg%3E"); }
#portal1::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%2523006600%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M12%203a7%207%200%200%200-7%207c0%202%201%203%201%205h12c0-2%201-3%201-5a7%207%200%200%200-7-7zM9%2020h6%27/%3E%3C/svg%3E"); }
.register-banner-text {
position: static !important; background: none !important; padding: 0 !important;
color: var(--pb-green) !important; font-weight: 800 !important; font-size: 1rem !important;
text-transform: none; line-height: 1.3;
}
/* ================= БЪРЗИ ВРЪЗКИ v2 — по дизайн системата + подравнени ================= */
.ql-banner { display: flex; margin-bottom: 1.5rem; }
.ql-banner > a { display: flex; width: 100%; }
/* --- ВРЪЗКИ (short): плочки с икона --- */
.ql-banner-short {
flex-direction: column !important; gap: .8rem; align-items: center !important; justify-content: center;
text-align: center; width: 100%; min-height: 150px;
background: #fff !important; border: 1px solid var(--pb-line) !important;
border-radius: 14px !important; border-top-left-radius: 30px !important;
box-shadow: var(--pb-shadow-sm) !important; color: var(--pb-green) !important; padding: 1.4rem 1rem !important;
}
.ql-banner:hover .ql-banner-short { transform: translateY(-3px); box-shadow: var(--pb-shadow); }
/* Премахнат кръгъл "призрак"-бадж с икона (често не се зареждаше визуално) —
вместо това плочките получават златен горен бордер, като tall картите. */
.ql-banner-short::before { content: none; }
.ql-banner-short { border-top: 4px solid var(--pb-accent) !important; font-weight: 700 !important; text-transform: uppercase; letter-spacing: .01em; }
.ql-banner a[href*="term/50"] .ql-banner-short::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%2523006600%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M12%203l8%203v5c0%205-3.5%208-8%2010-4.5-2-8-5-8-10V6z%27/%3E%3Cpath%20d%3D%27M9%2012l2%202%204-4%27/%3E%3C/svg%3E"); }
.ql-banner a[href*="koncesii"] .ql-banner-short::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%2523006600%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M4%2020c2-4%206-6%208-6s6%202%208%206M12%2014V6M12%206a5%205%200%200%200-5%203h10a5%205%200%200%200-5-3z%27/%3E%3C/svg%3E"); }
.ql-banner a[href*="profilnakupuvacha"] .ql-banner-short::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%2523006600%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%273%27%20y%3D%277%27%20width%3D%2718%27%20height%3D%2713%27%20rx%3D%272%27/%3E%3Cpath%20d%3D%27M9%207V5a2%202%200%200%201%202-2h2a2%202%200%200%201%202%202v2M3%2013h18%27/%3E%3C/svg%3E"); }
/* --- КОНТАКТИ/СИГНАЛИ (tall): чисти инфо-карти --- */
.ql-banner-tall {
width: 100%; background: #fff !important; border: 1px solid var(--pb-line) !important;
border-top: 4px solid var(--pb-accent) !important;
border-radius: 14px !important; box-shadow: var(--pb-shadow-sm) !important;
padding: 1.3rem 1.4rem !important; color: #33414d; line-height: 1.6;
}
.ql-banner:hover .ql-banner-tall { transform: translateY(-3px); box-shadow: var(--pb-shadow); }
.ql-banner-tall strong { color: var(--pb-green) !important; font-size: 1.05em; }
/* --- Групови заглавия вътре в "Бързи връзки" (Важна информация / Сигнали / Допълнителна информация) --- */
.pb-ql-group-title{
font-size: .95rem; font-weight: 800; text-transform: uppercase; letter-spacing: .05em;
color: var(--pb-accent-d); margin: 1.7rem 0 .9rem; padding-left: 12px;
}
.pb-ql-group-title:first-child{ margin-top: 0; }
/* --- Широк банер (цяла редица) за единична важна връзка --- */
.ql-banner-wide-inner{
display: flex !important; align-items: center; gap: 1rem; width: 100%;
background: #fff !important; border: 1px solid var(--pb-line) !important;
border-left: 5px solid var(--pb-accent) !important;
border-radius: 14px !important; box-shadow: var(--pb-shadow-sm) !important;
padding: 1.1rem 1.4rem !important; color: var(--pb-green) !important;
font-weight: 700 !important; text-transform: uppercase; letter-spacing: .01em;
}
.ql-banner:hover .ql-banner-wide-inner{ transform: translateY(-3px); box-shadow: var(--pb-shadow); }
.ql-banner-wide-inner::before{
content: ""; flex: 0 0 auto; width: 46px; height: 46px; border-radius: 50%;
background-color: var(--pb-accent); background-repeat: no-repeat; background-position: center; background-size: 26px 26px;
background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='white'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Ccircle%20cx='12'%20cy='12'%20r='10'/%3E%3Cpath%20d='M12%2016v-4'/%3E%3Ccircle%20cx='12'%20cy='8'%20r='.6'%20fill='white'/%3E%3C/svg%3E");
}
/* "Култура на фокус" — реална снимка от последния брой, в кръгла рамка като значката на ЗА ОБЩЕСТВЕНО ОБСЪЖДАНЕ */
a[href*="taxonomy/term/274"] .ql-banner-wide-inner{ gap: 1.5rem; padding: 1.2rem 1.6rem !important; }
a[href*="taxonomy/term/274"] .ql-banner-wide-inner::before{
width: 112px; height: 112px; border-radius: 50%;
background-color: var(--pb-accent);
background-image: url("/sites/default/files/styles/fixed_280x396/public/202509-10-cf.jpg");
background-size: cover; background-position: center top;
box-shadow: 0 0 0 4px #fff, 0 0 0 7px var(--pb-accent);
}
/* ================= ПРЕХОДНА ЛИНИЯ (#2f8f2f) — между бяло и тъмно зелено ================= */
:root { --pb-green-line: #2f8f2f; }
/* Главна навигация: тънка светло-зелена лента между белия хедър и тъмнозеленото меню */
.d-flex.bg-primary {
border-top: 3px solid var(--pb-green-line) !important;
border-bottom: 3px solid var(--pb-green-line) !important;
}
/* Падащи менюта: горният зелен ръб → преходното зелено */
.dropdown-menu,
.tb-megamenu .dropdown-menu,
.tb-megamenu .mega-dropdown-menu {
border-top-color: var(--pb-green-line) !important;
}
/* Зелени плочки на фронта: фина преходна линия към светлия фон */
body.path-frontpage #sidebar_second .banners-text-vertical a {
border-bottom: 3px solid var(--pb-green-line);
}
/* Зелена контактна карта във футъра: преходна линия към тъмния фон */
.footer-contacts-block { border-bottom: 3px solid var(--pb-green-line); }
/* ================= ФУТЪР — тъмнозелено + фина текстура (край на черното) ============ */
.site-footer.bg-dark,
.featured-bottom-4.bg-dark {
background-color: #06381c !important;
background-image:
linear-gradient(180deg, rgba(47,143,47,.14), rgba(47,143,47,0) 140px),
url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2748%27%20height%3D%2748%27%3E%3Cpath%20d%3D%27M0%2048L48%200M-12%2012L12%20-12M36%2060L60%2036%27%20stroke%3D%27rgba%28255%2C255%2C255%2C0.035%29%27%20stroke-width%3D%271%27/%3E%3C/svg%3E") !important;
border-top: 3px solid var(--pb-green-line) !important;
}
.site-footer.bg-dark a:hover,
.featured-bottom-4.bg-dark a:hover { color: #9fe0a2 !important; }
.footermap-item--depth-1 > a { color: #fff !important; }
.footermap-item--depth-2 a { color: rgba(255,255,255,.82) !important; }
/* Футър — подредба на разделите: 10 менюта по 3 в ред (col-lg-4) оставяха
последното ("Достъп до информация") самотно на нов ред (3-3-3-1).
Вместо това искаме последния ред да е 3 равни колони, като последните две
кратки менюта (ЕСТИ и Достъп до информация) да се наредят едно под друго
в третата колона. Flexbox не може да "скатае" два съседни елемента в една
колона без допълнителна обвивка в HTML, затова за tier lg+ превключваме
контейнера на CSS Grid с 3 равни колони; подредбата на първите 9 елемента
остава същата (3-3-3), а последният елемент изрично се поставя в 3-та
колона, където автоматично пада на реда точно под ЕСТИ. */
@media (min-width: 992px){
.footermap-header{
display: grid !important;
grid-template-columns: repeat(3, 1fr);
}
.footermap-header > li.footermap-item--depth-1{
flex: none !important; width: auto !important; max-width: none !important;
}
.footermap-header > li.footermap-item--depth-1:last-child{
grid-column: 3;
}
}
/* ===== Съдържание на статии/документи — защити срещу "сурово" поставени снимки
(напр. base64 картинки, залепени от Word/Google Docs), които нямат managed
стил и презадават реда (виждано на по-стари страници, напр. ОПИК 2014-2020).
Плюс стил на полетата "Свързани документи"/прикачени файлове — досега бяха
без никакъв стил, етикетът се сливаше с линка в стена от текст. ===== */
article.node .field--name-body img,
article.node .node__content img {
max-width: 100% !important; border-radius: 8px;
margin: .6rem 0; box-shadow: var(--pb-shadow-sm);
}
/* height:auto само когато няма изрично зададена височина инлайн (напр. логото в
хедъра има style="height:100px" и не трябва да се пипа) */
article.node .field--name-body img:not([style*="height"]),
article.node .node__content img:not([style*="height"]) {
height: auto !important;
}
/* Leaflet maps: undo article image decoration without disturbing marker anchors. */
article.node .leaflet-container img {
max-width: none !important;
max-height: none !important;
border-radius: 0 !important;
box-shadow: none !important;
}
/* Reset image margins only for non-marker Leaflet images.
Marker icons/shadows require Leaflet's inline negative anchor margins. */
article.node .leaflet-container img:not(.leaflet-marker-icon):not(.leaflet-marker-shadow) {
margin: 0 !important;
}
.field__label {
display: block; font-weight: 800; text-transform: uppercase; font-size: .78rem;
letter-spacing: .04em; color: var(--pb-green-d); margin: 1.4rem 0 .5rem;
padding-bottom: .3rem; border-bottom: 2px solid var(--pb-accent);
}
.field__items { margin: 0; padding: 0; }
.field__items .field__item { list-style: none; margin: 0 0 .4rem; }
.field__items .field__item a { font-weight: 600; }
/* зелената контактна карта във футъра — по-мека, с преходна линия и извивка */
.site-footer .footer-contacts-block,
.featured-bottom-4 .footer-contacts-block {
background: #0a5028 !important; border: 1px solid rgba(255,255,255,.12) !important;
border-top: 3px solid var(--pb-green-line) !important;
border-radius: 16px !important; border-top-left-radius: 30px !important;
}
/* контактната форма (write-to-us), когато е в тъмния футър — чист стъклен панел */
.site-footer .write-to-us,
.featured-bottom-4 .write-to-us,
.bg-dark .write-to-us {
background: rgba(255,255,255,.06) !important; border: 1px solid rgba(255,255,255,.15) !important;
border-top: 3px solid var(--pb-green-line) !important;
border-radius: 16px !important; border-top-left-radius: 30px !important; color: #fff;
}
.site-footer .write-to-us h2,
.site-footer .write-to-us strong,
.bg-dark .write-to-us h2,
.bg-dark .write-to-us strong { color: #fff !important; }
.site-footer .write-to-us a,
.bg-dark .write-to-us a { color: #bfe6bf !important; }
.bg-dark .write-to-us input,
.bg-dark .write-to-us textarea {
background: rgba(255,255,255,.10) !important; border: 1px solid rgba(255,255,255,.22) !important;
color: #fff !important; border-radius: 10px !important;
}
.bg-dark .write-to-us input::placeholder,
.bg-dark .write-to-us textarea::placeholder { color: rgba(255,255,255,.6) !important; }
/* ================= FIX: бяла ивичка при заоблянията (клип на вътрешния ъгъл) ============ */
/* причината: рамка 1px + border-radius + квадратен ъгъл на снимката → хеърлайн.
решение: вътрешната снимка получава същия радиус + background-clip. */
#views-bootstrap-frontpage-page-1 > [class*="col"] { background-clip: padding-box; }
#views-bootstrap-frontpage-page-1 > [class*="col"]:first-child .views-field-field-image img { border-top-left-radius: 39px; }
#views-bootstrap-frontpage-page-1 > [class*="col"]:not(:first-child) .views-field-field-image img { border-top-left-radius: 39px; }
.register-banner { background-clip: padding-box; }
.ql-banner-short, .ql-banner-tall { background-clip: padding-box; }
/* ================= ГОРНА ЛЕНТА — само вертикално центриране (без промяна на реда) ====== */
.region-top-header { align-items: center !important; }
#block-planb5-imeylivkhod { display: inline-flex !important; align-items: center; }
#block-planb5-imeylivkhod .field__item { display: inline-flex; align-items: center; }
/* ================= ГОРНА ЛЕНТА — вертикално изравняване (езиците бяха по-нагоре) ======= */
.region-top-header > *,
.region-top-header .block,
.region-top-header nav,
.region-top-header .block-language,
.region-top-header .block-language ul,
.region-top-header .block-language li,
.region-top-header .block-language a,
.region-top-header .menu--menu-top-menu ul li,
.region-top-header .menu--menu-top-menu ul li a { vertical-align: middle !important; }
.region-top-header .block-language ul { margin-bottom: 0 !important; }
/* ================= МЕГА МЕНЮ (TB Mega Menu) — по дизайн системата ================= */
/* Лентата се слива с главната зелена навигация (.bg-primary) */
.tb-megamenu { background: transparent; width: 100%; }
.tb-megamenu .navbar-collapse { padding: 0; }
.tb-megamenu ul.nav,
.tb-megamenu .tb-megamenu-nav {
display: flex !important; flex-direction: row !important; flex-wrap: wrap;
justify-content: center; align-items: stretch; width: 100%; margin: 0 !important; padding: 0 !important; list-style: none;
}
/* Горни елементи — като главното меню: главни букви, бяло, пълна височина */
.tb-megamenu ul.nav > li.nav-item { display: flex; align-items: stretch; background: transparent !important; }
.tb-megamenu ul.nav > li.nav-item > a,
.tb-megamenu ul.nav > li.nav-item > span {
display: flex; align-items: center; justify-content: center;
padding: 1rem 1.05rem !important; color: #fff !important;
font-weight: 600; text-transform: uppercase; font-size: .82rem; line-height: 1.15;
border-bottom: 3px solid transparent !important; text-decoration: none; cursor: pointer;
transition: background .16s ease, border-color .16s ease;
}
.tb-megamenu ul.nav > li.nav-item > a:hover,
.tb-megamenu ul.nav > li.nav-item:hover > a,
.tb-megamenu ul.nav > li.nav-item.open > a { background: var(--pb-green-d) !important; color: #fff !important; }
.tb-megamenu ul.nav > li.nav-item.active > a { background: var(--pb-green-d) !important; border-bottom-color: var(--pb-accent) !important; }
/* стрелка — златист акцент вместо бледо сиво (не се виждаше добре на зелено) */
.tb-megamenu .caret { margin-left: .4rem; display: inline-block;
border-top: 5px solid var(--pb-accent) !important; border-left: 4px solid transparent !important; border-right: 4px solid transparent !important; }
/* Панел на мега менюто — бял, с извивка и преходна линия */
.tb-megamenu .mega-dropdown-menu,
.tb-megamenu .dropdown-menu {
background: #fff !important; border: 1px solid var(--pb-line) !important;
border-top: 3px solid var(--pb-green-line) !important;
border-radius: 0 0 12px 12px !important; border-top-left-radius: var(--pb-curve) !important;
box-shadow: var(--pb-shadow-lg) !important; padding: 1.1rem 1.25rem !important; margin-top: 0 !important;
}
.tb-megamenu .mega-dropdown-inner { padding: 0 !important; }
/* колони */
.tb-megamenu .row-fluid { display: flex; flex-wrap: wrap; gap: 0 1.5rem; }
.tb-megamenu .tb-megamenu-column { flex: 1 1 0; min-width: 180px; }
/* групови заглавия — златист акцент вместо зелено, за визуално разнообразие */
.tb-megamenu .mega-group-title,
.tb-megamenu .tb-megamenu-group > h3,
.tb-megamenu .group-title {
color: var(--pb-accent-d) !important; font-weight: 800; text-transform: uppercase;
letter-spacing: .04em; font-size: .82rem; padding: .2rem 0 .5rem !important; margin: 0 0 .4rem !important;
border-bottom: 2px solid var(--pb-accent);
}
/* връзки в панела */
.tb-megamenu .mega-dropdown-menu li { list-style: none; }
.tb-megamenu .mega-dropdown-menu a,
.tb-megamenu .mega-nav > li > a {
display: block; padding: .5rem .6rem !important; color: var(--pb-ink) !important;
font-weight: 500; text-transform: none; border-radius: 8px; text-decoration: none;
transition: background .14s ease, color .14s ease;
}
.tb-megamenu .mega-dropdown-menu a:hover,
.tb-megamenu .mega-nav > li > a:hover { background: var(--pb-green-050) !important; color: var(--pb-green-d) !important; }
/* Родител с под-ниво (dropdown-submenu, напр. "Статистически данни") — СЪЩОТО
златисто третиране като mega-group-title ("Приключили проекти"), за да личи
системно навсякъде къде даден елемент разгъва 3-то ниво под себе си. */
#navbar-main .tb-megamenu .mega-dropdown-menu .tb-megamenu-item.dropdown-submenu > a,
#navbar-main .tb-megamenu .mega-nav > li.tb-megamenu-item.dropdown-submenu > a {
color: var(--pb-accent-d) !important; font-weight: 800 !important; text-transform: uppercase !important;
font-size: .74rem !important; letter-spacing: .05em; border-bottom: 2px solid var(--pb-accent) !important;
padding: .55rem .6rem .3rem !important; border-radius: 0 !important; background: transparent !important;
}
#navbar-main .tb-megamenu .mega-dropdown-menu .tb-megamenu-item.dropdown-submenu > a:hover,
#navbar-main .tb-megamenu .mega-nav > li.tb-megamenu-item.dropdown-submenu > a:hover {
color: var(--pb-accent) !important; background: transparent !important;
}
/* Мобилно: колоните вертикално, панелът в потока */
@media (max-width: 991.98px) {
.tb-megamenu ul.nav { flex-direction: column !important; align-items: stretch; }
.tb-megamenu ul.nav > li.nav-item > a { justify-content: flex-start; }
.tb-megamenu .row-fluid { flex-direction: column; }
.tb-megamenu .mega-dropdown-menu { position: static !important; box-shadow: none !important; border-radius: 0 !important; border-top-left-radius: 0 !important; }
}
/* ================= МЕГА МЕНЮ — застраховка за горното ниво (различни ul класове) ====== */
.tb-megamenu > .navbar-collapse > ul,
.tb-megamenu ul.tb-megamenu-nav,
.tb-megamenu ul.menu {
display: flex !important; flex-direction: row !important; flex-wrap: wrap;
justify-content: center; align-items: stretch; width: 100%; margin: 0 !important; padding: 0 !important; list-style: none;
}
.tb-megamenu > .navbar-collapse > ul > li.nav-item > a,
.tb-megamenu > .navbar-collapse > ul > li.nav-item > span,
.tb-megamenu ul.tb-megamenu-nav > li.nav-item > a,
.tb-megamenu ul.menu > li.nav-item > a {
display: flex; align-items: center; justify-content: center; padding: 1rem 1.05rem !important;
color: #fff !important; font-weight: 600; text-transform: uppercase; font-size: .82rem; line-height: 1.15;
border-bottom: 3px solid transparent !important; text-decoration: none;
}
.tb-megamenu > .navbar-collapse > ul > li.nav-item:hover > a,
.tb-megamenu ul.tb-megamenu-nav > li.nav-item:hover > a,
.tb-megamenu ul.menu > li.nav-item:hover > a { background: var(--pb-green-d) !important; }
/* мега-панелът може да е .tb-megamenu-submenu */
.tb-megamenu .tb-megamenu-submenu {
background: #fff !important; border: 1px solid var(--pb-line) !important;
border-top: 3px solid var(--pb-green-line) !important;
border-top-left-radius: var(--pb-curve) !important; box-shadow: var(--pb-shadow-lg) !important;
}
.tb-megamenu .tb-megamenu-column .mega-nav > li > a,
.tb-megamenu .tb-megamenu-submenu a {
color: var(--pb-ink) !important; text-transform: none; font-weight: 500;
}
.tb-megamenu .tb-megamenu-column .mega-nav > li > a:hover,
.tb-megamenu .tb-megamenu-submenu a:hover { background: var(--pb-green-050) !important; color: var(--pb-green-d) !important; }
/* ============ МЕГА МЕНЮ — чисти бели панели вместо зелени блокове (надписва theme.css) === */
.tb-megamenu .dropdown-menu li,
.tb-megamenu .mega-dropdown-menu li,
.horizontal-menu .dropdown-menu li {
background-color: transparent !important; padding: 0 !important; border-radius: 0 !important;
}
.tb-megamenu .dropdown-menu li + li,
.horizontal-menu .dropdown-menu li + li { border-top: 1px solid var(--pb-line); }
.tb-megamenu .dropdown-menu li a,
.tb-megamenu .dropdown-menu li span,
.tb-megamenu .mega-dropdown-menu li a,
.horizontal-menu .dropdown-menu li a {
color: var(--pb-ink) !important; display: block; padding: .6rem .9rem !important;
font-weight: 500; text-transform: none; text-decoration: none; border-radius: 8px;
transition: background .14s ease, color .14s ease;
}
.tb-megamenu .dropdown-menu li:hover,
.horizontal-menu .dropdown-menu li:hover { background-color: transparent !important; }
.tb-megamenu .dropdown-menu li a:hover,
.tb-megamenu .mega-dropdown-menu li a:hover,
.horizontal-menu .dropdown-menu li a:hover { background-color: var(--pb-green-050) !important; color: var(--pb-green-d) !important; }
/* панелът: малко вътрешен въздух, без излишен ръб */
.tb-megamenu .dropdown-menu,
.tb-megamenu .mega-dropdown-menu { padding: .5rem !important; }
/* отворен връх = тъмнозелено (не бяло), консистентно с hover */
.tb-megamenu li.nav-item.open > a,
.tb-megamenu li.nav-item.dropdown.open > a,
.tb-megamenu li.nav-item > a[aria-expanded="true"],
.horizontal-menu li.nav-item > a[aria-expanded="true"] {
background: var(--pb-green-d) !important; color: #fff !important;
}
/* ============ ФРОНТ: махни дупката над „НОВИНИ И АКЦЕНТИ" ============ */
body.path-frontpage #main-wrapper { padding-top: 1rem !important; }
body.path-frontpage #main h1.title { margin-top: 0 !important; }
body.path-frontpage main#content > .section,
body.path-frontpage .main-content.col > .section { padding-top: .5rem !important; }
body.path-frontpage #main .breadcrumb { margin: 0 0 .25rem !important; }
/* ============ ГЛАВНО МЕНЮ — по-стройна и изравнена височина ============ */
.tb-megamenu, .tb-megamenu .navbar-collapse { align-self: stretch; }
.tb-megamenu ul.nav, .tb-megamenu > .navbar-collapse > ul { align-items: stretch; }
.tb-megamenu ul.nav > li.nav-item,
.tb-megamenu > .navbar-collapse > ul > li.nav-item { align-self: stretch; }
.tb-megamenu ul.nav > li.nav-item > a,
.tb-megamenu ul.nav > li.nav-item > span,
.tb-megamenu > .navbar-collapse > ul > li.nav-item > a,
.tb-megamenu ul.tb-megamenu-nav > li.nav-item > a,
.horizontal-menu > ul.navbar-nav > .nav-item > a {
padding: 1.1rem 1.05rem !important; min-height: 0 !important;
}
/* hover/отворен = точно височината на лентата, без надвисване */
.tb-megamenu ul.nav > li.nav-item > a,
.tb-megamenu > .navbar-collapse > ul > li.nav-item > a { align-items: center; }
/* ============ ГОРНА СИВА ЛЕНТА — по-ниска ============ */
nav.navbar.bg-secondary, nav#navbar-top.navbar.bg-secondary {
padding-top: .1rem !important; padding-bottom: .1rem !important; min-height: 0 !important;
}
.region-top-header { padding-top: 0 !important; padding-bottom: 0 !important; }
.menu--menu-top-menu ul.nav .nav-item > a,
.region-top-header a {
padding-top: .28rem !important; padding-bottom: .28rem !important;
}
/* ============ МЕГА МЕНЮ — ФИНАЛ (точни класове, пълна височина, една колона) ===== */
/* махаме вътрешния padding на навбара — елементите пълнят цялата зелена лента */
.tb-megamenu { padding: 0 !important; }
.tb-megamenu > .navbar-collapse.collapse { padding: 0 !important; }
#CollapsingNavbar { padding: 0 !important; }
/* --- горна лента --- */
.tb-megamenu .tb-megamenu-nav.nav {
display: flex !important; flex-direction: row !important; flex-wrap: wrap;
align-items: stretch !important; justify-content: center; width: 100%; margin: 0 !important; padding: 0 !important; list-style: none;
}
.tb-megamenu .tb-megamenu-nav > li.tb-megamenu-item.level-1 {
align-self: stretch; display: flex; background: transparent !important; border: 0 !important; border-radius: 0 !important;
}
.tb-megamenu .tb-megamenu-nav > li.tb-megamenu-item.level-1 + li { border-left: 1px solid rgba(255,255,255,.14) !important; }
.tb-megamenu .tb-megamenu-nav > li.tb-megamenu-item.level-1 > a {
display: flex !important; align-items: center; gap: .35rem; width: 100%;
padding: .95rem 1.05rem !important; color: #fff !important;
font-weight: 600 !important; text-transform: uppercase; font-size: .82rem !important; line-height: 1.15;
border: 0 !important; border-radius: 0 !important; text-decoration: none !important;
}
.tb-megamenu .tb-megamenu-nav > li.tb-megamenu-item.level-1 > a:hover,
.tb-megamenu .tb-megamenu-nav > li.tb-megamenu-item.level-1.open > a,
.tb-megamenu .tb-megamenu-nav > li.tb-megamenu-item.level-1 > a[aria-expanded="true"] {
background: var(--pb-green-d) !important; color: #fff !important;
box-shadow: inset 0 -3px 0 var(--pb-accent) !important;
}
.tb-megamenu .tb-megamenu-nav > li.tb-megamenu-item.level-1.active > a { box-shadow: inset 0 -3px 0 var(--pb-accent) !important; }
.tb-megamenu .caret { display:inline-block; width:0; height:0; border-top:5px solid var(--pb-accent) !important; border-left:4px solid transparent !important; border-right:4px solid transparent !important; }
/* --- панел: една колона, пасва на съдържанието --- */
.tb-megamenu .tb-megamenu-submenu.mega-dropdown-menu {
width: auto !important; min-width: 240px !important; max-width: 380px !important;
background: #fff !important; border: 1px solid var(--pb-line) !important;
border-top: 3px solid var(--pb-green-line) !important;
border-radius: 0 0 14px 14px !important; border-top-left-radius: var(--pb-curve) !important;
box-shadow: var(--pb-shadow-lg) !important;
}
.tb-megamenu .mega-dropdown-inner { padding: .5rem .7rem !important; }
.tb-megamenu .tb-megamenu-row.row-fluid,
.tb-megamenu .tb-megamenu-column.span12,
.tb-megamenu .tb-megamenu-column-inner.mega-inner { width: auto !important; float: none !important; display: block !important; margin: 0 !important; }
.tb-megamenu .tb-megamenu-subnav.mega-nav { display: block !important; margin: 0 !important; padding: 0 !important; list-style: none; column-count: 1 !important; }
.tb-megamenu .tb-megamenu-subnav.mega-nav > li.tb-megamenu-item { list-style: none; background: transparent !important; padding: 0 !important; width: auto !important; margin: 0 !important; }
.tb-megamenu .tb-megamenu-subnav.mega-nav > li.tb-megamenu-item > a {
display: block; padding: .5rem .7rem !important; color: var(--pb-ink) !important;
font-weight: 500 !important; text-transform: none !important; font-size: .92rem; white-space: normal; line-height: 1.35;
border-radius: 8px; text-decoration: none !important; transition: background .14s ease, color .14s ease;
}
.tb-megamenu .tb-megamenu-subnav.mega-nav > li.tb-megamenu-item > a:hover {
background: var(--pb-green-050) !important; color: var(--pb-green-d) !important;
}
/* ============ ГЛАВНО МЕНЮ — ФИКС на височината (край на тънката лента) ============ */
.tb-megamenu, .tb-megamenu > .navbar-collapse.always-show, .d-flex.bg-primary #CollapsingNavbar {
align-self: stretch; width: 100%;
}
.tb-megamenu .tb-megamenu-nav.nav { min-height: 50px !important; align-items: stretch !important; }
.tb-megamenu .tb-megamenu-nav > li.tb-megamenu-item.level-1 { align-self: stretch; display: flex; }
.tb-megamenu .tb-megamenu-nav > li.tb-megamenu-item.level-1 > a {
display: flex !important; align-items: center; height: auto;
padding-top: 0 !important; padding-bottom: 0 !important;
}
/* ============ ГЛАВНО МЕНЮ — центрирано ============ */
.tb-megamenu .tb-megamenu-nav.nav { width: 100% !important; justify-content: center !important; }
/* ============ Стабилен скролбар — да няма разместване начална/вътрешна ============ */
html { scrollbar-gutter: stable; overflow-y: scroll; }
/* ============ ГЛАВНО МЕНЮ — центриране (силово, по точните класове) ============ */
.tb-megamenu ul.tb-megamenu-nav.nav.level-0 {
display: flex !important; flex-flow: row wrap !important;
justify-content: center !important; align-items: stretch !important;
width: 100% !important; float: none !important; margin: 0 !important; padding: 0 !important; text-align: center !important;
}
.tb-megamenu ul.tb-megamenu-nav.nav.level-0 > li.tb-megamenu-item.level-1 {
float: none !important; display: flex !important; flex: 0 0 auto !important;
width: auto !important; max-width: none !important; margin: 0 !important;
}
/* текстът в панелите остава отляво (text-align не бива да се наследи) */
.tb-megamenu .tb-megamenu-submenu,
.tb-megamenu .tb-megamenu-subnav.mega-nav,
.tb-megamenu .tb-megamenu-subnav.mega-nav a { text-align: left !important; }
/* ============ ГЛАВНО МЕНЮ + МЕГА ПАНЕЛ — ФИНАЛ 2 (колони по конфигурация) ========= */
/* центрирай целия блок на менюто (по-надеждно от вътрешно центриране) */
.d-flex.bg-primary { justify-content: center !important; align-items: stretch; min-height: 50px; }
#navbar-main.navbar { width: auto !important; padding: 0 !important; align-self: stretch; }
.tb-megamenu, .tb-megamenu > .navbar-collapse.always-show, .d-flex.bg-primary #CollapsingNavbar { width: auto !important; align-self: stretch; }
.tb-megamenu ul.tb-megamenu-nav.nav.level-0 { width: auto !important; justify-content: center !important; }
/* МЕГА ПАНЕЛ: уважавай конфигурираните колони (span4/span6/span12) */
.tb-megamenu .tb-megamenu-submenu.mega-dropdown-menu { width: max-content !important; max-width: 92vw !important; min-width: 0 !important; }
.tb-megamenu .tb-megamenu-row.row-fluid { display: flex !important; flex-wrap: nowrap !important; width: auto !important; align-items: flex-start; margin: 0 !important; }
.tb-megamenu .tb-megamenu-column { float: none !important; display: block !important; width: auto !important; box-sizing: border-box; padding: 0 .4rem !important; margin: 0 !important; }
.tb-megamenu .tb-megamenu-column + .tb-megamenu-column { border-left: 1px solid var(--pb-line); }
.tb-megamenu .tb-megamenu-column-inner.mega-inner { width: auto !important; padding: 0 !important; }
.tb-megamenu .tb-megamenu-subnav.mega-nav { display: block !important; column-count: 1 !important; width: 230px; margin: 0 !important; padding: 0 !important; }
/* вложен flyout (level-2/3) — тесен, отделен панел */
.tb-megamenu .tb-megamenu-submenu .tb-megamenu-submenu .tb-megamenu-subnav.mega-nav { width: 220px; }
/* ============ МЕГА МЕНЮ — ЧАРШАФ на пълна ширина + заобляне горе/долу ============ */
/* контекст за позициониране: центрирана лента 1230, релативна */
#navbar-main.navbar { position: relative !important; width: 100% !important; max-width: 1230px !important; margin: 0 auto !important; padding: 0 !important; }
.tb-megamenu, .tb-megamenu > .navbar-collapse.always-show, .d-flex.bg-primary #CollapsingNavbar { width: 100% !important; position: static !important; }
.tb-megamenu ul.tb-megamenu-nav.nav.level-0 { width: 100% !important; justify-content: center !important; position: static !important; }
.tb-megamenu .tb-megamenu-item.level-1 { position: static !important; }
/* всеки отворен панел на ниво-1 = голям правоъгълник със зелена линия горе И долу + извивка */
.tb-megamenu .tb-megamenu-item.level-1 > .tb-megamenu-submenu.mega-dropdown-menu {
border: 1px solid var(--pb-line) !important;
border-top: 3px solid var(--pb-green-line) !important;
border-bottom: 3px solid var(--pb-green-line) !important;
border-radius: 0 !important;
border-top-left-radius: var(--pb-curve) !important;
border-bottom-right-radius: var(--pb-curve) !important;
padding: 1.4rem 1.6rem !important;
}
.tb-megamenu .tb-megamenu-subnav.mega-nav { width: auto !important; }
/* МНОГОКОЛОННИ (span2/3/4/6) → пълноширок чаршаф, колоните се разпъват равномерно */
.tb-megamenu .tb-megamenu-item.level-1 > .tb-megamenu-submenu:has(.tb-megamenu-column.span2),
.tb-megamenu .tb-megamenu-item.level-1 > .tb-megamenu-submenu:has(.tb-megamenu-column.span3),
.tb-megamenu .tb-megamenu-item.level-1 > .tb-megamenu-submenu:has(.tb-megamenu-column.span4),
.tb-megamenu .tb-megamenu-item.level-1 > .tb-megamenu-submenu:has(.tb-megamenu-column.span6) {
position: absolute !important; left: 0 !important; right: 0 !important; top: 100% !important;
width: 100% !important; max-width: none !important; min-width: 0 !important;
}
.tb-megamenu .tb-megamenu-item.level-1 > .tb-megamenu-submenu:has(.tb-megamenu-column.span2) .tb-megamenu-column,
.tb-megamenu .tb-megamenu-item.level-1 > .tb-megamenu-submenu:has(.tb-megamenu-column.span3) .tb-megamenu-column,
.tb-megamenu .tb-megamenu-item.level-1 > .tb-megamenu-submenu:has(.tb-megamenu-column.span4) .tb-megamenu-column,
.tb-megamenu .tb-megamenu-item.level-1 > .tb-megamenu-submenu:has(.tb-megamenu-column.span6) .tb-megamenu-column {
flex: 1 1 0 !important; min-width: 0 !important; width: auto !important;
}
/* ============ ПОПРАВКА: лента на един ред + широки панели (надеждна позиция) ====== */
/* панелите се позиционират от TB под елемента (връщаме relative на li) */
.tb-megamenu .tb-megamenu-item.level-1 { position: relative !important; }
/* отмени пълноширокото репозициониране; панел = широк компактен чаршаф */
.tb-megamenu .tb-megamenu-item.level-1 > .tb-megamenu-submenu:has(.tb-megamenu-column.span2),
.tb-megamenu .tb-megamenu-item.level-1 > .tb-megamenu-submenu:has(.tb-megamenu-column.span3),
.tb-megamenu .tb-megamenu-item.level-1 > .tb-megamenu-submenu:has(.tb-megamenu-column.span4),
.tb-megamenu .tb-megamenu-item.level-1 > .tb-megamenu-submenu:has(.tb-megamenu-column.span6) {
position: absolute !important; left: auto !important; right: auto !important; transform: none !important;
width: max-content !important; max-width: 92vw !important; min-width: 0 !important;
}
.tb-megamenu .tb-megamenu-item.level-1 > .tb-megamenu-submenu:has(.tb-megamenu-column.span2) .tb-megamenu-column,
.tb-megamenu .tb-megamenu-item.level-1 > .tb-megamenu-submenu:has(.tb-megamenu-column.span3) .tb-megamenu-column,
.tb-megamenu .tb-megamenu-item.level-1 > .tb-megamenu-submenu:has(.tb-megamenu-column.span4) .tb-megamenu-column,
.tb-megamenu .tb-megamenu-item.level-1 > .tb-megamenu-submenu:has(.tb-megamenu-column.span6) .tb-megamenu-column {
flex: 0 0 auto !important; width: auto !important;
}
/* широки колони = вид на чаршаф, не тесни */
.tb-megamenu .tb-megamenu-column .tb-megamenu-subnav.mega-nav { width: 270px !important; }
/* ============ ГЛАВНО МЕНЮ — надеждно центриране (свий блока + центрирай обвивката) == */
.d-flex.bg-primary { justify-content: center !important; align-items: stretch; }
#navbar-main.navbar { width: auto !important; max-width: none !important; margin: 0 !important; }
.tb-megamenu,
.tb-megamenu > .navbar-collapse.always-show,
.d-flex.bg-primary #CollapsingNavbar { width: auto !important; }
.tb-megamenu ul.tb-megamenu-nav.nav.level-0 {
width: auto !important; justify-content: center !important; flex-wrap: nowrap !important;
}
/* ============ ЗАГЛАВИЯ НА РУБРИКИ — по-живи (маркер + проточена линия) ============ */
#main h1.title,
#main .block > h2:first-child,
#main .block-title {
display: flex !important; align-items: stretch; gap: .85rem;
padding-left: 0 !important;
}
/* акцентен маркер отпред — тънка златна "(" скоба вместо права чертичка (и вместо старата
плътна права линия), разпъната на цялата височина на заглавието */
#main h1.title::before,
#main .block > h2:first-child::before,
#main .block-title::before {
content: ""; flex: 0 0 auto; width: 6px !important; align-self: stretch;
background: linear-gradient(180deg, #e2c15c 0%, #c9a227 55%, #a8841a 100%) !important;
border-radius: 999px 0 0 999px !important;
box-shadow: none !important;
}
/* тънка градиентна линия след заглавието (редакторски вид, различна дължина) */
#main h1.title::after,
#main .block > h2:first-child::after,
#main .block-title::after {
content: ""; position: static !important; left: auto; top: auto; bottom: auto;
flex: 1 1 auto; align-self: center; height: 2px; width: auto !important; border-radius: 2px;
background: linear-gradient(90deg, var(--pb-green-050), rgba(0,0,0,0));
}
/* ============ МЕГА ПАНЕЛ — заобляне само долу (изравнено), горе право ============ */
.tb-megamenu .tb-megamenu-item.level-1 > .tb-megamenu-submenu.mega-dropdown-menu {
border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important;
border-bottom-left-radius: 20px !important;
border-bottom-right-radius: 20px !important;
}
/* ===== БАНЕР 2026 — снимка без текст + надпис/линк от HTML блок (full-bleed) ===== */
.banner-2026{
display:block; width:100vw; position:relative; left:50%; margin-left:-50vw;
overflow:hidden; line-height:0; text-decoration:none;
border-bottom:3px solid var(--pb-green-line);
}
.banner-2026 img{ display:block; width:100%; height:auto; }
.banner-2026 .banner-2026__cap{
position:absolute; left:0; bottom:0; line-height:1.2; color:#fff;
padding:1.3rem clamp(1rem,4vw,3rem); max-width:min(680px,82%);
background:linear-gradient(90deg, rgba(0,45,0,.80), rgba(0,45,0,.28) 62%, rgba(0,45,0,0));
}
.banner-2026 .banner-2026__year{
display:inline-block; background:var(--pb-accent); color:#26200f;
font-weight:800; letter-spacing:.04em; padding:.15rem .6rem; border-radius:6px; font-size:.95rem;
}
.banner-2026 .banner-2026__title{
display:block; margin-top:.45rem; font-size:clamp(1.3rem,2.6vw,2rem);
font-weight:800; text-shadow:0 2px 10px rgba(0,0,0,.45);
}
.banner-2026:hover .banner-2026__title{ text-decoration:underline; }
/* ============ МЕГА МЕНЮ — РЕСПОНСИВ (под 992px: вертикален акордеон, без застъпване) === */
@media (max-width: 991.98px){
.tb-megamenu .tb-megamenu-nav.nav.level-0{
flex-direction: column !important; flex-wrap: nowrap !important; align-items: stretch !important; width: 100% !important;
}
.tb-megamenu .tb-megamenu-item.level-1{ width: 100% !important; align-self: stretch; }
.tb-megamenu .tb-megamenu-item.level-1 + li{ border-left: 0 !important; border-top: 1px solid rgba(255,255,255,.14) !important; }
.tb-megamenu .tb-megamenu-item.level-1 > a{ justify-content: flex-start !important; width: 100% !important; }
/* панелите — статични под елемента (без absolute overlay), пълна ширина */
.tb-megamenu .tb-megamenu-item.level-1 > .tb-megamenu-submenu{
position: static !important; left: auto !important; right: auto !important; transform: none !important;
width: 100% !important; max-width: none !important; min-width: 0 !important;
box-shadow: none !important; border: 0 !important; border-radius: 0 !important; padding: .4rem .8rem 1rem !important;
background: #f6faf6 !important;
}
.tb-megamenu .tb-megamenu-row.row-fluid{ display: block !important; }
.tb-megamenu .tb-megamenu-column{ width: 100% !important; border: 0 !important; padding: 0 !important; }
.tb-megamenu .tb-megamenu-column + .tb-megamenu-column{ border-left: 0 !important; }
.tb-megamenu .tb-megamenu-subnav.mega-nav{ width: 100% !important; }
}
/* ============ МЕГА МЕНЮ — фикс на дясното преливане + таван ============ */
/* панелът никога да не надхвърля екрана */
.tb-megamenu .tb-megamenu-item.level-1 > .tb-megamenu-submenu.mega-dropdown-menu{
max-width: min(1100px, 96vw) !important;
}
/* последните секции — дясно подравнени (панелът отваря наляво) */
.tb-megamenu .tb-megamenu-nav > li.tb-megamenu-item.level-1:nth-last-child(-n+4) > .tb-megamenu-submenu.mega-dropdown-menu{
left: auto !important; right: 0 !important; transform: none !important;
}
/* ============ МЕГА МЕНЮ — ГРУПА (data-group=1): заглавие + инлайн под-списък ======== */
.tb-megamenu .tb-megamenu-item.mega-group { position: static !important; background: transparent !important; }
/* заглавие на групата — зелено, главни букви (НЕ тъмнозелен блок); бие правилото за „отворен" */
.tb-megamenu .tb-megamenu-item.mega-group > a.mega-group-title,
.tb-megamenu .tb-megamenu-item.mega-group > a.mega-group-title[aria-expanded="true"],
.tb-megamenu .tb-megamenu-item.mega-group > a.mega-group-title[aria-expanded="false"] {
background: transparent !important; color: var(--pb-accent-d) !important;
font-weight: 800 !important; text-transform: uppercase !important; font-size: .74rem !important; letter-spacing: .05em;
padding: .55rem .6rem .3rem !important; margin: .35rem 0 .15rem !important; cursor: default;
border-bottom: 2px solid var(--pb-accent) !important; border-radius: 0 !important;
}
.tb-megamenu .tb-megamenu-item.mega-group > a.mega-group-title:hover {
background: transparent !important; color: var(--pb-accent) !important; text-decoration: none;
}
/* контейнерът на групата — инлайн, чист (без absolute/сянка/рамка) */
.tb-megamenu .tb-megamenu-submenu.mega-group-ct {
position: static !important; display: block !important; float: none !important;
width: auto !important; min-width: 0 !important; max-width: none !important;
background: transparent !important; border: 0 !important; border-radius: 0 !important;
box-shadow: none !important; padding: 0 !important; margin: 0 !important;
}
.tb-megamenu .mega-group-ct .tb-megamenu-row.row-fluid { display: block !important; }
.tb-megamenu .mega-group-ct .tb-megamenu-column { width: auto !important; border: 0 !important; padding: 0 !important; }
.tb-megamenu .mega-group-ct .tb-megamenu-column-inner { padding: 0 !important; }
.tb-megamenu .mega-group-ct .tb-megamenu-subnav.mega-nav { width: auto !important; }
/* ============ МЕГА МЕНЮ — без премигване (махни прехода + залепи панела) ============ */
.tb-megamenu .tb-megamenu-nav > li.tb-megamenu-item.level-1,
.tb-megamenu .tb-megamenu-nav > li.tb-megamenu-item.level-1 > a,
.tb-megamenu .tb-megamenu-nav.nav.level-0 > li.tb-megamenu-item.level-1 > a { transition: none !important; }
/* панелът да няма мъртва зона под елемента */
.tb-megamenu .tb-megamenu-item.level-1 > .tb-megamenu-submenu.mega-dropdown-menu { margin-top: 0 !important; }
/* ============ МЕГА МЕНЮ — под-елементите НИКОГА тъмнозелено (само върхът) ========= */
.tb-megamenu .tb-megamenu-subnav.mega-nav > li.tb-megamenu-item.open > a:not(.mega-group-title),
.tb-megamenu .tb-megamenu-subnav.mega-nav > li.tb-megamenu-item.active > a:not(.mega-group-title),
.tb-megamenu .tb-megamenu-subnav.mega-nav > li.tb-megamenu-item.dropdown.open > a:not(.mega-group-title),
.tb-megamenu .tb-megamenu-subnav.mega-nav > li.tb-megamenu-item > a[aria-expanded="true"]:not(.mega-group-title) {
background: transparent !important; color: var(--pb-ink) !important;
}
.tb-megamenu .tb-megamenu-subnav.mega-nav > li.tb-megamenu-item > a:not(.mega-group-title):hover {
background: var(--pb-green-050) !important; color: var(--pb-green-d) !important;
}
/* ===== БЪРЗ ДОСТЪП — зелените плочки, извадени в отделна бяла секция под новините ===== */
body.path-frontpage #main-wrapper { padding-bottom: 0 !important; }
body.path-frontpage #sidebar_second{
background: #fff !important; width: 100vw; position: relative; left: 50%; margin-left: -50vw;
padding: 2.2rem 0 2.6rem !important; margin-top: 2.4rem !important; border-top: 1px solid var(--pb-line);
}
body.path-frontpage #sidebar_second > aside.section{
max-width: 1230px; margin: 0 auto !important; padding: 0 16px !important; width: 100%;
}
/* заглавие на рубриката (маркер отляво) */
body.path-frontpage #sidebar_second > aside.section::before{
content: "Бърз достъп"; display: block; font-size: 1.5rem; font-weight: 800; text-transform: uppercase;
letter-spacing: .02em; color: var(--pb-ink); line-height: 1.2;
padding-left: .9rem; border-left: 6px solid var(--pb-green); border-radius: 3px; margin: 0 0 1.3rem;
}
/* плочките — центриран равномерен ред */
body.path-frontpage #sidebar_second .banners-text-vertical{ justify-content: center; }
/* ===== БЪРЗ ДОСТЪП — устойчиво центриране (независимо от блока в #sidebar_second) ===== */
body.path-frontpage #sidebar_second > aside.section{ text-align: center; }
body.path-frontpage #sidebar_second > aside.section::before{ text-align: left; }
body.path-frontpage #sidebar_second .banners-text-vertical,
body.path-frontpage #sidebar_second .region,
body.path-frontpage #sidebar_second .block,
body.path-frontpage #sidebar_second .row{
display: flex !important; flex-wrap: wrap; justify-content: center !important; align-items: stretch;
gap: 14px; width: 100%; margin-left: auto; margin-right: auto;
}
/* ===== БЪРЗ ДОСТЪП — редуване тъмно/светло зелено (светлозеленото в игра) ===== */
body.path-frontpage #sidebar_second .banners-text-vertical > .w-100:nth-child(even) > a,
body.path-frontpage #sidebar_second .banners-text-vertical > .w-100:nth-child(even) > a.banner-dark,
body.path-frontpage #sidebar_second .banners-text-vertical > .w-100:nth-child(even) > a.banner-light,
body.path-frontpage #sidebar_second .banners-text-vertical > a:nth-child(even){
background: var(--pb-green-line) !important;
}
body.path-frontpage #sidebar_second .banners-text-vertical > .w-100:nth-child(even) > a:hover,
body.path-frontpage #sidebar_second .banners-text-vertical > a:nth-child(even):hover{
background: #23731f !important;
}
/* ===== БЪРЗ ДОСТЪП — финал: пълна ширина, център, без дубликат, цвят по класове ===== */
body.path-frontpage #sidebar_second{
max-width: none !important; flex: 0 0 100% !important;
width: 100vw !important; left: 50% !important; right: auto !important;
margin-left: -50vw !important; margin-right: 0 !important;
}
/* скрий дублирания втори набор плочки (най-добре го махни и от блока) */
body.path-frontpage #sidebar_second .banners-text-vertical + .banners-text-vertical{ display: none !important; }
/* редът плочки — центриран, разпънат, в рамките на 1230 */
body.path-frontpage #sidebar_second .banners-text-vertical{
display: flex !important; flex-wrap: wrap; justify-content: center; gap: 14px;
max-width: 1230px; margin: 0 auto !important; width: 100%;
}
/* flex-grow:0 вместо 1 — иначе последната самотна плочка (когато 5-те не се делят
точно на ред, напр. 4+1 при таблет/междинни ширини) се разтягаше на цяла ширина. */
/* grow:1 за да се наместят 5-те в един ред на нормален десктоп, но max-width пази
самотната опашка (при 4+1 на средни ширини) да не се разпъва на цял ред. */
body.path-frontpage #sidebar_second .banners-text-vertical .w-100{ flex: 1 1 160px !important; min-width: 140px; max-width: 230px; width: auto; }
/* цвят по класове (оригинал, без промяна - това е панелът "Бърз достъп", не банерите за Украйна) */
body.path-frontpage #sidebar_second .banners-text-vertical a.banner-dark,
body.path-frontpage #sidebar_second .banners-text-vertical a.banner-light{
color: #fff !important; border-left: 0 !important;
}
body.path-frontpage #sidebar_second .banners-text-vertical a.banner-dark{ background: var(--pb-green) !important; }
body.path-frontpage #sidebar_second .banners-text-vertical a.banner-light{ background: var(--pb-green-line) !important; }
body.path-frontpage #sidebar_second .banners-text-vertical a.banner-dark:hover{ background: var(--pb-green-d) !important; }
body.path-frontpage #sidebar_second .banners-text-vertical a.banner-light:hover{ background: #23731f !important; }
/* ===== ВЪТРЕШНО ПОДМЕНЮ — светлозелена лента, приобщена към главното меню ===== */
body.layout-sidebar-first #block-planb5-mainmenubg-2{
background: #e7f3e7 !important;
width: 100vw; position: relative; left: 50%; margin-left: -50vw;
border: 0 !important; border-bottom: 3px solid var(--pb-green-line) !important;
border-radius: 0 !important; box-shadow: none !important;
margin: 0 0 1.6rem !important; padding: 0 !important;
}
body.layout-sidebar-first #block-planb5-mainmenubg-2 ul.nav.navbar-nav{
max-width: 1230px; margin: 0 auto !important; padding: 0 16px !important;
flex-direction: row !important; flex-wrap: wrap; gap: 0; justify-content: flex-start;
}
body.layout-sidebar-first #block-planb5-mainmenubg-2 .nav-item{ width: auto; }
body.layout-sidebar-first #block-planb5-mainmenubg-2 .nav-item > a{
display: block; padding: .7rem 1.05rem !important; margin: 0 !important;
color: var(--pb-green-d) !important; font-weight: 600; text-transform: none;
background: transparent !important; border: 0 !important;
border-bottom: 3px solid transparent !important; border-radius: 0 !important; text-decoration: none;
}
body.layout-sidebar-first #block-planb5-mainmenubg-2 .nav-item > a:hover{
background: rgba(255,255,255,.55) !important; color: var(--pb-green-d) !important;
}
body.layout-sidebar-first #block-planb5-mainmenubg-2 .nav-item.active > a,
body.layout-sidebar-first #block-planb5-mainmenubg-2 .nav-item.menu-item--active-trail > a,
body.layout-sidebar-first #block-planb5-mainmenubg-2 .nav-item > a.is-active{
background: var(--pb-green-050) !important; color: var(--pb-green-d) !important; border-bottom-color: var(--pb-green-d) !important;
}
/* ===== СЕКЦИОННИ МЕНЮТА с .bg-primary (Статистики и анализи и др.) — чиста карта ===== */
/* важи за всеки menu-блок, който носи класа bg-primary от старата тема */
nav.bg-primary.block-menu,
.block.block-menu.bg-primary{
background: #fff !important; border: 1px solid var(--pb-line) !important;
border-radius: 14px !important; border-top-left-radius: 30px !important;
box-shadow: var(--pb-shadow-sm) !important; overflow: hidden; padding: 0 !important; margin-bottom: 1.4rem;
}
nav.bg-primary.block-menu > h2,
.block.block-menu.bg-primary > h2{
background: var(--pb-green) !important; color: #fff !important; margin: 0 !important;
padding: .8rem 1.1rem !important; font-size: 1.05rem !important; font-weight: 800;
text-transform: uppercase; letter-spacing: .02em; border: 0 !important;
}
nav.bg-primary.block-menu ul.nav,
.block.block-menu.bg-primary ul.nav{ padding: .4rem !important; margin: 0 !important; flex-direction: column; }
nav.bg-primary.block-menu ul.nav .nav-item,
.block.block-menu.bg-primary ul.nav .nav-item{ width: 100%; background: transparent !important; }
nav.bg-primary.block-menu ul.nav .nav-item > a,
.block.block-menu.bg-primary ul.nav .nav-item > a{
display: block; padding: .6rem .9rem !important; margin: 0 !important;
color: var(--pb-ink) !important; background: transparent !important;
text-transform: none !important; font-weight: 500; font-size: .95rem;
border-radius: 8px !important; text-decoration: none;
}
nav.bg-primary.block-menu ul.nav .nav-item > a:hover,
.block.block-menu.bg-primary ul.nav .nav-item > a:hover{
background: var(--pb-green-050) !important; color: var(--pb-green-d) !important;
}
nav.bg-primary.block-menu ul.nav .nav-item.active > a,
nav.bg-primary.block-menu ul.nav .nav-item > a.is-active,
.block.block-menu.bg-primary ul.nav .nav-item.active > a,
.block.block-menu.bg-primary ul.nav .nav-item > a.is-active{
background: var(--pb-green) !important; color: #fff !important;
}
/* ===== ВЪТРЕШНО ПОДМЕНЮ — монолитно с горното (пълна ширина, залепено, центрирано) ===== */
.row-offcanvas:has(#block-planb5-mainmenubg-2),
body.layout-sidebar-first .row-offcanvas{ display: flex !important; flex-direction: column !important; }
#sidebar_first:has(#block-planb5-mainmenubg-2),
body.layout-sidebar-first #sidebar_first{
flex: 0 0 100% !important; max-width: 100% !important; width: 100% !important;
order: -1 !important; float: none !important; padding: 0 !important; margin: 0 !important;
}
#sidebar_first:has(#block-planb5-mainmenubg-2) > aside.section{ padding: 0 !important; margin: 0 !important; }
body.layout-sidebar-first #main-wrapper{ padding-top: 0 !important; }
/* залепи подменюто за менюто (без разстояние) + центрирани табове */
#block-planb5-mainmenubg-2{ margin-top: 0 !important; }
/* ===== FIX: full-bleed (100vw) + скролбар → без хоризонтален скрол/изместване ===== */
html{ overflow-x: hidden !important; }
body{ overflow-x: hidden !important; max-width: 100%; }
/* ===== ПОДМЕНЮ в Highlighted — светлозелена лента + 3-то ниво ВИНАГИ видимо ===== */
#block-planb5-mainmenubg-2{
background: #e7f3e7 !important; border: 0 !important;
border-bottom: 3px solid var(--pb-green-line) !important; border-radius: 0 !important; box-shadow: none !important;
width: 100vw; position: relative; left: 50%; margin: 0 0 1.4rem !important; margin-left: -50vw !important;
padding: .35rem 0 !important;
}
#block-planb5-mainmenubg-2 > h2{ display: none !important; }
#block-planb5-mainmenubg-2 ul.nav.navbar-nav{
max-width: 1230px; margin: 0 auto !important; padding: 0 16px !important;
display: flex !important; flex-direction: row !important; flex-wrap: wrap;
justify-content: center !important; align-items: center; gap: .15rem;
}
#block-planb5-mainmenubg-2 li.nav-item{ width: auto; background: transparent !important; display: flex; align-items: center; }
#block-planb5-mainmenubg-2 li.nav-item > a{
display: block; padding: .6rem 1rem !important; margin: 0 !important;
color: var(--pb-green-d) !important; font-weight: 600; text-transform: none;
background: transparent !important; border: 0 !important; border-radius: 8px !important; text-decoration: none;
}
#block-planb5-mainmenubg-2 li.nav-item > a:hover{ background: rgba(255,255,255,.6) !important; color: var(--pb-green-d) !important; }
#block-planb5-mainmenubg-2 li.nav-item > a.is-active,
#block-planb5-mainmenubg-2 li.nav-item.active > a{ background: var(--pb-green-050) !important; color: var(--pb-green-d) !important; }
#block-planb5-mainmenubg-2 .dropdown-toggle::after{ display: none !important; }
/* 3-то ниво: винаги видимо, инлайн до родителя (без dropdown) */
#block-planb5-mainmenubg-2 li.nav-item.dropdown{ display: flex; align-items: center; flex-wrap: wrap; }
/* ===== block-planb5-mainmenubg-2 — 2-то и 3-то ниво (напр. "Изложения" > "Архив")
бяха залепени едно за друго без разстояние. Фикс: по-голям отстъп + тънък
разделител, за да личи че 3-то ниво е вложено, а не част от 2-ро. ===== */
#block-planb5-mainmenubg-2 .dropdown-menu{
display: flex !important; position: static !important; float: none !important;
flex-direction: row; flex-wrap: wrap; gap: .45rem;
background: transparent !important; border: 0 !important; box-shadow: none !important;
padding: 0 !important; padding-left: .55rem !important; margin: 0 0 0 .55rem !important;
border-left: 2px solid rgba(255,255,255,.55) !important;
min-width: 0 !important;
}
#block-planb5-mainmenubg-2 .dropdown-menu li.dropdown-item{ width: auto; background: transparent !important; padding: 0 !important; }
#block-planb5-mainmenubg-2 .dropdown-menu li.dropdown-item > a{
display: block; padding: .4rem .8rem !important; color: var(--pb-green-d) !important; font-size: .88rem; font-weight: 500;
background: rgba(255,255,255,.55) !important; border-radius: 999px !important; text-decoration: none;
}
#block-planb5-mainmenubg-2 .dropdown-menu li.dropdown-item > a:hover{ background: #fff !important; }
/* по-тих "текущ" стил вместо силно наситено зелено (беше дразнещо) */
#block-planb5-mainmenubg-2 .dropdown-menu li.dropdown-item > a.is-active,
#block-planb5-mainmenubg-2 .dropdown-menu li.dropdown-item.active > a{ background: var(--pb-green-050) !important; color: var(--pb-green-d) !important; box-shadow: inset 0 0 0 1px var(--pb-green) !important; }
/* ===== Highlighted подменю — залепено за главното меню (без разстояние) ===== */
.highlighted{ margin: 0 !important; padding: 0 !important; }
.highlighted > aside.section{ padding: 0 !important; margin: 0 !important; max-width: none !important; }
/* ===== ПОДМЕНЮ — 3 колони (да не се разтяга надолу) ===== */
#block-planb5-mainmenubg-2 ul.nav.navbar-nav{
display: grid !important; grid-template-columns: repeat(3, 1fr) !important;
gap: .2rem .8rem !important; justify-content: stretch !important; align-items: stretch;
max-width: 1230px; margin: 0 auto !important; padding: .6rem 16px !important;
}
#block-planb5-mainmenubg-2 li.nav-item{ width: auto; display: flex; flex-wrap: wrap; align-items: center; }
#block-planb5-mainmenubg-2 li.nav-item > a{ text-align: left; flex: 0 1 auto; }
/* ===== ПОДМЕНЮ — надежден full-bleed (симетрични полета) + центрирано съдържание ===== */
#block-planb5-mainmenubg-2{
position: static !important; left: auto !important; right: auto !important;
width: auto !important; max-width: none !important;
margin: 0 calc(50% - 50vw) 1.4rem !important;
}
/* ===== ПОДМЕНЮ — 100% ширина на съдържанието + 4 колони ===== */
/* ==================== РЕСПОНСИВНА НАВИГАЦИЯ — правило за целия портал ==================== */
/* Горното меню НИКОГА да не се реже — увива се вместо nowrap */
.tb-megamenu ul.tb-megamenu-nav.nav.level-0{ flex-wrap: wrap !important; }
/* Среден екран (лаптоп): по-стегнати отстъпи, за да се събере на 1 ред */
@media (min-width: 992px) and (max-width: 1299.98px){
.tb-megamenu .tb-megamenu-nav > li.tb-megamenu-item.level-1 > a{
padding: .95rem .55rem !important; font-size: .73rem !important; letter-spacing: 0 !important; gap: .2rem;
}
}
/* ТАБЛЕТ + ТЕЛЕФОН (<992px): хамбургер + вертикално меню */
@media (max-width: 991.98px){
#navbar-main .navbar-toggler{
display: inline-flex !important; align-items: center; justify-content: center;
margin: .4rem .9rem; padding: .4rem .6rem; border: 1px solid rgba(255,255,255,.55) !important; border-radius: 8px;
}
#navbar-main.navbar-expand-md > .navbar-collapse,
#navbar-main.navbar-expand-md .navbar-collapse#CollapsingNavbar{ display: none !important; flex-basis: 100% !important; }
#navbar-main.navbar-expand-md .navbar-collapse#CollapsingNavbar.show{ display: block !important; }
.tb-megamenu, .tb-megamenu > .navbar-collapse.always-show, .d-flex.bg-primary #CollapsingNavbar{ width: 100% !important; }
.tb-megamenu ul.tb-megamenu-nav.nav.level-0{ flex-direction: column !important; flex-wrap: nowrap !important; align-items: stretch !important; width: 100% !important; }
.tb-megamenu .tb-megamenu-nav > li.tb-megamenu-item.level-1{ width: 100% !important; border-left: 0 !important; border-top: 1px solid rgba(255,255,255,.14) !important; }
.tb-megamenu .tb-megamenu-nav > li.tb-megamenu-item.level-1 > a{ justify-content: flex-start !important; padding: .85rem 1.2rem !important; }
/* под-панелите, когато се покажат: стек, вътре в тъмнозеленото */
.tb-megamenu .tb-megamenu-item.level-1 > .tb-megamenu-submenu{
position: static !important; left: auto !important; right: auto !important; transform: none !important;
width: 100% !important; max-width: none !important; box-shadow: none !important; border: 0 !important; border-radius: 0 !important;
background: #0a4a12 !important; padding: .3rem .6rem .8rem !important; margin: 0 !important;
}
.tb-megamenu .tb-megamenu-item.level-1 > .tb-megamenu-submenu .tb-megamenu-row.row-fluid{ display: block !important; }
.tb-megamenu .tb-megamenu-item.level-1 > .tb-megamenu-submenu .tb-megamenu-column{ width: 100% !important; border: 0 !important; }
.tb-megamenu .tb-megamenu-item.level-1 > .tb-megamenu-submenu .tb-megamenu-subnav.mega-nav{ width: 100% !important; }
.tb-megamenu .tb-megamenu-item.level-1 > .tb-megamenu-submenu .tb-megamenu-subnav.mega-nav > li.tb-megamenu-item > a{ color: #eafaea !important; padding: .5rem .9rem !important; }
.tb-megamenu .tb-megamenu-item.level-1 > .tb-megamenu-submenu .tb-megamenu-subnav.mega-nav > li.tb-megamenu-item > a:hover{ background: rgba(255,255,255,.12) !important; color: #fff !important; }
.tb-megamenu .mega-group-title{ color: #bfe6bf !important; border-bottom-color: rgba(255,255,255,.2) !important; }
/* горна сива лента: центрирай при тесен екран */
.region-top-header{ justify-content: center !important; flex-wrap: wrap; }
}
/* ТЕЛЕФОН (<576px): подменюто на вътрешните — 1 колона */
/* ===== ГОРНО МЕНЮ — стегнато, за да е ВИНАГИ на 1 ред (десктоп/лаптоп) ===== */
@media (min-width: 992px) and (max-width: 1599.98px){
.tb-megamenu .tb-megamenu-nav > li.tb-megamenu-item.level-1 > a{
padding: .9rem .5rem !important; font-size: .72rem !important; letter-spacing: 0 !important; gap: .12rem !important;
}
.tb-megamenu .tb-megamenu-nav > li.tb-megamenu-item.level-1 > a .caret{ margin-left: .1rem !important; }
}
@media (min-width: 992px) and (max-width: 1379.98px){
.tb-megamenu .tb-megamenu-nav > li.tb-megamenu-item.level-1 > a{ padding: .9rem .38rem !important; font-size: .68rem !important; }
}
@media (min-width: 992px) and (max-width: 1119.98px){
.tb-megamenu .tb-megamenu-nav > li.tb-megamenu-item.level-1 > a{ padding: .9rem .28rem !important; font-size: .64rem !important; }
}
/* ============ РЕГИСТРИ v2 — плътни плочки с едри икони (Вариант B) ============ */
.featured-bottom-1{ background: var(--pb-green-050) !important; }
/* скрий COVID/plusmen плочката */
.featured-bottom-1 [class*="col"]:has(> .register-banner a[href*="plusmen"]){ display: none !important; }
.featured-bottom-1 .register-banner{
position: relative; overflow: hidden; min-height: 200px; background: transparent !important;
border: 0 !important; border-radius: 18px !important; border-top-left-radius: var(--pb-curve) !important;
box-shadow: var(--pb-shadow-sm) !important; transition: transform .18s ease, box-shadow .18s ease;
}
.featured-bottom-1 .register-banner:hover{ transform: translateY(-5px); box-shadow: var(--pb-shadow) !important; }
.featured-bottom-1 .register-banner img{ display: none !important; }
.featured-bottom-1 .register-banner > a{
display: flex !important; flex-direction: column; justify-content: flex-start; gap: .2rem;
height: 100%; min-height: 200px; padding: 26px 24px !important; position: relative; z-index: 0;
text-decoration: none; color: #fff !important;
}
/* цвят по регистър (редуване тъмно/светло зелено) */
.featured-bottom-1 #register1{ background: linear-gradient(135deg,#006600,#004d00) !important; }
.featured-bottom-1 #register2{ background: linear-gradient(135deg,#2f8f2f,#1f6d1f) !important; }
.featured-bottom-1 #portal1 { background: linear-gradient(135deg,#0a5a2a,#063d1c) !important; }
.featured-bottom-1 #register3 { background: linear-gradient(135deg,#1f7a4d,#145c3a) !important; }
/* едра икона (бяла) в квадратче */
.featured-bottom-1 .register-banner > a::before{
content: ""; width: 62px; height: 62px; border-radius: 16px; margin-bottom: 16px; z-index: 2;
background-color: rgba(255,255,255,.16); background-repeat: no-repeat; background-position: center; background-size: 34px 34px;
}
.featured-bottom-1 #register1::before{ background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='white'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cellipse%20cx='12'%20cy='6'%20rx='8'%20ry='3'/%3E%3Cpath%20d='M4%206v12c0%201.7%203.6%203%208%203s8-1.3%208-3V6M4%2012c0%201.7%203.6%203%208%203s8-1.3%208-3'/%3E%3C/svg%3E"); }
.featured-bottom-1 #register2::before{ background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='white'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M12%2021s7-6.2%207-11a7%207%200%201%200-14%200c0%204.8%207%2011%207%2011z'/%3E%3Ccircle%20cx='12'%20cy='10'%20r='2.5'/%3E%3C/svg%3E"); }
.featured-bottom-1 #portal1::before{ background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='white'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Crect%20x='4'%20y='5'%20width='16'%20height='16'%20rx='2'/%3E%3Cpath%20d='M4%2010h16M8%203v4M16%203v4'/%3E%3C/svg%3E"); }
.featured-bottom-1 #register3::before{ background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='white'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M3%2010l9-6%209%206'/%3E%3Cpath%20d='M5%2010v9M9%2010v9M15%2010v9M19%2010v9'/%3E%3Cpath%20d='M3%2021h18'/%3E%3C/svg%3E"); }
/* воден знак — едра бледа икона долу-вдясно */
.featured-bottom-1 .register-banner > a::after{
content: ""; position: absolute; right: -16px; bottom: -22px; width: 140px; height: 140px; z-index: 1; opacity: .12;
background-repeat: no-repeat; background-position: center; background-size: contain; pointer-events: none;
}
.featured-bottom-1 #register1::after{ background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='white'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cellipse%20cx='12'%20cy='6'%20rx='8'%20ry='3'/%3E%3Cpath%20d='M4%206v12c0%201.7%203.6%203%208%203s8-1.3%208-3V6M4%2012c0%201.7%203.6%203%208%203s8-1.3%208-3'/%3E%3C/svg%3E"); }
.featured-bottom-1 #register2::after{ background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='white'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M12%2021s7-6.2%207-11a7%207%200%201%200-14%200c0%204.8%207%2011%207%2011z'/%3E%3Ccircle%20cx='12'%20cy='10'%20r='2.5'/%3E%3C/svg%3E"); }
.featured-bottom-1 #portal1::after{ background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='white'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Crect%20x='4'%20y='5'%20width='16'%20height='16'%20rx='2'/%3E%3Cpath%20d='M4%2010h16M8%203v4M16%203v4'/%3E%3C/svg%3E"); }
.featured-bottom-1 #register3::after{ background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='white'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M3%2010l9-6%209%206'/%3E%3Cpath%20d='M5%2010v9M9%2010v9M15%2010v9M19%2010v9'/%3E%3Cpath%20d='M3%2021h18'/%3E%3C/svg%3E"); }
/* заглавие в плочката */
.featured-bottom-1 .register-banner .register-banner-text{
position: static !important; background: none !important; padding: 0 !important; z-index: 2;
color: #fff !important; font-weight: 800 !important; font-size: 1.05rem !important; text-transform: uppercase; line-height: 1.3; letter-spacing: .01em;
}
/* ===== СЪОБЩЕНИЯ / БЕЛЕЖКИ в съдържанието ===== */
.pb-alert{
border-radius: 12px; border-top-left-radius: 26px; padding: 1rem 1.2rem; margin: 0 0 1.2rem;
border: 1px solid var(--pb-line); background: #fff;
}
.pb-alert--warn{ background: #fff8e6; border-color: #ecd9a0; border-left: 5px solid var(--pb-accent); }
.pb-alert--info{ background: var(--pb-green-050); border-color: #d6ead6; border-left: 5px solid var(--pb-green); }
.pb-alert p:last-child{ margin-bottom: 0; }
.pb-note{
background: var(--pb-green-050); border: 1px solid #d6ead6; border-left: 5px solid var(--pb-green);
border-radius: 12px; border-top-left-radius: 26px; padding: 1rem 1.2rem; margin: 0 0 1.2rem; font-weight: 600;
}
.pb-note a{ color: var(--pb-green-d); font-weight: 700; }
/* авто-облагородяване на стари сиви кутии с inline стил (целия портал) */
.field--name-body div[style*="e9e9e9"],
.node__content div[style*="e9e9e9"],
.content div[style*="e9e9e9"]{
background: var(--pb-green-050) !important; border: 1px solid #d6ead6 !important;
border-left: 5px solid var(--pb-green) !important;
border-radius: 12px !important; border-top-left-radius: 26px !important; padding: 1rem 1.2rem !important;
}
/* ===== Червена (важна) кутия за съобщения ===== */
.pb-alert--danger{
background: #fdf0ef !important; border: 1px solid #f0c4bf !important;
border-left: 5px solid #c0281c !important; color: #8f1f16 !important;
}
.pb-alert--danger strong{ color: #c0281c !important; }
.pb-alert--danger p{ color: #8f1f16 !important; margin: 0; line-height: 1.65; }
.pb-alert--danger a{ color: #c0281c !important; font-weight: 700; }
/* ===== ПОДМЕНЮ — съдържанието центрирано в 1230 (бандът остава 100%) ===== */
#block-planb5-mainmenubg-2 ul.nav.navbar-nav{
max-width: 1230px !important; width: 100% !important;
margin-left: auto !important; margin-right: auto !important;
padding-left: 20px !important; padding-right: 20px !important;
}
/* ===== ПОДМЕНЮ — стабилно центриране (без full-bleed calc, разчита на пълноширок Highlighted) ===== */
.highlighted > aside.section{ max-width: none !important; padding: 0 !important; margin: 0 !important; width: 100% !important; }
#block-planb5-mainmenubg-2{
position: static !important; left: auto !important; right: auto !important; transform: none !important;
width: 100% !important; max-width: none !important; margin: 0 0 1.4rem !important;
}
#block-planb5-mainmenubg-2 ul.nav.navbar-nav{
max-width: 1230px !important; width: 100% !important; margin: 0 auto !important;
padding: .7rem 20px !important; grid-template-columns: repeat(4, 1fr) !important; justify-content: center !important;
}
/* ===== ПОДМЕНЮ — банд пълна ширина + съдържание центрирано (коректен full-bleed) ===== */
.highlighted{ margin: 0 !important; padding: 0 !important; }
.highlighted > aside.section{ max-width: 1230px !important; margin: 0 auto !important; padding: 0 !important; width: auto !important; }
#block-planb5-mainmenubg-2{
position: static !important; left: auto !important; right: auto !important; transform: none !important;
width: auto !important; max-width: none !important;
margin: 0 calc(50% - 50vw) 1.4rem !important;
}
/* ===== ПОДМЕНЮ — БУЛТПРУУФ: цялата верига 100%, съдържание центрирано (без full-bleed) ===== */
.highlighted,
.highlighted > aside.section,
.highlighted > aside.section > *{
max-width: none !important; width: 100% !important;
margin-left: 0 !important; margin-right: 0 !important;
left: auto !important; right: auto !important; transform: none !important; position: static !important;
padding-left: 0 !important; padding-right: 0 !important;
}
#block-planb5-mainmenubg-2{
position: static !important; left: auto !important; right: auto !important; transform: none !important;
width: 100% !important; max-width: none !important; margin: 0 0 1.4rem !important;
}
/* ===== ПОДМЕНЮ — сигурен центриран банд (диагностика на ширината предстои) ===== */
#block-planb5-mainmenubg-2{
width: 100% !important; max-width: 1230px !important; margin: 0 auto 1.4rem !important;
position: static !important; left: auto !important; right: auto !important; transform: none !important;
}
/* ===== ПОДМЕНЮ — ФИНАЛ: банд 100% (aside е 1905), съдържание 1230 подравнено с #main ===== */
#block-planb5-mainmenubg-2{
width: 100% !important; max-width: none !important; margin: 0 0 1.4rem !important;
position: static !important; left: auto !important; right: auto !important; transform: none !important;
}
#block-planb5-mainmenubg-2 ul.nav.navbar-nav{
max-width: 1230px !important; width: 100% !important; margin: 0 auto !important;
padding: .7rem 15px !important; grid-template-columns: repeat(4, 1fr) !important;
}
/* ===== ПОДМЕНЮ — РЕСПОНСИВНИ КОЛОНИ (тези правила са НАКРАЯ, за да надпишат 4-те колони) ===== */
@media (min-width: 768px) and (max-width: 991.98px){
#block-planb5-mainmenubg-2 ul.nav.navbar-nav{ grid-template-columns: repeat(2, 1fr) !important; }
}
@media (max-width: 767.98px){
#block-planb5-mainmenubg-2 ul.nav.navbar-nav{
grid-template-columns: 1fr !important; gap: 0 !important; padding: .5rem 14px !important;
}
#block-planb5-mainmenubg-2 li.nav-item{ width: 100% !important; }
#block-planb5-mainmenubg-2 li.nav-item > a{ text-align: left; width: 100%; padding: .7rem .8rem !important; }
/* 3-то ниво под родителя, инлайн, на телефон */
#block-planb5-mainmenubg-2 li.nav-item.dropdown{ flex-direction: column; align-items: stretch; }
#block-planb5-mainmenubg-2 .dropdown-menu{ margin: .35rem 0 0 1rem !important; padding-left: .6rem !important; border-left: 2px solid rgba(255,255,255,.55) !important; }
}
/* ===== ГЛАВНО МЕНЮ — хамбургер вече под 1200px (без грозния 2-реден преход) ===== */
@media (max-width: 1299.98px){
#navbar-main .navbar-toggler{
display: inline-flex !important; align-items: center; justify-content: center;
margin: .4rem .9rem; padding: .4rem .65rem; border: 1px solid rgba(255,255,255,.55) !important; border-radius: 8px;
}
#navbar-main.navbar-expand-md > .navbar-collapse,
#navbar-main.navbar-expand-md .navbar-collapse#CollapsingNavbar{ display: none !important; flex-basis: 100% !important; }
#navbar-main.navbar-expand-md .navbar-collapse#CollapsingNavbar.show{ display: block !important; }
.tb-megamenu, .tb-megamenu > .navbar-collapse.always-show, .d-flex.bg-primary #CollapsingNavbar{ width: 100% !important; }
.tb-megamenu ul.tb-megamenu-nav.nav.level-0{ flex-direction: column !important; flex-wrap: nowrap !important; align-items: stretch !important; width: 100% !important; }
.tb-megamenu .tb-megamenu-nav > li.tb-megamenu-item.level-1{ width: 100% !important; border-left: 0 !important; border-top: 1px solid rgba(255,255,255,.14) !important; }
.tb-megamenu .tb-megamenu-nav > li.tb-megamenu-item.level-1 > a{ justify-content: flex-start !important; padding: .85rem 1.2rem !important; font-size: .9rem !important; }
/* под-панелите: стек вътре в тъмнозеленото */
.tb-megamenu .tb-megamenu-item.level-1 > .tb-megamenu-submenu{
position: static !important; left: auto !important; right: auto !important; transform: none !important;
width: 100% !important; max-width: none !important; box-shadow: none !important; border: 0 !important; border-radius: 0 !important;
background: #0a4a12 !important; padding: .3rem .6rem .8rem !important; margin: 0 !important;
}
.tb-megamenu .tb-megamenu-item.level-1 > .tb-megamenu-submenu .tb-megamenu-row.row-fluid{ display: block !important; }
.tb-megamenu .tb-megamenu-item.level-1 > .tb-megamenu-submenu .tb-megamenu-column{ width: 100% !important; border: 0 !important; }
.tb-megamenu .tb-megamenu-item.level-1 > .tb-megamenu-submenu .tb-megamenu-subnav.mega-nav > li.tb-megamenu-item > a{ color: #eafaea !important; }
}
/* ===== FEATURED снимка в мега менюто (блок в дясна колона на TB) ===== */
.tb-megamenu .tb-megamenu-row.row-fluid{ align-items: stretch !important; }
.tb-megamenu .tb-megamenu-column:has(.mm-feat){ min-width: 290px; display: flex; }
.tb-megamenu .tb-megamenu-column:has(.mm-feat) .tb-megamenu-column-inner{ padding: 0 !important; width: 100%; display: flex; }
.tb-megamenu .mm-feat{
position: relative; display: block; width: 100%; min-height: 240px;
border-radius: 14px; overflow: hidden; text-decoration: none; color: #fff; line-height: 0;
}
.tb-megamenu .mm-feat img{ width: 100%; height: 100%; min-height: 240px; object-fit: cover; display: block; }
.tb-megamenu .mm-feat::after{ content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,40,0,.05), rgba(0,45,0,.82)); }
.tb-megamenu .mm-feat .mm-feat__cap{ position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; padding: 1rem 1.2rem; line-height: 1.3; }
.tb-megamenu .mm-feat .mm-feat__k{ display: inline-block; background: var(--pb-accent); color: #26200f; font-weight: 700; font-size: .7rem; text-transform: uppercase; letter-spacing: .06em; padding: .12rem .5rem; border-radius: 5px; }
.tb-megamenu .mm-feat .mm-feat__t{ display: block; margin-top: .4rem; font-size: 1.1rem; font-weight: 800; text-shadow: 0 2px 8px rgba(0,0,0,.4); }
.tb-megamenu .mm-feat:hover .mm-feat__t{ text-decoration: underline; }
/* ============ МОБИЛНО/ТАБЛЕТ (<1300px) — менюто ЧИСТО, без overlap (последно правило) ============ */
@media (max-width: 1299.98px){
#navbar-main .navbar-toggler{ display: inline-flex !important; }
#navbar-main.navbar-expand-md .navbar-collapse#CollapsingNavbar{ display: none !important; }
#navbar-main.navbar-expand-md .navbar-collapse#CollapsingNavbar.show{ display: block !important; }
.tb-megamenu, .tb-megamenu > .navbar-collapse.always-show, .d-flex.bg-primary #CollapsingNavbar{ width: 100% !important; }
.tb-megamenu ul.tb-megamenu-nav.nav{ display: flex !important; flex-direction: column !important; align-items: stretch !important; width: 100% !important; }
.tb-megamenu .tb-megamenu-nav > li.tb-megamenu-item.level-1{ width: 100% !important; }
.tb-megamenu .tb-megamenu-nav > li.tb-megamenu-item.level-1 > a{ justify-content: flex-start !important; padding: .8rem 1.1rem !important; }
/* ВСИЧКИ подменюта — статични, в потока, пълна ширина, без снимка/сянка/absolute */
.tb-megamenu .tb-megamenu-submenu,
.tb-megamenu .tb-megamenu-submenu.mega-dropdown-menu,
.tb-megamenu .tb-megamenu-item.level-1 > .tb-megamenu-submenu.mega-dropdown-menu{
position: static !important; top: auto !important; left: auto !important; right: auto !important; transform: none !important;
width: 100% !important; max-width: none !important; min-width: 0 !important; min-height: 0 !important;
box-shadow: none !important; border: 0 !important; border-radius: 0 !important;
padding: .1rem 0 .5rem 1rem !important; margin: 0 !important; overflow: visible !important;
background: #0a4a12 !important; background-image: none !important;
}
.tb-megamenu .tb-megamenu-row.row-fluid{ display: block !important; width: auto !important; }
.tb-megamenu .tb-megamenu-column{ width: 100% !important; border: 0 !important; padding: 0 !important; float: none !important; }
.tb-megamenu .tb-megamenu-subnav.mega-nav{ display: block !important; width: 100% !important; column-count: 1 !important; }
.tb-megamenu .tb-megamenu-subnav.mega-nav > li.tb-megamenu-item > a{ color: #eafaea !important; padding: .5rem .9rem !important; }
.tb-megamenu .tb-megamenu-subnav.mega-nav > li.tb-megamenu-item > a:hover{ background: rgba(255,255,255,.12) !important; color: #fff !important; }
.tb-megamenu .mega-group-title{ color: #bfe6bf !important; }
.tb-megamenu .caret{ display: none !important; }
}
/* ============ МОБИЛНО АКОРДЕОН (<1300px) — тап разгъва (изисква „Always show" = Не) ============ */
@media (max-width: 1299.98px){
/* подменютата скрити по подразбиране, видими при .open (TB добавя .open при тап) */
.tb-megamenu .tb-megamenu-item.level-1 > .tb-megamenu-submenu.mega-dropdown-menu{ display: none !important; }
.tb-megamenu .tb-megamenu-item.level-1.open > .tb-megamenu-submenu.mega-dropdown-menu{ display: block !important; }
/* стрелка-индикатор за разгъване (връщаме я само на мобилно) */
.tb-megamenu .tb-megamenu-nav > li.tb-megamenu-item.level-1 > a .caret{
display: inline-block !important; float: right; margin: .35rem 0 0 .5rem; width: 0; height: 0;
border-top: 6px solid rgba(255,255,255,.85); border-left: 5px solid transparent; border-right: 5px solid transparent;
transition: transform .2s ease;
}
.tb-megamenu .tb-megamenu-nav > li.tb-megamenu-item.level-1.open > a .caret{ transform: rotate(180deg); }
}
/* ============ МОБИЛНО — менюто В ПОТОКА (без плаване/застъпване) ============ */
@media (max-width: 1299.98px){
#navbar-main.navbar{ width: 100% !important; position: static !important; padding: 0 !important; }
#navbar-main .navbar-collapse#CollapsingNavbar{ position: static !important; width: 100% !important; flex-basis: 100% !important; }
.tb-megamenu{ position: static !important; width: 100% !important; }
.tb-megamenu > .navbar-collapse.always-show{ position: static !important; width: 100% !important; }
.tb-megamenu ul.tb-megamenu-nav.nav{ position: static !important; display: block !important; width: 100% !important; }
.tb-megamenu .tb-megamenu-nav > li.tb-megamenu-item.level-1{ position: static !important; display: block !important; width: 100% !important; }
.tb-megamenu .tb-megamenu-item.level-1 > .tb-megamenu-submenu.mega-dropdown-menu{ position: static !important; width: 100% !important; float: none !important; }
}
/* ===== Мега подменю — етикетите се пренасят (без хоризонтално рязане) ===== */
.tb-megamenu .tb-megamenu-subnav.mega-nav > li.tb-megamenu-item > a,
.tb-megamenu .mega-dropdown-menu li a{ white-space: normal !important; overflow-wrap: anywhere; }
.tb-megamenu .tb-megamenu-column{ min-width: 0 !important; }
/* ============================================================================
МОБИЛНО (<1300px): АКОРДЕОН — тап на раздел ОТВАРЯ подменюто (не навигира)
Причина за собствен JS: вграденият скрипт на TB разпознава „мобилно" чрез
стария Bootstrap-2/3 клас .nav-collapse, който в този Bootstrap-5 тема липсва,
затова неговият акордеон не работи. Малък JS в global.js добавя клас .pb-open
при тап върху раздел с подменю и спира навигацията; тук е целият стайлинг.
(CSS сам не може да спре навигация на реален линк.)
============================================================================ */
@media (max-width: 1299.98px){
/* --- ПОТОК: отвореното меню нараства и избутва съдържанието надолу --- */
.d-flex.bg-primary{ flex-wrap: wrap !important; align-items: flex-start !important; height: auto !important; min-height: 0 !important; }
#navbar-main.navbar{ height: auto !important; min-height: 0 !important; position: static !important; }
#navbar-main .navbar-collapse#CollapsingNavbar{ flex-basis: 100% !important; }
#navbar-main .navbar-collapse#CollapsingNavbar.show{
position: static !important; display: block !important; height: auto !important;
max-height: none !important; overflow: visible !important; width: 100% !important;
}
.tb-megamenu, .tb-megamenu > .navbar-collapse{ position: static !important; height: auto !important; width: 100% !important; }
/* --- СПИСЪК от раздели (ниво 1) --- */
.tb-megamenu ul.tb-megamenu-nav.nav.level-0{ display: flex !important; flex-direction: column !important; flex-wrap: nowrap !important; align-items: stretch !important; width: 100% !important; }
.tb-megamenu .tb-megamenu-nav > li.tb-megamenu-item.level-1{ display: block !important; width: 100% !important; position: static !important; border-top: 1px solid rgba(255,255,255,.14) !important; }
/* ниво 1: ЗЕЛЕН фон + БЕЛ текст във ВСИЧКИ състояния (без бяло на бяло) */
.tb-megamenu .tb-megamenu-nav > li.tb-megamenu-item.level-1 > a,
.tb-megamenu .tb-megamenu-nav > li.tb-megamenu-item.level-1 > a:link,
.tb-megamenu .tb-megamenu-nav > li.tb-megamenu-item.level-1 > a:visited,
.tb-megamenu .tb-megamenu-nav > li.tb-megamenu-item.level-1 > a:focus,
.tb-megamenu .tb-megamenu-nav > li.tb-megamenu-item.level-1.open > a,
.tb-megamenu .tb-megamenu-nav > li.tb-megamenu-item.level-1.pb-open > a{
display: flex !important; align-items: center !important; justify-content: space-between !important; gap: .6rem;
text-align: left !important; padding: .9rem 1.2rem !important; white-space: normal !important;
height: auto !important; min-height: 0 !important; line-height: 1.35 !important; font-size: .95rem !important;
background: var(--pb-green) !important; color: #fff !important;
}
.tb-megamenu .tb-megamenu-nav > li.tb-megamenu-item.level-1 > a:hover,
.tb-megamenu .tb-megamenu-nav > li.tb-megamenu-item.level-1.pb-open > a{ background: var(--pb-green-d) !important; color: #fff !important; }
/* стрелка-индикатор (показва, че се разгъва) */
.tb-megamenu .tb-megamenu-nav > li.tb-megamenu-item.level-1 > a .caret{
display: inline-block !important; float: none !important; margin: 0 !important; flex: 0 0 auto;
width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent;
border-top: 6px solid rgba(255,255,255,.9); transition: transform .2s ease;
}
.tb-megamenu .tb-megamenu-nav > li.tb-megamenu-item.level-1.pb-open > a .caret{ transform: rotate(180deg); }
/* --- ПОДМЕНЮ (ниво 2): скрито; видимо само при .pb-open --- */
.tb-megamenu .tb-megamenu-item.level-1 > .tb-megamenu-submenu,
.tb-megamenu .tb-megamenu-item.level-1 > .tb-megamenu-submenu.mega-dropdown-menu{ display: none !important; }
.tb-megamenu .tb-megamenu-item.level-1.pb-open > .tb-megamenu-submenu,
.tb-megamenu .tb-megamenu-item.level-1.pb-open > .tb-megamenu-submenu.mega-dropdown-menu{
display: block !important; position: static !important; width: 100% !important; max-width: none !important; min-width: 0 !important; min-height: 0 !important;
box-shadow: none !important; border: 0 !important; border-radius: 0 !important; margin: 0 !important;
padding: .2rem 0 .6rem 0 !important; background: #0a4a12 !important; background-image: none !important; overflow: visible !important;
}
.tb-megamenu .tb-megamenu-item.level-1.pb-open > .tb-megamenu-submenu .tb-megamenu-row.row-fluid{ display: block !important; width: auto !important; }
.tb-megamenu .tb-megamenu-item.level-1.pb-open > .tb-megamenu-submenu .tb-megamenu-column{ width: 100% !important; border: 0 !important; padding: 0 !important; float: none !important; }
.tb-megamenu .tb-megamenu-item.level-1.pb-open > .tb-megamenu-submenu .tb-megamenu-subnav.mega-nav{ display: block !important; width: 100% !important; column-count: 1 !important; }
/* ниво 2 линкове: светъл текст на тъмнозелено */
.tb-megamenu .tb-megamenu-item.level-1.pb-open > .tb-megamenu-submenu li.tb-megamenu-item > a{ color: #eafaea !important; background: transparent !important; padding: .6rem 1.2rem .6rem 1.6rem !important; white-space: normal !important; }
.tb-megamenu .tb-megamenu-item.level-1.pb-open > .tb-megamenu-submenu li.tb-megamenu-item > a:hover{ background: rgba(255,255,255,.12) !important; color: #fff !important; }
.tb-megamenu .tb-megamenu-item.level-1.pb-open > .tb-megamenu-submenu .mega-group-title{ color: #bfe6bf !important; padding: .5rem 1.2rem .2rem 1.6rem !important; }
/* скрий featured снимката в подменюто на мобилно */
.tb-megamenu .tb-megamenu-item.level-1 > .tb-megamenu-submenu .mm-feat,
.tb-megamenu .tb-megamenu-item.level-1 > .tb-megamenu-submenu .tb-megamenu-column:has(.mm-feat){ display: none !important; }
}
/* ============================================================================
ДЕСКТОП (≥1300px): МЕГА ПАНЕЛИ НА ПЪЛНА ШИРИНА — еднакви, не „танцуват"
Всички подменюта се разпъват от край до край на екрана и отварят на едно и
също място. Съдържанието е центрирано до 1230px (подравнено с логото/сайта);
при разделите със снимка тя стои отляво на центрираното съдържание.
Този блок е последен и замества по-ранните ширини (1020/1180/max-content).
============================================================================ */
@media (min-width: 1300px){
/* контекст за позициониране = лентата на пълна ширина */
.d-flex.bg-primary{ position: relative !important; }
#navbar-main.navbar{ position: static !important; }
.tb-megamenu, .tb-megamenu > .navbar-collapse,
.tb-megamenu ul.tb-megamenu-nav.nav.level-0,
.tb-megamenu .tb-megamenu-nav > li.tb-megamenu-item.level-1{ position: static !important; }
/* li на ниво-1 статично с ID-приоритет — панелът се закача за ЛЕНТАТА, не за късото li
(иначе панелът „забива" в горното меню) */
#navbar-main .tb-megamenu .tb-megamenu-nav > li.tb-megamenu-item.level-1{ position: static !important; }
/* самият блок на мега менюто също static — иначе той (по-нисък от лентата) става
контекст за позициониране и панелът „забива" в средата на лентата */
#block-planb5-mainmenubg-4{ position: static !important; }
/* ВСИЧКИ панели: пълна ширина, еднаква позиция */
#navbar-main .tb-megamenu .tb-megamenu-item.level-1 > .tb-megamenu-submenu.mega-dropdown-menu{
position: absolute !important; top: calc(100% + 3px) !important; left: 50% !important; right: auto !important;
transform: translateX(-50%) !important; width: 100vw !important; max-width: 100vw !important; min-width: 0 !important;
margin: 0 !important; padding: 0 !important; overflow: hidden !important;
border-radius: 0 !important; border-top: 3px solid var(--pb-green-2) !important;
background: #fff !important; background-image: none !important;
box-shadow: 0 18px 30px rgba(0,40,0,.14) !important;
}
/* съдържание центрирано до 1230 */
#navbar-main .tb-megamenu .tb-megamenu-item.level-1 > .tb-megamenu-submenu.mega-dropdown-menu > .mega-dropdown-inner{
max-width: min(1580px, 96vw) !important; margin: 0 auto !important; padding: 1.5rem 1.4rem !important;
background: transparent !important; box-shadow: none !important; position: relative; min-height: 0 !important;
}
/* колоните се разпределят равномерно и не се режат */
#navbar-main .tb-megamenu .tb-megamenu-item.level-1 > .tb-megamenu-submenu.mega-dropdown-menu .tb-megamenu-row.row-fluid{ display: flex !important; flex-wrap: nowrap !important; width: 100% !important; }
#navbar-main .tb-megamenu .tb-megamenu-item.level-1 > .tb-megamenu-submenu.mega-dropdown-menu .tb-megamenu-column{ flex: 1 1 0 !important; min-width: 190px !important; width: auto !important; }
#navbar-main .tb-megamenu .tb-megamenu-item.level-1 > .tb-megamenu-submenu.mega-dropdown-menu .tb-megamenu-subnav.mega-nav{ width: 100% !important; }
/* --- 3-то ниво: ФИННО разгънато НА МЯСТОТО СИ, без да бута съседните колони --- */
/* колоните подравнени ОТГОРЕ с естествена височина → разгъването на един раздел
не разтяга/разбутва останалите */
#navbar-main .tb-megamenu .tb-megamenu-item.level-1 > .tb-megamenu-submenu.mega-dropdown-menu .tb-megamenu-row.row-fluid{ align-items: flex-start !important; }
#navbar-main .tb-megamenu .tb-megamenu-item.level-1 > .tb-megamenu-submenu.mega-dropdown-menu .tb-megamenu-column{ align-self: flex-start !important; }
/* подменюто на 3-то ниво — видимо, инлайн точно под родителя си */
#navbar-main .tb-megamenu .mega-dropdown-menu .tb-megamenu-item.dropdown-submenu > .tb-megamenu-submenu,
#navbar-main .tb-megamenu .mega-dropdown-menu .tb-megamenu-item.dropdown-submenu > ul.tb-megamenu-subnav{
display: block !important; position: static !important; top: auto !important; left: auto !important; right: auto !important;
transform: none !important; opacity: 1 !important; visibility: visible !important; float: none !important;
width: 100% !important; min-width: 0 !important; max-width: none !important;
box-shadow: none !important; border: 0 !important; background: transparent !important;
margin: .1rem 0 .3rem !important; padding: 0 !important;
}
/* 3-то ниво е в отделна span12 колона — издърпваме я наляво да се подравни с 2-то ниво */
#navbar-main .tb-megamenu .mega-dropdown-menu .tb-megamenu-column.span12{ margin-left: -6px !important; padding-left: 0 !important; }
/* под-елементите (ниво 3/4) — дребни и фини, с лява линия за йерархия */
/* по-тъмен цвят за 3-то/4-то ниво — #6a7a62 беше твърде бледо, трудно за четене
("бели букви" усещане); сега е наситено, но все пак по-леко от 2-ро ниво */
#navbar-main .tb-megamenu .mega-dropdown-menu .tb-megamenu-item.level-3 > a,
#navbar-main .tb-megamenu .mega-dropdown-menu .tb-megamenu-item.level-4 > a{
font-size: .8rem !important; color: #3d4f38 !important; padding: .14rem .2rem !important;
border-left: 0 !important; border-radius: 0 !important; white-space: nowrap !important; line-height: 1.3 !important;
}
#navbar-main .tb-megamenu .mega-dropdown-menu .tb-megamenu-item.level-3 > a:hover,
#navbar-main .tb-megamenu .mega-dropdown-menu .tb-megamenu-item.level-4 > a:hover{ color: var(--pb-green-d) !important; background: #f0f7f0 !important; }
/* без flyout-стрелка (вече е разгънато) */
#navbar-main .tb-megamenu .mega-dropdown-menu .tb-megamenu-item.dropdown-submenu > a .caret,
#navbar-main .tb-megamenu .mega-dropdown-menu .tb-megamenu-item.dropdown-submenu > a::after{ display: none !important; }
}
/* ============================================================================
Вторичната навигация (#block-planb5-mainmenubg-2) НЕ остава разгъната на
страниците без sidebar (там излизаше на пълна ширина и буташе съдържанието).
Прибира се → остава само зелената лента (първо ниво) + breadcrumb.
На sidebar страниците си остава както е (странична навигация).
============================================================================ */
#block-planb5-mainmenubg-2{ display: none !important; }
/* ============================================================================
МОБИЛНО (<1300px) — ЧИСТ АКОРДЕОН (финално, авторитетно).
Коренен проблем: li на ниво-1 беше display:flex row → етикетът и подменюто
стояха ЕДИН ДО ДРУГ (празно отляво). Тук ги СТЕКваме и правим подменюто
пълна ширина, в един стълб, без колони/снимки.
============================================================================ */
@media (max-width: 1299.98px){
/* ниво 1 + подменюто СТЕКНАТИ (не един до друг) */
#navbar-main .tb-megamenu .tb-megamenu-nav > li.tb-megamenu-item.level-1{ display: block !important; width: 100% !important; }
#navbar-main .tb-megamenu .tb-megamenu-nav > li.tb-megamenu-item.level-1 > a{ display: flex !important; justify-content: space-between !important; align-items: center !important; width: 100% !important; }
/* подменюто: пълна ширина, в потока, тъмнозелено, без колони/снимки/сенки */
#navbar-main .tb-megamenu .tb-megamenu-item.level-1 > .tb-megamenu-submenu.mega-dropdown-menu{
position: static !important; transform: none !important; left: auto !important; right: auto !important; top: auto !important;
width: 100% !important; max-width: none !important; min-width: 0 !important; min-height: 0 !important;
box-shadow: none !important; border: 0 !important; border-radius: 0 !important;
background: #0a4a12 !important; background-image: none !important;
padding: .2rem 0 .5rem 0 !important; margin: 0 !important; overflow: visible !important;
}
#navbar-main .tb-megamenu .mega-dropdown-menu .mega-dropdown-inner{ max-width: none !important; margin: 0 !important; padding: 0 !important; background: transparent !important; background-image: none !important; min-height: 0 !important; }
#navbar-main .tb-megamenu .mega-dropdown-menu .tb-megamenu-row.row-fluid{ display: block !important; width: 100% !important; margin: 0 !important; }
#navbar-main .tb-megamenu .mega-dropdown-menu .tb-megamenu-column{ display: block !important; width: 100% !important; max-width: none !important; min-width: 0 !important; float: none !important; margin: 0 !important; padding: 0 !important; }
#navbar-main .tb-megamenu .mega-dropdown-menu .tb-megamenu-column.span12{ margin-left: 0 !important; }
#navbar-main .tb-megamenu .mega-dropdown-menu .tb-megamenu-column-inner{ padding: 0 !important; }
#navbar-main .tb-megamenu .mega-dropdown-menu .tb-megamenu-subnav.mega-nav{ display: block !important; width: 100% !important; column-count: 1 !important; margin: 0 !important; padding: 0 !important; }
#navbar-main .tb-megamenu .mm-feat,
#navbar-main .tb-megamenu .mega-dropdown-menu .tb-megamenu-column:has(.mm-feat){ display: none !important; }
/* ниво 2 линкове */
#navbar-main .tb-megamenu .mega-dropdown-menu li.tb-megamenu-item.level-2 > a{ display: block !important; width: 100% !important; padding: .6rem 1rem .6rem 1.6rem !important; color: #eafaea !important; background: transparent !important; white-space: normal !important; font-size: .95rem !important; text-align: left !important; }
#navbar-main .tb-megamenu .mega-dropdown-menu li.tb-megamenu-item.level-2 > a:hover{ background: rgba(255,255,255,.1) !important; color: #fff !important; }
#navbar-main .tb-megamenu .mega-dropdown-menu .mega-group-title{ color: #bfe6bf !important; padding: .5rem 1rem .2rem 1.6rem !important; }
/* ниво 3/4 линкове — по-навътре, по-дребни */
#navbar-main .tb-megamenu .mega-dropdown-menu li.tb-megamenu-item.level-3 > a,
#navbar-main .tb-megamenu .mega-dropdown-menu li.tb-megamenu-item.level-4 > a{ padding: .45rem 1rem .45rem 2.6rem !important; color: #cfe6cf !important; font-size: .88rem !important; white-space: normal !important; }
/* подменюто видимо само при .pb-open / .open (акордеон) */
#navbar-main .tb-megamenu .tb-megamenu-item.level-1 > .tb-megamenu-submenu.mega-dropdown-menu{ display: none !important; }
#navbar-main .tb-megamenu .tb-megamenu-item.level-1.pb-open > .tb-megamenu-submenu.mega-dropdown-menu,
#navbar-main .tb-megamenu .tb-megamenu-item.level-1.open > .tb-megamenu-submenu.mega-dropdown-menu{ display: block !important; }
}
/* Мобилно: хамбургерът ВИНАГИ най-горе (в DOM идва след менюто → с flex order го вдигаме) */
@media (max-width: 1299.98px){
#navbar-main.navbar{ display: flex !important; flex-direction: column !important; align-items: stretch !important; }
#navbar-main .navbar-toggler{ order: -1 !important; align-self: flex-start !important; margin: .5rem .9rem !important; }
#navbar-main #CollapsingNavbar{ order: 0 !important; width: 100% !important; }
}
/* Карусел снимки (field_photos) — - ...
е
остатъчна Bootstrap 3/4 разметка; Bootstrap 5 вече не нулира list-style за нея (очаква