/* ================================================================
   Община Гулянци — модерна тема върху Cassiopeia (user.css, update-safe)
   Палитра от герба: червено, зелено-тюркоаз, злато, кремаво
   ================================================================ */
:root{
  --g-red:#C1272D; --g-red-dk:#9d1f24;
  --g-green:#2E9B87; --g-green-dk:#1f6f60; --g-green-darker:#184f45;
  --g-gold:#B99A5B; --g-cream:#F6F1E1;
  --g-ink:#20303a; --g-muted:#5c6b74; --g-line:#e6e9ec;
  --g-bg:#f4f6f7;
}
body.site{ background:var(--g-bg); color:var(--g-ink);
  font-family:"Segoe UI",system-ui,Roboto,Arial,sans-serif; }
.container-main{ background:transparent; }
a{ color:var(--g-green-dk); }
a:hover{ color:var(--g-red); }

/* ---------- ТОП ЛЕНТА (контакти) ---------- */
.g-topbar{ background:var(--g-green-darker); color:#dff1ec; font-size:13.5px; }
.g-topbar .g-in{ max-width:1240px; margin:0 auto; padding:7px 20px;
  display:flex; flex-wrap:wrap; gap:6px 22px; align-items:center; justify-content:flex-end; }
.g-topbar a{ color:#eafaf5; text-decoration:none; display:inline-flex; align-items:center; gap:7px; }
.g-topbar a:hover{ color:#fff; }
.g-topbar .g-sep{ margin-right:auto; font-weight:600; color:#bfe6dc; letter-spacing:.02em; }

/* ---------- ХЕДЪР (герб + заглавие) ---------- */
.container-header{ background:#fff; box-shadow:0 2px 18px rgba(20,48,42,.08);
  border-bottom:3px solid var(--g-red); position:sticky; top:0; z-index:60; }
.container-header .grid-child{ display:flex; align-items:center; gap:18px;
  max-width:1240px; margin:0 auto; padding:12px 20px; }
.header .logo img,.container-header img{ height:64px; width:auto; }
.site-title,.header .site-title{ margin:0; }
.site-title a{ font-size:26px; font-weight:800; color:var(--g-ink); line-height:1.05;
  letter-spacing:-.01em; text-decoration:none; }
.site-description{ display:block; font-size:13px; color:var(--g-muted); font-weight:600; margin-top:2px; }

/* ---------- НАВИГАЦИЯ ---------- */
.container-nav{ background:var(--g-green-dk); }
.navbar,.container-nav .grid-child{ max-width:1240px; margin:0 auto; }
ul.mod-menu{ display:flex; flex-wrap:wrap; gap:2px; }
.mod-menu__item a,.navbar .nav-item a{ color:#eafaf5 !important; font-weight:700; font-size:15px;
  padding:14px 18px !important; display:block; text-decoration:none; border-radius:0;
  transition:background .15s; }
.mod-menu__item a:hover,.mod-menu__item.current>a,.mod-menu__item.active>a{
  background:var(--g-green-darker); color:#fff !important; }
.metismenu .mm-collapse a{ padding-left:24px !important; }

/* ---------- HERO ---------- */
.g-hero{ position:relative; background:linear-gradient(120deg,var(--g-green-dk),var(--g-green-darker));
  color:#fff; overflow:hidden; }
.g-hero .g-in{ max-width:1240px; margin:0 auto; padding:54px 20px; position:relative; z-index:2; }
.g-hero h1,.g-hero h2{ font-size:clamp(26px,4vw,42px); font-weight:800; margin:0 0 12px; color:#fff; line-height:1.12; }
.g-hero p{ font-size:clamp(16px,2vw,19px); max-width:60ch; color:#e6f5f0; margin:0 0 22px; }
.g-hero .g-cta{ display:inline-block; background:var(--g-red); color:#fff; font-weight:700;
  padding:13px 26px; border-radius:8px; text-decoration:none; box-shadow:0 10px 24px -10px rgba(193,39,45,.8); }
.g-hero .g-cta:hover{ background:var(--g-red-dk); }
.g-hero::after{ content:""; position:absolute; right:-80px; top:-60px; width:420px; height:420px;
  background:radial-gradient(circle,rgba(255,255,255,.10),transparent 70%); z-index:1; }

/* ---------- СЪДЪРЖАНИЕ / КАРТИ ---------- */
.container-component{ max-width:1240px; margin:24px auto; padding:0 20px; }
.page-header h1{ font-size:28px; font-weight:800; color:var(--g-ink);
  border-left:5px solid var(--g-red); padding-left:14px; margin-bottom:20px; }

/* блог → грид от карти */
.com-content-category-blog__items{ display:grid !important;
  grid-template-columns:repeat(auto-fill,minmax(330px,1fr)); gap:24px; }
.com-content-category-blog__item{ background:#fff; border:1px solid var(--g-line);
  border-radius:14px; overflow:hidden; box-shadow:0 3px 16px rgba(20,48,42,.06);
  display:flex; flex-direction:column; transition:transform .18s,box-shadow .18s; }
.com-content-category-blog__item:hover{ transform:translateY(-4px);
  box-shadow:0 14px 34px -14px rgba(20,48,42,.35); }
.com-content-category-blog__item img{ width:100%; height:200px; object-fit:cover; }
.com-content-category-blog__item .page-header,
.com-content-category-blog__item h2{ font-size:19px; line-height:1.3; margin:0; padding:16px 18px 6px; }
.com-content-category-blog__item h2 a{ color:var(--g-ink); text-decoration:none; font-weight:700; }
.com-content-category-blog__item h2 a:hover{ color:var(--g-red); }
.com-content-category-blog__item .article-info{ padding:0 18px; color:var(--g-muted);
  font-size:12.5px; margin:0; display:flex; gap:14px; flex-wrap:wrap; }
.com-content-category-blog__item .article-info dd{ margin:0; }
.com-content-category-blog__item p{ padding:8px 18px 0; color:var(--g-muted); font-size:14.5px; }
.com-content-category-blog__item .readmore{ margin-top:auto; padding:14px 18px 18px; }
.com-content-category-blog__item .readmore a,.btn-secondary{ background:var(--g-green-dk);
  border:0; color:#fff !important; font-weight:600; padding:9px 16px; border-radius:8px;
  text-decoration:none; font-size:13.5px; display:inline-block; }
.com-content-category-blog__item .readmore a:hover{ background:var(--g-red); }
/* пълна статия */
.item-page{ background:#fff; border:1px solid var(--g-line); border-radius:14px; padding:26px 30px;
  box-shadow:0 3px 16px rgba(20,48,42,.06); }
.item-page h1{ color:var(--g-ink); border-left:5px solid var(--g-red); padding-left:14px; }

/* ---------- ФУТЪР ---------- */
.container-footer{ background:var(--g-green-darker); color:#cfe3dd; margin-top:36px; }
.g-footer{ max-width:1240px; margin:0 auto; padding:44px 20px 20px;
  display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:30px; }
.g-footer h4{ color:#fff; font-size:15px; font-weight:800; letter-spacing:.04em;
  text-transform:uppercase; margin:0 0 14px; padding-bottom:8px; border-bottom:2px solid var(--g-red); display:inline-block; }
.g-footer a{ color:#d8ece6; text-decoration:none; }
.g-footer a:hover{ color:#fff; }
.g-footer ul{ list-style:none; margin:0; padding:0; }
.g-footer li{ padding:5px 0; font-size:14px; }
.g-footer .g-contact li{ display:flex; gap:9px; align-items:flex-start; }
.g-useful img{ max-height:46px; width:auto; background:#fff; padding:5px; border-radius:6px; margin:5px 8px 5px 0; vertical-align:middle; }
.g-eu img{ max-width:170px; height:auto; background:#fff; padding:8px; border-radius:8px; }
.g-map iframe{ width:100%; height:170px; border:0; border-radius:10px; }
.g-copy{ max-width:1240px; margin:0 auto; padding:16px 20px; border-top:1px solid rgba(255,255,255,.12);
  font-size:13px; color:#a9c9c1; display:flex; justify-content:space-between; flex-wrap:wrap; gap:8px; }

/* мобилно */
@media(max-width:820px){
  .container-header .grid-child{ padding:10px 14px; gap:12px; }
  .header .logo img,.container-header img{ height:50px; }
  .site-title a{ font-size:20px; }
  ul.mod-menu{ flex-direction:column; }
  .g-topbar .g-in{ justify-content:center; }
}

/* неутрализиране на Cassiopeia card chrome за нашите секции */
.container-topbar .card,.container-banner .card,.container-footer .card,
.container-topbar .card-body,.container-banner .card-body,.container-footer .card-body{
  background:none !important;border:0 !important;box-shadow:none !important;padding:0 !important;margin:0 !important;}
.container-topbar,.container-banner{padding:0 !important;}
.container-topbar .moduletable,.container-banner .moduletable,.container-footer .moduletable{margin:0 !important;}

/* заглавие до герба (Cassiopeia не рендва site-title при лого — добавяме го) */
.navbar-brand{ display:flex; flex-wrap:wrap; align-items:center; }
.brand-logo{ display:inline-flex; align-items:center; gap:15px; text-decoration:none; }
.brand-logo img{ height:66px; width:auto; }
.brand-logo::after{ content:"Община Гулянци"; font-size:26px; font-weight:800;
  color:var(--g-ink); line-height:1.05; letter-spacing:-.01em; white-space:nowrap; }
.navbar-brand .site-description{ flex-basis:100%; margin-left:81px; margin-top:-4px;
  color:var(--g-muted); font-size:13px; font-weight:600; }
@media(max-width:820px){ .brand-logo img{height:50px} .brand-logo::after{font-size:19px}
  .navbar-brand .site-description{display:none} }

/* ============ КОРЕКЦИИ по обратна връзка ============ */
/* компактен хедър + по-голям бранд */
.container-header .grid-child{ padding:9px 20px !important; }
.brand-logo img{ height:76px !important; }
.brand-logo::after{ font-size:31px !important; }
.navbar-brand .site-description{ margin-left:91px; font-size:13.5px; }
/* по-тънка навигация */
.mod-menu__item a,.navbar .nav-item a{ padding:11px 20px !important; }
/* HERO = банер със снимка на сградата */
.g-hero{ background:linear-gradient(rgba(24,79,69,.80),rgba(31,111,96,.84)), url('/images/hero-bg.jpg') !important;
  background-size:cover !important; background-position:center 42% !important; }
.g-hero .g-in{ padding:62px 20px !important; }
/* скрий "You are here" breadcrumbs */
.mod-breadcrumbs,.breadcrumb,ol.breadcrumb,[class*="breadcrumb"]{ display:none !important; }
/* дати видими, БЕЗ надпис "Details" */
.article-info-term{ display:none !important; }
dl.article-info,.article-info{ display:block !important; margin:0 !important; padding:2px 18px 0 !important;
  color:var(--g-muted); font-size:12.5px; }
.article-info dd{ display:inline; margin:0 8px 0 0; }
/* карти: точно 2 в ред, надолу */
.com-content-category-blog__items{ grid-template-columns:repeat(2,1fr) !important; }
.com-content-category-blog__item img{ height:215px; }
@media(max-width:760px){ .com-content-category-blog__items{ grid-template-columns:1fr !important; } }

/* ============ КОРЕКЦИИ 2 ============ */
/* навигация още по-тънка + плътен зелен ДОКРАЙ (пълна ширина) */
.container-nav{ background:var(--g-green-dk) !important; width:100% !important; }
.container-nav .grid-child,.container-nav .navbar{ background:transparent !important; }
.mod-menu__item a,.navbar .nav-item a{ padding:8px 18px !important; font-size:14.5px !important; }
/* по-компактен (стеснен) бял хедър */
.container-header .grid-child{ padding:5px 20px !important; }
.brand-logo img{ height:58px !important; }
.brand-logo::after{ font-size:23px !important; }
/* заглавие + описание на ЕДИН ред */
.navbar-brand{ flex-wrap:nowrap !important; align-items:center !important; }
.navbar-brand .site-description{ display:inline !important; margin:0 0 0 12px !important;
  font-size:14.5px; font-weight:600; color:var(--g-muted); white-space:nowrap; flex:none; }
.navbar-brand .site-description::before{ content:"— "; }
/* карти: чист 2-колонен грид (Joomla num_columns=1 → плоски елементи) */
.com-content-category-blog__items{ grid-template-columns:repeat(2,1fr) !important; align-items:start; }
/* пагинация = отделна плоча ПОД картите, центрирана */
.com-content-category-blog__navigation,nav.pagination,.pagination,.pagination__wrapper{
  display:flex !important; justify-content:center; align-items:center; flex-wrap:wrap; gap:6px;
  background:#fff; border:1px solid var(--g-line); border-radius:12px; padding:12px 16px;
  margin:18px 0 4px; box-shadow:0 3px 16px rgba(20,48,42,.06); list-style:none; }
.pagination{ margin-top:20px; }
.pagination li{ margin:0; } .pagination li a,.pagination li span{ padding:8px 13px; border-radius:8px; color:var(--g-ink); text-decoration:none; }
.pagination li a:hover,.pagination .active span{ background:var(--g-green-dk); color:#fff; }
@media(max-width:820px){ .navbar-brand .site-description{ display:none !important; } }

/* ============ КОРЕКЦИИ 3: пагинация като отделна плоча под картите ============ */
.com-content-category-blog__navigation{ grid-column:1 / -1 !important; display:block !important;
  width:100% !important; text-align:center; margin-top:22px; float:none !important; }
.com-content-category-blog__counter{ float:none !important; text-align:center !important;
  color:var(--g-muted); font-size:13px; margin:0 0 10px !important; padding:0 !important; }
.com-content-category-blog__pagination{ display:flex; justify-content:center; }
ul.pagination{ display:inline-flex !important; justify-content:center; flex-wrap:wrap; gap:6px;
  background:#fff; border:1px solid var(--g-line); border-radius:12px; padding:10px 14px; margin:0 auto !important;
  box-shadow:0 3px 16px rgba(20,48,42,.06); }

/* ============ КОРЕКЦИИ 4 (цветове от герба + full-bleed меню + баланс карти) ============ */
/* БРАНД: всичко ТЕКСТ, на един ред */
.brand-logo::after{ content:"Община Гулянци" !important; margin-left:12px !important;
  font-size:24px !important; font-weight:800 !important; color:var(--g-ink) !important; white-space:nowrap; }
.navbar-brand{ align-items:center !important; flex-wrap:nowrap !important; }
.navbar-brand .site-description{ display:inline !important; margin:0 0 0 9px !important;
  font-size:15px !important; font-weight:500 !important; color:var(--g-muted) !important; white-space:nowrap; }
.navbar-brand .site-description::before{ content:"" !important; }

/* МЕНЮ: жълт фон (като герба) ДОКРАЙ, черен текст */
.container-nav{ background:#EFC01E !important; border-top:4px solid #BF9B30 !important; border-bottom:0 !important;
  margin-left:calc(50% - 50vw) !important; margin-right:calc(50% - 50vw) !important;
  width:100vw !important; max-width:100vw !important; padding:0 !important; }
.container-nav .mod-menu{ max-width:1240px !important; margin:0 auto !important; padding:0 20px !important; }
.mod-menu__item a,.container-nav .nav-item a{ color:#1a1a1a !important; font-weight:700 !important; padding:10px 18px !important; }
.mod-menu__item a:hover,.mod-menu__item.current>a,.mod-menu__item.active>a{ background:#d9a400 !important; color:#000 !important; }
/* стрип под менюто (беше червен) → златно */
.container-header{ border-bottom:4px solid #BF9B30 !important; }

/* КАРТИ: flexbox 2 в ред, равна височина, гарантиран баланс */
.com-content-category-blog__items{ display:flex !important; flex-wrap:wrap !important; gap:24px !important; align-items:stretch !important; }
.com-content-category-blog__item{ width:calc(50% - 12px) !important; }
.com-content-category-blog__navigation{ width:100% !important; }
@media(max-width:760px){ .com-content-category-blog__item{ width:100% !important; } }

/* ============ КОРЕКЦИИ 5 ============ */
/* меню: по-светло МЛЕЧНО жълто; злато САМО отдолу; по-тънко */
.container-nav{ background:#F5DD82 !important; border-top:0 !important; }
.container-header{ border-bottom:4px solid #BF9B30 !important; }
.mod-menu__item a,.container-nav .nav-item a{ padding:7px 18px !important; color:#1a1a1a !important; }
.mod-menu__item a:hover,.mod-menu__item.current>a,.mod-menu__item.active>a{ background:#e7ca5c !important; color:#000 !important; }
/* заглавие: двата текста изравнени на един ред */
.navbar-brand{ display:flex !important; align-items:center !important; }
.brand-logo{ display:flex !important; align-items:center !important; }
.brand-logo img{ height:52px !important; }
.brand-logo::after{ margin:0 0 0 12px !important; font-size:22px !important; line-height:1 !important; align-self:center !important; position:relative; top:0 !important; }
.navbar-brand .site-description{ display:flex !important; align-items:center !important; line-height:1 !important; margin:0 0 0 8px !important; align-self:center !important; padding:0 !important; }
/* карти: ограничи интро текста до 3 реда → еднаква височина, без „много дълга" плоча */
.com-content-category-blog__item p{ display:-webkit-box !important; -webkit-line-clamp:3 !important;
  -webkit-box-orient:vertical !important; overflow:hidden !important; }

/* ============ КОРЕКЦИИ 6 ============ */
/* меню още по-СВЕТЛО млечно жълто */
.container-nav{ background:#FAEBAB !important; }
.mod-menu__item a:hover,.mod-menu__item.current>a,.mod-menu__item.active>a{ background:#f0dd7e !important; color:#000 !important; }
/* ДЪЛГА ПЛОЧА: махни списъци/таблици от преглед-картата, само първи текстов абзац (clamp 3 реда) */
.com-content-category-blog__item .item-content ul,
.com-content-category-blog__item .item-content ol,
.com-content-category-blog__item .item-content table{ display:none !important; }
.com-content-category-blog__item .item-content p:not(:has(img)){
  display:-webkit-box !important; -webkit-line-clamp:3 !important; -webkit-box-orient:vertical !important;
  overflow:hidden !important; margin-bottom:6px !important; }
.com-content-category-blog__item .item-content p:not(:has(img)):not(.readmore) ~ p:not(:has(img)):not(.readmore){ display:none !important; }

/* ============ КОРЕКЦИИ 8: в интро-картите показвай само P/IMG (+заглавие/дата/бутон), скрий тежките елементи (FB embeds, iframe, хединги, таблици, списъци) ============ */
.com-content-category-blog__item .item-content > *:not(p):not(img):not(.page-header):not(.article-info):not(.readmore){
  display:none !important; }
.com-content-category-blog__item .item-content iframe{ display:none !important; }

/* ============ КОРЕКЦИИ 9: меню по-СВЕТЛО жълто ============ */
.container-nav{ background:#FCF0C2 !important; }
.mod-menu__item a:hover,.mod-menu__item.current>a,.mod-menu__item.active>a{ background:#f2e191 !important; color:#000 !important; }

/* ============ КОРЕКЦИИ 7 ============ */
/* БРАНД: изглежда като ЛОГО (не линк), по-богато — „Община Гулянци" в тъмнозелено */
.navbar-brand a,.navbar-brand a:hover,.brand-logo,.brand-logo:hover{ text-decoration:none !important; }
.brand-logo::after{ color:var(--g-green-dk) !important; font-size:26px !important; font-weight:800 !important; letter-spacing:-.01em !important; }
.navbar-brand .site-description{ color:var(--g-muted) !important; font-weight:600 !important; }

/* МЕНЮ още една идея по-светло (последно) */
.container-nav{ background:#FDF5D0 !important; }
.mod-menu__item a:hover,.mod-menu__item.current>a,.mod-menu__item.active>a{ background:#f4e7a2 !important; color:#000 !important; }

/* КАРТИ: махни бутоните „Прочетете повече"; цялата карта = кликаема (заглавието е линкът) */
.com-content-category-blog__item .readmore{ display:none !important; }
.com-content-category-blog__item{ position:relative; cursor:pointer; }
.com-content-category-blog__item .page-header a::after{ content:"" !important; position:absolute !important;
  inset:0 !important; z-index:3 !important; display:block !important; }

/* readmore скрит — по-специфично (бие clamp правилата p:not(:has(img))) */
.com-content-category-blog__item .item-content p.readmore{ display:none !important; }

/* ============ КОРЕКЦИИ 8: ТЪРСАЧКА горе-вдясно в реда на герба ============ */
.container-header{ position:relative !important; }
.container-search{ position:absolute !important; top:50px !important; right:20px !important;
  z-index:40 !important; width:auto !important; margin:0 !important; }
/* скрий дублиращия надпис над полето (placeholder-ът върши работа) */
.container-search .mod-finder__label,.container-search label:not(.visually-hidden){ display:none !important; }
.container-search form{ display:flex !important; align-items:center; gap:0; margin:0; }
.container-search input[type="search"],.container-search .js-finder-search-query{
  width:230px !important; height:40px; padding:8px 12px !important; font-size:14px;
  border:1px solid var(--g-line) !important; border-right:0 !important; border-radius:8px 0 0 8px !important; background:#fff; }
.container-search button,.container-search .btn{ height:40px; background:var(--g-green-dk) !important; color:#fff !important;
  border:0 !important; border-radius:0 8px 8px 0 !important; padding:0 16px !important; font-weight:700; font-size:14px; white-space:nowrap; cursor:pointer; }
.container-search button:hover,.container-search .btn:hover{ background:var(--g-red) !important; }
/* да не се блъска с герба на тесни екрани */
@media(max-width:900px){ .container-search{ position:static !important; margin:6px 20px 4px auto !important; }
  .container-search input[type="search"]{ width:160px !important; } }

/* само ЛУПИЧКА на бутона (текстът „Търсене" е в placeholder-а) */
.container-search button,.container-search .btn{ font-size:0 !important; padding:0 15px !important; }
.container-search button .icon-search,.container-search .btn .icon-search{ font-size:17px !important; }

/* ============ КОРЕКЦИИ 9: снимки в СТАТИЯ — рамка + отстояние ============ */
.com-content-article__body img{
  max-width:100% !important; height:auto !important; display:block; margin:20px auto !important;
  border-radius:12px; border:1px solid var(--g-line); box-shadow:0 4px 18px rgba(20,48,42,.12);
  padding:4px; background:#fff; }
.com-content-article__body p{ margin-bottom:14px; line-height:1.7; }
.com-content-article__body p:has(img){ text-align:center; margin:24px 0 !important; }
/* самата статия като чист панел с отстъп */
.com-content-article.item-page{ background:#fff; border:1px solid var(--g-line); border-radius:14px;
  padding:clamp(20px,3vw,34px); box-shadow:0 3px 16px rgba(20,48,42,.06); margin-top:8px; }



/* ============ КОРЕКЦИИ 13: меню ОТ ГЕРБА (ляво), плътно + hover + активна страница ============ */
/* започва вляво под герба, думите близо една до друга */
.container-nav ul.mod-menu.nav{
  justify-content:flex-start !important;
  max-width:1240px !important; width:auto !important; margin:0 auto !important;
  padding:0 !important;
  gap:0 !important; column-gap:0 !important; row-gap:0 !important;
}
/* ⚠️ ИСТИНСКАТА причина за разстоянието: .nav-item има margin (~12.5px/страна) през margin-shorthand.
   Затова не се хващаше в проверки за margin-left/right. Нулираме → думите плътно (само 8px padding=16px между тях). */
.container-nav ul.mod-menu.nav > li,
.container-nav ul.mod-menu.nav > li.nav-item{ margin:0 !important; }
.container-nav .mod-menu__item a,.container-nav .nav-item a{
  padding:8px 8px !important; font-size:15px !important;
  background:none !important; box-shadow:none !important; border-radius:0 !important;
  text-decoration-line:none; transition:color .15s ease,text-decoration-color .15s ease; }
/* HOVER — само ЗЕЛЕНА ЧЕРТИЧКА под буквата (без фон/бутон) */
.container-nav .mod-menu__item a:hover,
.container-nav .mod-menu__item a:focus{
  background:none !important; box-shadow:none !important; color:var(--g-ink) !important;
  text-decoration-line:underline !important; text-decoration-color:var(--g-green-dk) !important;
  text-decoration-thickness:3px !important; text-underline-offset:6px !important; }
/* ТЕКУЩА/ОТВОРЕНА страница — зелена чертичка постоянно + удебелено */
.container-nav .mod-menu__item.current>a,
.container-nav .mod-menu__item.active>a,
.container-nav .mod-menu a[aria-current]{
  background:none !important; box-shadow:none !important; font-weight:800 !important; color:var(--g-ink) !important;
  text-decoration-line:underline !important; text-decoration-color:var(--g-green-dk) !important;
  text-decoration-thickness:3px !important; text-underline-offset:6px !important; }

/* ============ КОРЕКЦИИ 14: листинг БЕЗ картинки (само „Начало"/itemid-201 с картинки) ============ */
/* samyil: главните линкове (Профил на купувача, Новини, Общината…) = чист информационен поток
   без картинки, за да не изглежда неподредено (една статия със снимка, друга без).
   ⚠️ Само ЛИСТИНГЪТ — вътре в самата статия картинката се показва (com-content-article__body). */
body:not(.itemid-201) .com-content-category-blog__item .ais-img,
body:not(.itemid-201) .com-content-category-blog__item p.ais-img,
body:not(.itemid-201) .com-content-category-blog__item img{ display:none !important; }

/* ============ КОРЕКЦИИ 17: падащо подменю „Общината" ============ */
/* да не се отрязва dropdown-ът */
.container-nav, .container-nav .mod-menu, .container-nav ul.mod-menu.nav{ overflow:visible !important; }
.container-nav ul.mod-menu.nav > li.parent{ position:relative; }
/* вертикално подравняване: „Общината"(span) да е на едно ниво с останалите(a) */
.container-nav ul.mod-menu.nav > li{ display:flex; align-items:center; }
/* родителят е <span> (heading) — изглежда като другите точки + каре ▾ */
.container-nav .mod-menu > li.parent > span{
  display:inline-block; padding:8px 8px; font-size:15px; color:var(--g-ink);
  font-weight:700; cursor:pointer; user-select:none; }
.container-nav .mod-menu > li.parent > span::after{
  content:"\25BE"; font-size:10px; margin-left:5px; color:var(--g-green-dk); vertical-align:middle; }
/* самото подменю */
.container-nav .mod-menu .mod-menu__sub{
  position:absolute; top:100%; left:0; min-width:236px; margin:0; padding:6px 0;
  background:#fff; border:1px solid var(--g-line); border-top:3px solid var(--g-green-dk);
  border-radius:0 0 10px 10px; box-shadow:0 16px 36px -12px rgba(20,48,42,.45);
  display:none; z-index:90; list-style:none; }
.container-nav .mod-menu > li.parent:hover > .mod-menu__sub,
.container-nav .mod-menu > li.parent:focus-within > .mod-menu__sub{ display:block; }
.container-nav .mod-menu__sub > li{ margin:0 !important; display:block; width:100%; }
.container-nav .mod-menu__sub > li > a{
  display:block !important; padding:10px 18px !important; color:var(--g-ink) !important;
  font-weight:600; font-size:14.5px; text-decoration:none !important; white-space:nowrap; border-radius:0 !important; }
.container-nav .mod-menu__sub > li > a:hover,
.container-nav .mod-menu__sub > li > a:focus,
.container-nav .mod-menu__sub > li.current > a,
.container-nav .mod-menu__sub > li.active > a{
  background:var(--g-green-dk) !important; color:#fff !important;
  text-decoration:none !important; }
/* мобилно: подменюто винаги видимо, вкарано навътре */
@media(max-width:820px){
  .container-nav .mod-menu .mod-menu__sub{ position:static; display:block; box-shadow:none;
    border:0; border-radius:0; padding:0 0 0 16px; min-width:0; background:transparent; }
  .container-nav .mod-menu__sub > li > a{ color:#eafaf5 !important; }
  .container-nav .mod-menu > li.parent > span{ color:#eafaf5; }
}

/* ============ КОРЕКЦИИ 18: под-раздели (За общината / Нормативни актове) като линк-карти ============ */
/* скрий системното „Няма статии в тази категория" */
.com-content-category-blog > .alert,
.com-content-category-blog .alert-info{ display:none !important; }
/* блокът с под-разделите → грид от карти */
.com-content-category-blog__children{
  display:grid !important; grid-template-columns:repeat(auto-fill,minmax(255px,1fr)); gap:14px; margin-top:8px; }
.com-content-category-blog__children > h3{
  grid-column:1 / -1; font-size:0; margin:0 0 4px; padding-left:12px; border-left:5px solid var(--g-red); }
.com-content-category-blog__children > h3::before{
  content:"Раздели"; font-size:22px; font-weight:800; color:var(--g-ink); }
.com-content-category-blog__child{ margin:0 !important; }
.com-content-category-blog__child h3,
.com-content-category-blog__child .page-header{ margin:0 !important; padding:0 !important; border:0 !important; }
.com-content-category-blog__child a{
  display:block; background:#fff; border:1px solid var(--g-line); border-left:4px solid var(--g-green-dk);
  border-radius:10px; padding:14px 16px; color:var(--g-ink) !important; font-weight:700; font-size:15px;
  text-decoration:none !important; box-shadow:0 2px 10px rgba(20,48,42,.05); transition:all .15s ease; }
.com-content-category-blog__child a:hover{
  border-left-color:var(--g-red); color:var(--g-red) !important; transform:translateX(3px);
  box-shadow:0 8px 20px -8px rgba(20,48,42,.35); }

/* ============ КОРЕКЦИИ 19: ЕДИНЕН шрифт в статиите (маха вградените дребни font-size/verdana от миграцията) ============ */
.com-content-article__body,
.com-content-article__body p,
.com-content-article__body div,
.com-content-article__body span,
.com-content-article__body li,
.com-content-article__body td,
.com-content-article__body th,
.com-content-article__body font,
.com-content-article__body a{
  font-size:16.5px !important;
  font-family:"Segoe UI",system-ui,Roboto,Arial,sans-serif !important;
  line-height:1.7 !important;
}
/* запази удебеляване/курсив, но с единния размер */
.com-content-article__body strong,.com-content-article__body b,
.com-content-article__body em,.com-content-article__body i{ font-size:16.5px !important; }

/* ============ КОРЕКЦИИ 20: МОБИЛНА ТЕМА ============ */
/* без хоризонтално превъртане */
html,body{ overflow-x:hidden; max-width:100%; }
.guly-burger{ display:none; }

@media(max-width:820px){
  /* --- хедър --- */
  .navbar-brand .site-description{ display:none !important; }
  .container-header .grid-child{ gap:10px !important; padding:10px 14px !important; }
  /* --- ФУТЪР: 1 колона --- */
  .g-footer{ grid-template-columns:1fr !important; gap:22px !important; padding:30px 18px 16px !important; }
  .g-copy{ flex-direction:column; gap:6px; text-align:center; }
  .g-map iframe{ height:200px; }
  /* --- ТОП ЛЕНТА центрирана --- */
  .g-topbar .g-in{ flex-direction:column; gap:3px !important; align-items:center; text-align:center; padding:6px 12px !important; }
  .g-topbar .g-sep{ margin:0 !important; }

  /* --- ХАМБУРГЕР --- */
  .container-nav{ display:flex !important; align-items:center; flex-wrap:wrap; padding:0 !important; }
  .guly-burger{ display:flex !important; flex-direction:column; justify-content:center; gap:5px;
    background:none; border:0; padding:14px 20px; cursor:pointer; margin:0; }
  .guly-burger span{ display:block; width:26px; height:3px; background:var(--g-green-dk); border-radius:2px; transition:transform .25s, opacity .2s; }
  .guly-burger.is-open span:nth-child(1){ transform:translateY(8px) rotate(45deg); }
  .guly-burger.is-open span:nth-child(2){ opacity:0; }
  .guly-burger.is-open span:nth-child(3){ transform:translateY(-8px) rotate(-45deg); }
  /* меню скрито до тап, после вертикално full-width */
  .container-nav ul.mod-menu.nav{ display:none !important; width:100% !important; flex-direction:column !important;
    max-width:none !important; margin:0 !important; padding:2px 0 8px !important; gap:0 !important; }
  .container-nav ul.mod-menu.nav.is-open{ display:flex !important; }
  .container-nav ul.mod-menu.nav > li{ width:100% !important; display:block !important; }
  .container-nav .mod-menu > li > a,
  .container-nav .mod-menu > li.parent > span{
    display:block !important; padding:13px 22px !important; font-size:16px !important; width:100%; }
  /* активна точка → ляв бордер вместо чертичка */
  .container-nav .mod-menu__item.current>a,
  .container-nav .mod-menu__item.active>a,
  .container-nav .mod-menu a[aria-current]{
    text-decoration:none !important; box-shadow:inset 4px 0 0 var(--g-green-dk) !important;
    background:rgba(31,111,96,.08) !important; }
  /* подменю „Общината" → статично, навътре, винаги видимо */
  .container-nav .mod-menu .mod-menu__sub{ position:static !important; display:block !important;
    box-shadow:none !important; border:0 !important; border-radius:0 !important; background:transparent !important;
    padding:0 !important; min-width:0 !important; }
  .container-nav .mod-menu__sub > li > a{ padding:11px 22px 11px 40px !important; color:var(--g-ink) !important;
    font-size:15px !important; font-weight:600; }
  .container-nav .mod-menu__sub > li.current > a,
  .container-nav .mod-menu__sub > li.active > a{ background:var(--g-green-dk) !important; color:#fff !important; }
  .container-nav .mod-menu > li.parent > span::after{ float:right; }

  /* --- ТЪРСЕНЕ full-width под менюто --- */
  .container-search{ position:static !important; width:100% !important; margin:0 !important; padding:8px 16px 12px !important; }
  .container-search form,.container-search .form-search{ width:100%; }

  /* --- HERO --- */
  .g-hero .g-in{ padding:34px 18px !important; }
  .g-hero h1,.g-hero h2{ font-size:26px !important; }

  /* --- статии --- */
  .item-page,.com-content-article.item-page{ padding:18px 16px !important; }
}

/* КОРЕКЦИИ 20b: „Общината" родител-span да е четим (не избледнял) на мобилно и десктоп */
.container-nav .mod-menu > li.parent > span,
.container-nav .mod-menu__heading{ color:var(--g-ink) !important; opacity:1 !important; }

/* КОРЕКЦИИ 20c: карти 1 колона на мобилно (късно правило, бие desktop repeat(2,1fr)) */
@media(max-width:760px){
  .com-content-category-blog__items{ grid-template-columns:1fr !important; }
  .com-content-category-blog__item{ width:100% !important; }
  .com-content-category-blog__child{ width:100% !important; }
  .com-content-category-blog__children{ grid-template-columns:1fr !important; }
}

/* КОРЕКЦИИ 20d: снимки в статии да не преливат (всякаква ширина) */
.com-content-article__body img,.item-page img{ max-width:100% !important; height:auto !important; }

/* ============ КОРЕКЦИИ 21: по-тънка лента (десктоп) + по-малко разстояние банер→плочки ============ */
@media(min-width:821px){
  .container-nav .mod-menu__item a,.container-nav .nav-item a,
  .container-nav .mod-menu > li.parent > span{ padding-top:5px !important; padding-bottom:5px !important; }
}
.container-banner{ margin-bottom:0 !important; }
.container-component{ margin-top:14px !important; }
.container-component main,.container-main main,.site-grid main{ margin-top:0 !important; }

/* КОРЕКЦИИ 21b: махни padding на самата лента + по-малко item padding (десктоп) → осезаемо по-тънка */
@media(min-width:821px){
  .container-nav{ padding-top:0 !important; padding-bottom:0 !important; }
  .container-nav .mod-menu__item a,.container-nav .nav-item a,
  .container-nav .mod-menu > li.parent > span{ padding-top:4px !important; padding-bottom:4px !important; }
}

/* КОРЕКЦИИ 21c: лентата ОЩЕ по-тънка — по-специфичен селектор за padding на самата лента + по-малко line-height (десктоп) */
@media(min-width:821px){
  .grid-child.container-nav,.container-header .container-nav,.site-grid .container-nav{
    padding-top:0 !important; padding-bottom:0 !important; min-height:0 !important; }
  .container-nav .mod-menu__item a,.container-nav .nav-item a,
  .container-nav .mod-menu > li.parent > span{
    padding-top:3px !important; padding-bottom:3px !important; line-height:1.25 !important; }
}

/* КОРЕКЦИИ 22: по-малко разстояние между точките в падащото меню (десктоп) */
@media(min-width:821px){
  .container-nav .mod-menu__sub{ padding-top:4px !important; padding-bottom:4px !important; }
  .container-nav .mod-menu__sub > li > a{ padding-top:5px !important; padding-bottom:5px !important; }
}

/* КОРЕКЦИИ 22b: падащо меню още по-плътно */
@media(min-width:821px){
  .container-nav .mod-menu__sub{ padding-top:3px !important; padding-bottom:3px !important; }
  .container-nav .mod-menu__sub > li > a{ padding-top:3px !important; padding-bottom:3px !important; }
}

/* КОРЕКЦИИ 23: по-малко разстояние над заглавията във футъра */
.container-footer{ margin-top:18px !important; }
.g-footer{ padding-top:14px !important; }

/* КОРЕКЦИИ 23b: футър — още по-малко над заглавията */
.container-footer{ margin-top:8px !important; }
.g-footer{ padding-top:4px !important; }

/* КОРЕКЦИИ 23c: истинската причина — .grid-child във футъра имаше 40px padding-top */
.container-footer .grid-child{ padding-top:8px !important; }

/* КОРЕКЦИИ 24: банер — по един ред отгоре/отдолу (беше 54px) */
.g-hero .g-in{ padding-top:20px !important; padding-bottom:20px !important; }

/* ============ КОРЕКЦИИ 25: страница „Контакти" — плочки с икони ============ */
.com-content-article__body .contact-h{ font-size:22px !important; font-weight:800 !important;
  color:var(--g-ink) !important; border-left:5px solid var(--g-red); padding-left:12px; margin:0 0 16px !important; }
.com-content-article__body .contact-grid{ display:grid !important; grid-template-columns:repeat(2,1fr);
  gap:16px; margin:0 0 22px !important; }
.com-content-article__body .contact-card{ display:flex; gap:14px; align-items:flex-start; background:#fff;
  border:1px solid var(--g-line); border-left:4px solid var(--g-green-dk); border-radius:12px;
  padding:16px 18px; box-shadow:0 3px 14px rgba(20,48,42,.06); transition:transform .15s, box-shadow .15s; }
.com-content-article__body .contact-card:hover{ transform:translateY(-2px); box-shadow:0 10px 24px -10px rgba(20,48,42,.3); }
.com-content-article__body .contact-ico{ font-size:26px !important; line-height:1; flex:0 0 auto; }
.com-content-article__body .contact-body{ display:flex; flex-direction:column; gap:3px; min-width:0; }
.com-content-article__body .contact-label{ font-size:12px !important; text-transform:uppercase; letter-spacing:.06em;
  color:var(--g-green-dk) !important; font-weight:800 !important; }
.com-content-article__body .contact-val{ font-size:16px !important; color:var(--g-ink) !important;
  font-weight:600 !important; text-decoration:none !important; line-height:1.4 !important; word-break:break-word; }
.com-content-article__body a.contact-val:hover{ color:var(--g-red) !important; }
.com-content-article__body .contact-map iframe{ width:100%; height:360px; border:0; border-radius:12px; }
@media(max-width:600px){ .com-content-article__body .contact-grid{ grid-template-columns:1fr !important; } }

/* КОРЕКЦИИ 25b: скрий датата „Публикувано на" само на страница Контакти (плочки) */
.com-content-article:has(.contact-grid) .article-info,
.item-page:has(.contact-grid) .article-info,
.com-content-article__body:has(.contact-grid) .article-info{ display:none !important; }

/* ============ КОРЕКЦИИ 26: „Раздели" карти — живи, с икони ============ */
.com-content-category-blog__children{ grid-template-columns:repeat(3,1fr) !important; gap:16px !important; margin-top:6px !important; }
.com-content-category-blog__child a{
  display:flex !important; align-items:center; gap:15px;
  padding:16px 18px !important; border-radius:14px !important;
  border:1px solid var(--g-line) !important; border-left-width:1px !important;
  background:#fff !important; color:var(--g-ink) !important; font-weight:700 !important; font-size:15.5px !important;
  box-shadow:0 3px 14px rgba(20,48,42,.05) !important; min-height:66px; transition:transform .18s, box-shadow .18s, border-color .18s; }
.com-content-category-blog__child a::before{
  content:"\1F4C4"; font-size:22px; width:46px; height:46px; flex:0 0 auto;
  display:flex; align-items:center; justify-content:center;
  background:rgba(31,111,96,.10); border-radius:12px; }
.com-content-category-blog__child a::after{
  content:"\2192"; margin-left:auto; color:var(--g-green-dk); font-weight:800; font-size:19px;
  opacity:.35; transition:transform .18s, opacity .18s; }
.com-content-category-blog__child a:hover{
  transform:translateY(-3px); border-color:var(--g-green-dk) !important; color:var(--g-green-dk) !important;
  box-shadow:0 14px 32px -12px rgba(20,48,42,.4) !important; }
.com-content-category-blog__child a:hover::after{ transform:translateX(5px); opacity:1; }
/* икони по раздел (по alias в href) */
.com-content-category-blog__child a[href*="naseleni-mesta"]::before{ content:"\1F3D8"; }
.com-content-category-blog__child a[href*="ikonomika"]::before{ content:"\1F4BC"; }
.com-content-category-blog__child a[href*="infrastruktura"]::before{ content:"\1F6E3"; }
.com-content-category-blog__child a[href*="obshtinski-druzhestva"]::before{ content:"\1F3E2"; }
.com-content-category-blog__child a[href*="obrazovanie"]::before{ content:"\1F393"; }
.com-content-category-blog__child a[href*="culture-tourism"]::before{ content:"\1F3AD"; }
.com-content-category-blog__child a[href*="ekologiya"]::before{ content:"\1F333"; }
.com-content-category-blog__child a[href*="mestonahozhdenie"]::before{ content:"\1F5FA"; }
.com-content-category-blog__child a[href*="history"]::before,
.com-content-category-blog__child a[href*="istoriya"]::before{ content:"\1F4DC"; }
.com-content-category-blog__child a[href*="health"]::before{ content:"\2695"; }
.com-content-category-blog__child a[href*="naredbi"]::before{ content:"\1F4CB"; }
.com-content-category-blog__child a[href*="proekti-na-dokumenti"]::before{ content:"\1F4DD"; }

/* ============ КОРЕКЦИИ 27: снимки в статии — естествен, консистентен размер ============ */
.com-content-article__body img,.item-page img{
  width:auto !important; height:auto !important;
  max-width:min(100%, 560px) !important;
  display:block !important; margin:22px auto !important; float:none !important;
  border-radius:12px !important; border:1px solid var(--g-line) !important;
  box-shadow:0 5px 18px rgba(20,48,42,.13) !important; }

/* ============ КОРЕКЦИИ 28: няколко снимки в един контейнер → ДВЕ В РЕД (сайтуайд) ============ */
@supports (selector(:has(*))){
  .com-content-article__body p:has(img ~ img),
  .com-content-article__body div:has(img ~ img),
  .com-content-article__body span:has(img ~ img){
    display:flex !important; flex-wrap:wrap; gap:14px; justify-content:center; align-items:stretch; margin:20px auto !important; }
  .com-content-article__body p:has(img ~ img) img,
  .com-content-article__body div:has(img ~ img) img,
  .com-content-article__body span:has(img ~ img) img{
    width:calc(50% - 7px) !important; max-width:calc(50% - 7px) !important;
    height:auto !important; margin:0 !important; aspect-ratio:3 / 2; object-fit:cover; }
  @media(max-width:640px){
    .com-content-article__body p:has(img ~ img) img,
    .com-content-article__body div:has(img ~ img) img,
    .com-content-article__body span:has(img ~ img) img{ width:100% !important; max-width:100% !important; aspect-ratio:auto; }
  }
}

/* КОРЕКЦИИ 28b: галерия — последователни снимки в грид две в ред (JS ги събира в .guly-gallery) */
.com-content-article__body .guly-gallery{ display:grid !important; grid-template-columns:repeat(2,1fr) !important;
  gap:14px !important; margin:22px auto !important; max-width:100% !important; }
.com-content-article__body .guly-gallery img{ width:100% !important; max-width:100% !important;
  margin:0 !important; aspect-ratio:3 / 2; object-fit:cover; display:block !important; }
@media(max-width:640px){
  .com-content-article__body .guly-gallery{ grid-template-columns:1fr !important; }
  .com-content-article__body .guly-gallery img{ aspect-ratio:auto; }
}

/* КОРЕКЦИИ 26b: скрий описанието на под-категориите в „Раздели" грида (чупи layout-а) */
.com-content-category-blog__children .com-content-category-blog__description,
.com-content-category-blog__child .com-content-category-blog__description,
.com-content-category-blog__child .category-desc{ display:none !important; }

/* КОРЕКЦИИ 29: страница „Населени места и население" — статистики + карти на селищата */
.guly-stats{ display:flex; gap:14px; flex-wrap:wrap; margin:6px 0 18px; }
.guly-stats .gs{ flex:1 1 160px; background:#fff; border:1px solid var(--g-line);
  border-radius:12px; padding:16px 12px; text-align:center; box-shadow:0 1px 4px rgba(0,0,0,.05); }
.guly-stats .gs b{ display:block; font-size:30px; line-height:1.1; color:var(--g-green-dk); font-weight:800; }
.guly-stats .gs span{ display:block; margin-top:4px; font-size:13.5px !important; color:var(--g-muted); }
.guly-places{ display:grid; grid-template-columns:repeat(auto-fill,minmax(215px,1fr)); gap:12px; margin:8px 0 24px; }
.guly-place{ background:#fff; border:1px solid var(--g-line); border-radius:12px;
  padding:13px 15px 14px; box-shadow:0 1px 4px rgba(0,0,0,.05); }
.guly-place .gp-name{ display:block; font-weight:800; font-size:16.5px; color:var(--g-ink); }
.guly-place .gp-tag{ display:inline-block; margin:2px 0 6px; font-size:11.5px !important; font-weight:700;
  color:var(--g-green-dk); background:#e9f3f0; border-radius:20px; padding:1px 9px; }
.guly-place .gp-meta{ display:block; margin-top:2px; font-size:13px !important; color:var(--g-muted); line-height:1.55; }
.guly-place .gp-bar{ display:block; height:6px; background:#eef3f1; border-radius:4px; margin-top:9px; overflow:hidden; }
.guly-place .gp-bar i{ display:block; height:100%; width:var(--w,0%);
  background:linear-gradient(90deg,var(--g-green-dk),var(--g-green)); border-radius:4px; }
/* КОРЕКЦИИ 29b: карта на селище — население като акцентен ред */
.guly-place .gp-pop{ display:block; margin-top:3px; font-weight:800; font-size:19px !important;
  color:var(--g-green-dk); line-height:1.2; }
.guly-place .gp-pop small{ font-size:12.5px !important; font-weight:700; color:var(--g-muted); }

/* КОРЕКЦИИ 30: „Раздели" = 3 колони на десктоп; мобилните override-и са СЛЕД
   правилото от КОРЕКЦИИ 26 (иначе то ги бие по source order при равен !important) */
@media(max-width:760px){
  .com-content-category-blog__children{ grid-template-columns:1fr !important; }
}
@media(min-width:761px) and (max-width:1024px){
  .com-content-category-blog__children{ grid-template-columns:repeat(2,1fr) !important; }
}

/* КОРЕКЦИИ 31: документен списък (.guly-docs) — МБАЛ и др. страници с файлове */
.com-content-article__body .guly-docs{ display:flex; flex-direction:column; gap:10px; margin:8px 0 20px; }
.com-content-article__body a.gd{ display:flex; align-items:center; gap:12px; background:#fff;
  border:1px solid var(--g-line); border-left:4px solid var(--g-green-dk); border-radius:10px;
  padding:12px 16px; text-decoration:none; box-shadow:0 1px 4px rgba(0,0,0,.05);
  transition:transform .15s, box-shadow .15s; }
.com-content-article__body a.gd:hover{ transform:translateY(-2px);
  box-shadow:0 8px 20px -8px rgba(20,48,42,.3); }
.com-content-article__body .gd .gd-ico{ font-size:22px !important; line-height:1; }
.com-content-article__body .gd .gd-t{ flex:1; font-weight:600; color:var(--g-ink); font-size:15.5px !important; }
.com-content-article__body .gd .gd-ext{ font-size:11.5px !important; font-weight:800; color:var(--g-green-dk);
  background:#e9f3f0; border-radius:6px; padding:3px 8px; letter-spacing:.5px; }

/* КОРЕКЦИИ 32: статична карта във футъра вместо Google iframe (GDPR — без заявка към Google) */
.g-map .g-map-link{ display:block; border-radius:12px; overflow:hidden; position:relative;
  border:1px solid rgba(255,255,255,.25); text-decoration:none; line-height:0; }
.g-map .g-map-link img{ width:100%; height:auto; display:block; }
.g-map .g-map-cta{ display:block; line-height:1.4; font-size:13.5px; font-weight:700;
  color:#fff; background:var(--g-green-dk); padding:9px 12px; text-align:center; }
.g-map .g-map-link:hover .g-map-cta{ background:var(--g-red); }

/* КОРЕКЦИИ 33: достъпност — skip-link + визуално скрито заглавие (WCAG 2.1 / EN 301 549) */
.guly-skip{ position:absolute; left:-9999px; top:0; z-index:9999;
  background:var(--g-green-dk); color:#fff !important; padding:12px 20px;
  font-weight:700; text-decoration:none; border-radius:0 0 8px 0; }
.guly-skip:focus{ left:0; outline:3px solid var(--g-gold); outline-offset:2px; }
.guly-vh{ position:absolute !important; width:1px; height:1px; margin:-1px; padding:0;
  overflow:hidden; clip:rect(0 0 0 0); clip-path:inset(50%); white-space:nowrap; border:0; }
/* видим фокус навсякъде — иначе клавиатурната навигация е невъзможна */
a:focus-visible, button:focus-visible, input:focus-visible,
select:focus-visible, textarea:focus-visible, [tabindex]:focus-visible{
  outline:3px solid var(--g-red) !important; outline-offset:2px; }

/* КОРЕКЦИИ 34: правни страници — водещ абзац и таблици */
.com-content-article__body .guly-lead{ font-size:17.5px !important; line-height:1.65;
  border-left:4px solid var(--g-green-dk); padding:14px 18px !important; background:#eef3f1;
  border-radius:0 10px 10px 0; }
.com-content-article__body h3{ margin:26px 0 10px; font-size:21px; color:var(--g-green-dk); }
.com-content-article__body h4{ margin:18px 0 6px; font-size:17px; color:var(--g-ink); }
.com-content-article__body table{ width:100%; border-collapse:collapse; margin:14px 0;
  background:#fff; border-radius:10px; overflow:hidden; box-shadow:0 1px 4px rgba(0,0,0,.05); }
.com-content-article__body th{ background:var(--g-green-dk); color:#fff; text-align:left;
  padding:10px 12px; font-size:14.5px !important; }
.com-content-article__body td{ padding:10px 12px; border-top:1px solid var(--g-line);
  font-size:15px !important; vertical-align:top; }
.com-content-article__body ol{ padding-left:22px; }
.com-content-article__body ol li, .com-content-article__body ul li{ margin:5px 0; }
/* правните страници носят собствена дата в текста → системната „Публикувано на" е излишна */
.com-content-article:has(.guly-lead) .article-info,
.item-page:has(.guly-lead) .article-info{ display:none !important; }

/* ============ КОРЕКЦИИ 35: „Ръководство" — карти на хората (снимка + име + длъжност) ============
   Портретите бяха с огромни оригинали (823x1058, 599x979); КОРЕКЦИИ 27 (width:auto)
   ги рендваше на цял екран. Тук снимката е фиксирана 140px в карта, до името. */
.com-content-article__body .guly-people{
  display:grid; grid-template-columns:repeat(2,1fr); gap:18px; margin:20px 0; }
.com-content-article__body .guly-person{
  display:flex; align-items:center; gap:16px; background:#fff;
  border:1px solid var(--g-line); border-left:4px solid var(--g-green-dk);
  border-radius:12px; padding:14px 16px; box-shadow:0 3px 12px rgba(20,48,42,.08); }
.com-content-article__body .guly-person img.gp-photo{
  width:140px !important; max-width:140px !important; height:auto !important;
  aspect-ratio:3 / 4; object-fit:cover; object-position:top center;
  flex:0 0 140px; margin:0 !important; border-radius:10px !important;
  border:1px solid var(--g-line) !important; box-shadow:none !important; }
.com-content-article__body .gp-info{ display:flex; flex-direction:column; gap:5px; }
.com-content-article__body .gp-name{
  font-size:19px !important; font-weight:800; color:var(--g-green-dk); line-height:1.25; }
.com-content-article__body .gp-role{ font-size:15.5px !important; color:var(--g-ink); }
.com-content-article__body .gp-term{ font-size:14px !important; color:var(--g-muted); }
@media (max-width:760px){
  .com-content-article__body .guly-people{ grid-template-columns:1fr; }
  .com-content-article__body .guly-person img.gp-photo{
    width:112px !important; max-width:112px !important; flex:0 0 112px; }
  .com-content-article__body .gp-name{ font-size:17.5px !important; }
}

/* КОРЕКЦИИ 35b: на тесни екрани картата се подрежда вертикално —
   при снимка отстрани текстовата колона падаше под 170px и името се чупеше на 3 реда */
@media (max-width:560px){
  .com-content-article__body .guly-person{
    flex-direction:column; align-items:center; text-align:center; gap:12px; padding:16px 14px; }
  .com-content-article__body .guly-person img.gp-photo{
    width:150px !important; max-width:150px !important; flex:0 0 auto; }
  .com-content-article__body .gp-info{ align-items:center; }
}

/* ============ КОРЕКЦИИ 36: заглавие на РАЗДЕЛА над плочките ============
   samyil: човек влиза в подменю (напр. „Стратегии и програми") и вижда само плочки —
   не разбира в кой раздел се намира. Override category/blog.php рендва
   .guly-sectionhead (път + заглавие); стилът е като заглавието на статия. */
.guly-sectionhead{
  background:#fff; border:1px solid var(--g-line); border-radius:14px;
  padding:14px 20px 16px; margin:0 0 18px;
  box-shadow:0 3px 12px rgba(20,48,42,.06); }
.guly-sectionhead__trail{
  margin:0 0 4px !important; font-size:13px !important; font-weight:600;
  letter-spacing:.04em; text-transform:uppercase; color:var(--g-muted) !important; }
.guly-sectionhead__title{
  margin:0 !important; font-size:28px; line-height:1.2; font-weight:800;
  color:var(--g-ink); padding-left:14px; border-left:5px solid var(--g-red); }
@media (max-width:760px){
  .guly-sectionhead{ padding:12px 14px 13px; margin-bottom:14px; }
  .guly-sectionhead__title{ font-size:22px; padding-left:10px; border-left-width:4px; }
  .guly-sectionhead__trail{ font-size:12px !important; }
}

/* КОРЕКЦИИ 36b: същият ориентир и в СТАТИЯТА — път до раздела над заглавието (с линкове) */
.com-content-article .guly-trail{
  margin:0 0 6px !important; font-size:13px !important; font-weight:600;
  letter-spacing:.04em; text-transform:uppercase; color:var(--g-muted) !important;
  background:none !important; border:0 !important; box-shadow:none !important; padding:0 !important; }
.com-content-article .guly-trail a{ color:var(--g-green-dk); text-decoration:none; }
.com-content-article .guly-trail a:hover{ color:var(--g-red); text-decoration:underline; }
.com-content-article .guly-trail__sep{ margin:0 6px; color:var(--g-line); }

/* ============ КОРЕКЦИИ 37: „Бюджет и финанси" (itemid-206) — документни плочки ============
   Статиите в кат. 92 са само списък с файлове, затова откъсът просто повтаряше заглавието
   и плочките излизаха с различна височина. Override-ът blog_item.php вече рендва
   ред „N документа · PDF/ZIP"; тук той се залепя за долния ръб → всички карти са равни. */
body.itemid-206 .com-content-category-blog__item{
  border-left:4px solid var(--g-green-dk); }
body.itemid-206 .com-content-category-blog__item > .item-content{
  display:flex; flex-direction:column; flex:1 1 auto; }
body.itemid-206 .com-content-category-blog__item .page-header,
body.itemid-206 .com-content-category-blog__item h2{
  font-size:17.5px !important; line-height:1.35; padding:15px 18px 4px !important; }
body.itemid-206 .com-content-category-blog__item .article-info{ padding:0 18px 12px !important; }

/* ⚠️ специфичност: правилото за clamp (КОРЕКЦИИ 6) е 0,3,1 с !important —
   затова тук трябва body.itemid-206 отпред, иначе редът се превръща в -webkit-box */
body.itemid-206 .com-content-category-blog__item .item-content p.guly-doctag{
  display:flex !important; align-items:center; gap:10px;
  margin:auto 0 0 !important; padding:11px 18px !important;
  border-top:1px solid var(--g-line); background:#f7faf9;
  -webkit-line-clamp:none !important; overflow:visible !important;
  font-size:13.5px !important; color:var(--g-muted) !important; }
body.itemid-206 .com-content-category-blog__item .guly-doctag .gt-ico{ font-size:15px; line-height:1; }
body.itemid-206 .com-content-category-blog__item .guly-doctag .gt-n{ font-weight:600; color:var(--g-ink); }
body.itemid-206 .com-content-category-blog__item .guly-doctag .gt-ext{
  margin-left:auto; font-size:11.5px; font-weight:800; letter-spacing:.5px; white-space:nowrap;
  color:var(--g-green-dk); background:#e9f3f0; border-radius:6px; padding:3px 8px; }
/* заглавието да се разпределя равномерно на редовете — иначе „…за 2025 / г." оставя сирак */
body.itemid-206 .com-content-category-blog__item h2{ text-wrap:balance; }