/*
Theme Name:   Bulgaria24 Child
Theme URI:    https://bulgaria24.tv
Description:  Дъщерна тема на Blocksy за BULGARIA24 — палитра „Смарагд и червено“ v2, рекламни зони, PR зона, изборна зона, категорийни акценти, пин механика, жив плеър с лента „Сега/Следва“, блок под публикация, модул със снимка.
Author:       BULGARIA24 / Станислав Стрински
Template:     blocksy
Version:      2.23.3
Text Domain:  bulgaria24-child
*/

/* =====================================================
   1. ПАЛИТРА — фабричните стойности.
   От v2.20.0 цветовете се сменят от Персонализиране → BULGARIA24 →
   Цветове. Тук стоят само стойностите, към които връща бутонът
   „По подразбиране“. Смениш ли ги тук, смени ги и в inc/b24-customizer.php.
   ===================================================== */
:root{
  /* --- ПАЛИТРА v2 — четири цвята, толкова --- */
  --b24-zeleno:        #01804d;  /* смарагд — скелет, навигация, България */
  --b24-zeleno-dark:   #016b41;  /* по-тъмно — футър, ховър */
  --b24-cherveno:      #FF2E3A;  /* НА ЖИВО, крол НОВИНИ, Свят, Коментар */
  --b24-cherveno-dark: #e0212d;
  --b24-platno:        #F2F0E9;  /* фон на сайта — никога чисто бяло */
  --b24-platno-2:      #E8E5DB;  /* редуване на секции */
  --b24-hartia:        #FAF8F3;  /* повърхност на картичките */
  --b24-mastilo:       #1C1F1A;  /* текст — никога чисто черно */
  --b24-border:        rgba(28,31,26,.14);

  /* Приглушеният текст — дати, качества, надписи над блокове.
     ПРОПУСКЪТ Е ОТ 2.17.0: променливата се ползваше на седем места
     (троха, кредит на снимка, споделяне, тагове, вградени карти,
     бутонът на Google), но никъде не беше зададена. Без стойност
     CSS отхвърля правилото и текстът наследява мастилото — тоест
     цялата йерархия изчезваше и всичко излизаше еднакво черно.
     Контраст 4.8:1 върху най-тъмния фон, 5.7:1 върху картичка — над AA. */
  --b24-sivo-text:     #5E645B;

  /* --- PR ЗОНА (нов в v2.4.0) ---
     20% по-тъмно от червеното. Червеното носи спешност, а спешността
     е редакционна. Платеното не бива да я облича. */
  --b24-pr:            #CC252E;
  --b24-izbori:        #4A4F55;   /* графит — изборната зона, съзнателно непартиен цвят */
  --b24-sin:           #2A6EA8;   /* СВЯТ */
  --b24-oranzh:        #C8621F;   /* КОМЕНТАР */

  /* --- ЕДНО СЪОТНОШЕНИЕ ЗА ЦЕЛИЯ САЙТ ---
     16:9, защото по-голямата част от материала идва от YouTube, а
     тъмбнейлите там са 16:9 с надпис долу и лого горе. Рязане до 2:1
     осакатява всеки кадър по различен начин — хаос, който не се вижда
     при три идеални снимки и се вижда при двеста импортирани.
     Смяна на съотношението = този ред плюс add_image_size(). */
  --b24-ratio:         16 / 9;
  --b24-gap:           18px;   /* разстоянието в мрежите (v2.6.0) */

  /* --- ЕДИН РАДИУС ЗА ЦЕЛИЯ САЙТ --- */
  --b24-r:             5px;

  /* псевдо-3D: двойна сянка — една близка, една дълбока */
  --b24-lift:       0 1px 2px rgba(28,31,26,.08), 0 6px 18px rgba(28,31,26,.09);
  --b24-lift-hover: 0 2px 4px rgba(28,31,26,.10), 0 12px 30px rgba(28,31,26,.15);
  --b24-lift-hi:    var(--b24-lift-hover);

  /* --- ПСЕВДОНИМИ (старите имена продължават да работят) --- */
  --b24-maslina:       var(--b24-zeleno);
  --b24-maslina-dark:  var(--b24-zeleno-dark);
  --b24-vishna:        var(--b24-cherveno);
  --b24-stomana:       var(--b24-zeleno-dark);
  --b24-terakota:      var(--b24-cherveno);
}

/* =====================================================
   2. ШРИФТОВЕ — локално хостнати (GDPR, скорост)
   ===================================================== */
@font-face{
  font-family:'Bitter';
  src:url('assets/fonts/Bitter-Variable.woff2') format('woff2-variations');
  font-weight:100 900; font-style:normal; font-display:swap;
}
@font-face{
  font-family:'PT Sans';
  src:url('assets/fonts/PTSans-Regular.woff2') format('woff2');
  font-weight:400; font-style:normal; font-display:swap;
}
@font-face{
  font-family:'PT Sans';
  src:url('assets/fonts/PTSans-Bold.woff2') format('woff2');
  font-weight:700; font-style:normal; font-display:swap;
}

body{ background:var(--b24-platno); color:var(--b24-mastilo); }

/* =====================================================
   3. КАРТИЧКИ — тънки рамки, меки ъгли, обем
   Blocksy архивните карти + блокове
   ===================================================== */
.entry-card, .ct-related-posts .entry-card, .wp-block-blocksy-post-template > * {
  background: var(--b24-hartia);
  border: 1px solid var(--b24-border);
  border-radius: var(--b24-r);
  box-shadow: var(--b24-lift);
  transition: transform .18s ease, box-shadow .18s ease;
  overflow: hidden;
}
.entry-card:hover{
  transform: translateY(-3px);
  box-shadow: var(--b24-lift-hover);
}
.entry-card .ct-media-container img{
  border-radius: var(--b24-r) var(--b24-r) 0 0;
}
/* Съотношението на архивните карти (v2.6.2).
   Настройката в панела на Blocksy не хвана — той смята височината с
   padding-bottom, а не с aspect-ratio, затова тук се обезсилва и двете. */
.entry-card .ct-media-container,
.entry-card .ct-image-container{
  aspect-ratio: var(--b24-ratio);
  padding-bottom: 0 !important;
  height: auto !important;
  position: relative;
  overflow: hidden;
}
.entry-card .ct-media-container img,
.entry-card .ct-image-container img{
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  object-fit: cover;
}
/* изображенията извън картички — също омекотени */
.entry-content img, .wp-block-image img{ border-radius: var(--b24-r); }

/* =====================================================
   4. КАТЕГОРИЙНИ АКЦЕНТИ
   Слъговете се виждат в Публикации → Категории.
   Ако слъгът е друг — смени го тук.
   ===================================================== */
:root{
  --b24-cat: var(--b24-maslina); /* цвят по подразбиране */

  /* --- ЦВЕТОВЕТЕ НА BLOCKSY НЕ СЕ ПИПАТ ОТ ТУК (от v2.5.2) ---
     В 2.5.1 имаше мост, който пренасочваше --theme-palette-color-1..8
     към нашата палитра. Резултатът беше по-лош от проблема: хирото
     стана червено, а падащите менюта — нечетими.
     Причината е, че номерът на цвета при Blocksy не значи роля — един
     и същ номер служи за фон на едно място и за текст на друго.
     Затова: хедърът, менютата и футърът се управляват от панела на
     Blocksy. Темата пипа само съдържанието. */
}
/* Цветовете по рубрики вече не са тук — идват от Персонализиране →
   BULGARIA24 → Рубрики (inc/b24-rubriki.php). Старите правила търсеха
   слъгове komentar и culture, а сайтът има mnenia и kultura. (v2.20.1) */

/* етикетчето на категорията върху картичките */
.entry-card .ct-post-category a, .entry-meta .ct-post-category a{
  background: var(--b24-cat);
  color:#fff !important;
  font-size:11.5px; font-weight:700; letter-spacing:1.1px; text-transform:uppercase;
  padding:4px 10px; border-radius:calc(var(--b24-r) - 1px);
}
/* ЗАГЛАВНАТА ЛЕНТА — еднаква навсякъде: архиви, рубрики, страници, статии.
   Blocksy държи отделни Customizer панели за всеки тип съдържание, затова
   без тези правила заглавията се разминават по шрифт и оформление. */
.page-title{
  font-family:'Bitter',serif;
  font-weight:700;
  letter-spacing:.3px;
  line-height:1.25;
}
.archive .page-title,
.blog .page-title,
.page .page-title,
.search .page-title,
.error404 .page-title{
  /* Плочката е висока колкото лентата НА ЖИВО (40px) и стои на същия
     ляв ръб. Дотук беше 70px висока, центрирана, в пояс от 170px. (v2.20.1) */
  display:inline-flex; align-items:center;
  height:40px; margin:0; padding:0 20px;
  font-size:16px !important; line-height:1; letter-spacing:.6px;
  text-transform:uppercase;
  background:var(--b24-cat);
  color:#fff; border-radius:var(--b24-r);
  box-shadow:none;
}
/* поясът на Blocksy около заглавието — вляво и тесен */
:is(.archive,.blog,.page,.search,.error404) .hero-section .entry-header{
  text-align:left !important;
  align-items:flex-start !important;
}
:is(.archive,.blog,.page,.search,.error404) .hero-section[data-type="type-1"]{
  margin-top:18px !important; margin-bottom:18px !important;
}
:is(.archive,.blog,.page,.search,.error404) .hero-section[data-type="type-2"]{
  min-height:0 !important;
  padding-top:18px !important; padding-bottom:18px !important;
}
:is(.archive,.blog,.page,.search,.error404) .hero-section[data-type="type-2"] > .ct-container{
  padding-top:0 !important; padding-bottom:0 !important; min-height:0 !important;
}
/* вариантът „черта" — като заглавията на секциите на началната */
body.b24-zgl-cherta:not(.single) .page-title{
  display:inline-block; position:relative; height:auto;
  background:none; color:var(--b24-mastilo);
  padding:0 0 10px; border-radius:0;
  font-weight:800; font-size:21px !important; letter-spacing:.4px;
  text-transform:none;
}
body.b24-zgl-cherta:not(.single) .page-title::after{
  content:""; position:absolute; left:0; right:0; bottom:0;
  height:4px; background:var(--b24-cat); border-radius:2px 2px 0 0;
}
/* заглавие на единична статия — без лента, само типография */
.single .page-title, .single .entry-title{
  background:none; color:var(--b24-mastilo); padding:0; box-shadow:none;
}
/* описанието под заглавието */
.entry-header .page-description,
.entry-header .entry-excerpt{
  font-family:'PT Sans',sans-serif;
  color:rgba(35,38,26,.65);
  margin-top:10px;
}
/* страници по слъг — за да носят цвета на своята тема */
.page-id-0{ /* запазено */ }
body.page[class*="predavaniya"]{ --b24-cat: var(--b24-stomana); }
body.page[class*="plejlisti"], body.page[class*="playlists"]{ --b24-cat: var(--b24-stomana); }
body.page[class*="reklama"], body.page[class*="advertising"]{ --b24-cat: var(--b24-terakota); }
body.page[class*="kontakti"], body.page[class*="contacts"]{ --b24-cat: var(--b24-maslina-dark); }
body.page[class*="na-zhivo"]{ --b24-cat: var(--b24-vishna); }

/* =====================================================
   5. НАВИГАЦИЯ И ХЕДЪР — довършителни щрихи
   (основното се строи в Customizer → Header)
   ===================================================== */
/* Хедърът и менюто се управляват изцяло от панела на Blocksy (v2.5.2).
   Дотук темата задаваше фон, дебелина, разредка и ховър — достатъчно,
   за да се бие с настройките, но недостатъчно, за да ги замести. */

/* бутон/елемент НА ЖИВО (клас .b24-live-btn върху HTML елемент в хедъра) */
.b24-live-btn{
  display:inline-flex; align-items:center; gap:8px;
  background:var(--b24-vishna); color:#fff !important; font-weight:700;
  padding:8px 16px; border-radius:var(--b24-r); letter-spacing:.5px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.25), 0 4px 12px rgba(140,33,54,.45);
}
.b24-live-btn .b24-dot{
  width:9px; height:9px; border-radius:50%; background:#fff;
  animation:b24blink 1.4s infinite;
}
@keyframes b24blink{ 50%{ opacity:.25 } }

/* =====================================================
   6. КРОЛ „НОВИНИ" — лента под хедъра (меню „Крол")
   Текстът тече в собствен прозорец ДЯСНО от плочката и изчезва на
   ръба му — не минава под надписа. (v2.19.1)
   ===================================================== */
.b24-krol-wrap{ margin:12px auto 0; }          /* отстъпът е като на НА ЖИВО */
.b24-krol{
  display:flex; align-items:center; gap:14px;
  box-sizing:border-box; height:40px;             /* колкото НА ЖИВО */
  padding:0 20px 0 40px;                          /* плочката стои под точката на НА ЖИВО */
  background:var(--b24-cherveno); color:#fff;
  border-radius:var(--b24-r); overflow:hidden;
  font-family:'PT Sans', sans-serif;
}
.b24-krol .b24-badge{
  background:#fff; color:var(--b24-cherveno); font-weight:800; font-size:12.5px;
  letter-spacing:.6px; line-height:1; padding:6px 10px;
  border-radius:calc(var(--b24-r) - 1px); flex:none;
}
.b24-krol-okno{
  flex:1; min-width:0; overflow:hidden;
  /* меко гаснене в двата края вместо рязко отрязване */
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 28px,#000 calc(100% - 28px),transparent 100%);
          mask-image:linear-gradient(90deg,transparent 0,#000 28px,#000 calc(100% - 28px),transparent 100%);
}
.b24-krol-lenta{
  display:inline-block; white-space:nowrap;
  padding-left:100%;               /* тръгва от десния ръб на прозореца */
  font-size:15px; font-weight:600; line-height:40px;
  animation:b24krol 60s linear infinite;   /* точното време го смята скриптът */
}
.b24-krol:hover .b24-krol-lenta{ animation-play-state:paused; }
.b24-krol-item{ color:#fff; text-decoration:none; }
a.b24-krol-item:hover{ text-decoration:underline; }
.b24-krol-sep{ margin:0 18px; opacity:.6; }
@keyframes b24krol{ from{ transform:translateX(0) } to{ transform:translateX(-100%) } }
@media (max-width:600px){
  .b24-krol{ height:34px; padding:0 14px 0 18px; gap:10px; }   /* като НА ЖИВО на телефон */
  .b24-krol .b24-badge{ font-size:11px; padding:5px 8px; }
  .b24-krol-lenta{ font-size:13px; line-height:34px; }
}
@media (prefers-reduced-motion: reduce){
  .b24-krol-lenta{ animation:none; padding-left:0; }
}

/* =====================================================
   7. РЕКЛАМНИ ЗОНИ — рамкирани дискретно
   ===================================================== */
/* =====================================================
   ПРАЗНО БАНЕРНО МЯСТО (v2.20.7)

   Вижда се САМО от влезлия в админа. Посетителят не вижда нищо — нито
   рамка, нито надпис, нито запазена височина.

   Пише кой е ключът на мястото, за да не се търси. Точно това липсваше
   и заради него се изгуби един час в търсене кое каре откъде идва.
   ===================================================== */
.b24-mesto-prazno{
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:4px; text-align:center;
  margin:var(--b24-gap) auto;
  background:rgba(28,31,26,.05);
  border:1px dashed rgba(28,31,26,.26);
  border-radius:var(--b24-r);
  color:var(--b24-sivo-text, #6b7065);
  font:700 11px/1.5 'PT Sans', sans-serif;
  letter-spacing:.5px;
  padding:10px;
}
.b24-mesto-prazno small{ font-weight:400; letter-spacing:0; opacity:.8; }
.b24-mesto--shiroko{ width:100%; min-height:90px; }
.b24-mesto--statia{ width:100%; min-height:120px; margin:26px auto; }
.b24-mesto--sb,
.b24-mesto--sekcia{ width:100%; aspect-ratio:6 / 5; }
.b24-mesto--mini{ width:240px; max-width:100%; aspect-ratio:12 / 5; }

/* =====================================================
   8. ЗАКАЧЕНИ ПУБЛИКАЦИИ (пин в рубрика)
   ===================================================== */
.b24-pinned{ position:relative; border-color: var(--b24-terakota); }
.b24-pinned::after{
  content:"📌"; position:absolute; top:10px; right:12px; font-size:15px;
  filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
}

/* =====================================================
   9. (свободна)
   Тук стояха стиловете на #b24-live-float — плеър от преди v2.4,
   който вече не се извежда от никъде. Действащият плуващ плеър е
   .b24-float-wrap / .b24-player.is-floating в секция 24, а банер F
   е 240×100 и се крие на телефон. Махнати в 2.19.0, за да не се
   свери следващият размер по мъртъв код.
   ===================================================== */

/* =====================================================
   10. ФУТЪР
   ===================================================== */
/* Футърът също се управлява от панела (v2.5.2). */

/* =====================================================
   11. ДРЕБОЛИИ
   ===================================================== */
/* Глобалното a{color} е махнато в v2.5.2 — то застъпваше настройката
   на Blocksy навсякъде, включително в менютата. Цветът на линковете
   се задава от панела. */
.entry-content a:hover{ color: var(--b24-terakota); }
/* Само бутоните в ТЕКСТА на статиите и страниците. Дотук правилото
   хващаше всеки бутон на сайта — и лупата в хедъра на Blocksy ставаше
   червено копче с бял отблясък. (v2.20.2) */
.entry-content :is(button, .wp-block-button__link, input[type=submit]){
  background:var(--b24-terakota); border-radius:var(--b24-r);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.25), 0 3px 10px rgba(201,123,74,.35);
}
blockquote{
  border-left:4px solid var(--b24-stomana);
  background:var(--b24-hartia); border-radius:var(--b24-r); padding:18px 22px;
  box-shadow: var(--b24-lift);
}

/* =====================================================
   12. AUTOMATIC YOUTUBE GALLERY — гледалнята в палитрата
   Плъгинът ползва префикс "ayg-". Ако някой елемент
   избяга от стила — виж класа му с F12 и го добави тук.
   ===================================================== */

/* страниците на предаванията — тъмна сцена за видеото */
.b24-show-page .entry-content, .page-template-show .entry-content{ }

/* картичките/тъмбнейлите на галерията */
[class*="ayg-"] .ayg-item,
.ayg-gallery .ayg-item,
[class*="ayg-thumbnail"]{
  background: var(--b24-hartia);
  border: 1px solid var(--b24-border) !important;
  border-radius: var(--b24-r) !important;
  overflow: hidden;
  box-shadow: var(--b24-lift);
  transition: transform .18s ease, box-shadow .18s ease;
}
[class*="ayg-"] .ayg-item:hover,
[class*="ayg-thumbnail"]:hover{
  transform: translateY(-3px);
  box-shadow: var(--b24-lift-hover);
  border-color: var(--b24-vishna) !important;
}
[class*="ayg-"] img{ border-radius: 0 !important; }

/* заглавията на видеата */
[class*="ayg-"] .ayg-title, [class*="ayg-title"]{
  font-family:'Bitter',serif !important;
  color: var(--b24-mastilo) !important;
  font-weight: 700;
}
[class*="ayg-"] .ayg-item:hover .ayg-title{ color: var(--b24-vishna) !important; }

/* продължителност / дата / брояч */
[class*="ayg-duration"], [class*="ayg-meta"], [class*="ayg-date"], [class*="ayg-views"]{
  color: rgba(35,38,26,.55) !important;
  font-family:'PT Sans',sans-serif !important;
}
[class*="ayg-duration"]{
  background: var(--b24-mastilo) !important; color:#fff !important;
  border-radius: 4px !important; font-size: 11.5px !important;
}

/* икона плей върху тъмбнейла — вишнева */
[class*="ayg-play"], [class*="ayg-icon"]{
  background: var(--b24-vishna) !important;
  border-radius: 50% !important;
  box-shadow: 0 4px 14px rgba(140,33,54,.5) !important;
}

/* пагинация и Load More */
[class*="ayg-pagination"] a, [class*="ayg-pagination"] button,
[class*="ayg-load-more"], .ayg-btn{
  background: var(--b24-terakota) !important; color:#fff !important;
  border: 0 !important; border-radius: var(--b24-r) !important;
  font-family:'PT Sans',sans-serif !important; font-weight:700 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.25), 0 3px 10px rgba(201,123,74,.35) !important;
}
[class*="ayg-pagination"] a:hover, [class*="ayg-load-more"]:hover{
  background: var(--b24-vishna) !important;
}
[class*="ayg-pagination"] .current, [class*="ayg-pagination"] .active{
  background: var(--b24-maslina) !important; color:#fff !important;
}

/* търсачката в галерията */
[class*="ayg-search"] input{
  background: var(--b24-hartia) !important;
  border: 1px solid var(--b24-border) !important;
  border-radius: var(--b24-r) !important;
  color: var(--b24-mastilo) !important;
}

/* GDPR съгласието преди пускане — в тона на сайта */
[class*="ayg-consent"], [class*="ayg-gdpr"]{
  background: var(--b24-mastilo) !important; color:#eae6d8 !important;
  border-radius: var(--b24-r) !important;
}

/* плейърът на страницата на предаването — мастилена рамка, като сцена */
[class*="ayg-player"]{
  background: var(--b24-mastilo) !important;
  border-radius: var(--b24-r) !important;
  overflow: hidden;
  box-shadow: 0 1px 2px rgba(35,38,26,.14), 0 14px 40px rgba(35,38,26,.22);
}

/* =====================================================
   13. РЕКЛАМНИ ЗОНИ — позиционни варианти (v1.1)
   ===================================================== */
/* Отстъпите на широките места вече са на .b24ban в плъгина. */
.b24ban--nad-hedara{ background:var(--b24-platno-2); }
.b24ban--pred-futera{ background:var(--b24-platno-2); }


/* =====================================================
   14. СЕКЦИОННО ЗАГЛАВИЕ — цветът е ЧЕРТА, не поле
   Слагаш класа .b24-sec на групата със заглавието.
   ===================================================== */
.b24-sec{
  display:flex; align-items:baseline; justify-content:space-between;
  border-bottom:1px solid var(--b24-border);
  margin-bottom:16px;
}
.b24-sec h2, .b24-sec .wp-block-heading{
  font-family:'Bitter',serif; font-weight:700; font-size:21px; letter-spacing:.4px;
  position:relative; padding-bottom:10px; margin:0;
  color:var(--b24-mastilo);
}
.b24-sec h2::after, .b24-sec .wp-block-heading::after{
  content:""; position:absolute; left:0; bottom:-1px;
  width:100%; height:4px; background:var(--b24-cat);
  border-radius:2px 2px 0 0;
}
.b24-sec a{ font-size:12.5px; color:var(--b24-cat); font-weight:700; text-decoration:none; }

/* =====================================================
   15. КАРТИЧКА С НАЛОЖЕН ТЕКСТ (.b24-overlay)
   Заглавието е в кадъра → картичките се подравняват
   независимо колко дълго е то.
   ===================================================== */
.b24-overlay{
  position:relative; overflow:hidden; border-radius:var(--b24-r);
  aspect-ratio:var(--b24-ratio);   /* блокът може да го надпише с точна височина */
  box-shadow:var(--b24-lift); transition:box-shadow .25s ease, transform .25s ease;
}
.b24-overlay:hover{ box-shadow:var(--b24-lift-hover); transform:translateY(-2px); }
.b24-overlay img,
.b24-overlay .wp-block-post-featured-image img{
  display:block; width:100%; height:100%; object-fit:cover;
  border-radius:0 !important; transition:transform .5s ease;
}
.b24-overlay:hover img{ transform:scale(1.04); }
/* подложката е под самия текст и расте с него — вж. секция 36 (v2.23.2) */
.b24-overlay .b24-cap{
  position:absolute; left:0; right:0; bottom:0; z-index:2;
  padding:calc(var(--b24-prelivane) + 4px) 20px 16px; color:#fff;
  background:var(--b24-podlozhka-fon);
}
.b24-overlay .b24-cap :is(h1,h2,h3,.wp-block-post-title),
.b24-overlay .b24-cap .wp-block-post-title a{
  color:#fff !important; font-family:'Bitter',serif; font-weight:700;
  line-height:1.16; text-shadow:0 2px 12px rgba(0,0,0,.35); text-decoration:none;
}
.b24-overlay .b24-cap .wp-block-post-date,
.b24-overlay .b24-cap .wp-block-post-author{
  color:rgba(255,255,255,.82); font-size:12.5px; margin-top:12px;
}

/* етикетите — горе вляво, няколко един до друг */
.b24-overlay .wp-block-post-terms{
  position:absolute; top:14px; left:20px; z-index:3;
  display:flex; gap:6px; flex-wrap:wrap;
}
.b24-overlay .wp-block-post-terms a,
.b24-kicker a{
  background:var(--b24-cat); color:#fff !important;
  font-size:10.5px; font-weight:700; letter-spacing:.9px; text-transform:uppercase;
  padding:4px 9px; border-radius:calc(var(--b24-r) - 1px); text-decoration:none;
  font-family:'PT Sans',sans-serif;
}
.b24-overlay .wp-block-post-terms .wp-block-post-terms__separator{ display:none; }

/* =====================================================
   16. КОМЕНТАР — кръглият портрет на автора долу вдясно
   Авторът се показва САМО в рубрика „Коментар".
   Класът .b24-author-round се слага на блока Post Author.
   ===================================================== */
.b24-author-round{
  position:absolute; right:18px; bottom:16px; z-index:3;
  width:104px; text-align:center;
}
.b24-author-round .wp-block-post-author__avatar img,
.b24-author-round img{
  width:104px; height:104px; border-radius:50%; object-fit:cover; margin:0 auto 8px;
  box-shadow:0 0 0 3px var(--b24-cherveno), 0 6px 20px rgba(0,0,0,.45);
  background:var(--b24-mastilo);
  transition:transform .3s ease, box-shadow .3s ease;
}
.b24-overlay:hover .b24-author-round img{
  transform:scale(1.05);
  box-shadow:0 0 0 3px var(--b24-cherveno), 0 10px 28px rgba(0,0,0,.55);
}
.b24-author-round .wp-block-post-author__name,
.b24-author-round .b24-nm{
  font-family:'Bitter',serif; font-weight:700; font-size:12.5px; color:#fff;
  line-height:1.25; text-shadow:0 2px 8px rgba(0,0,0,.5); display:block;
}
.b24-author-round .wp-block-post-author__avatar{ margin:0; }
/* заглавието се свива, за да не се застъпва с портрета */
.b24-overlay:has(.b24-author-round) .b24-cap{ padding-right:132px; }

/* по-малката версия — за страничните картички (.b24-sm) */
.b24-sm .b24-author-round{ width:76px; right:14px; bottom:13px; }
.b24-sm .b24-author-round img{
  width:76px; height:76px;
  box-shadow:0 0 0 2.5px var(--b24-cherveno), 0 5px 16px rgba(0,0,0,.45);
}
.b24-sm .b24-author-round .wp-block-post-author__name,
.b24-sm .b24-author-round .b24-nm{ font-size:11px; }
.b24-sm.b24-overlay:has(.b24-author-round) .b24-cap{ padding-right:96px; }

/* резервен вариант — няма аватар: зелено кръгче с логото */
.b24-author-round.b24-nologo .b24-ring{
  width:104px; height:104px; border-radius:50%; margin:0 auto 8px;
  background:var(--b24-zeleno); display:flex; align-items:center; justify-content:center;
  box-shadow:0 0 0 3px var(--b24-cherveno), 0 6px 20px rgba(0,0,0,.45);
  font-family:'Bitter',serif; font-weight:800; font-size:15px; color:#fff;
}
.b24-sm .b24-author-round.b24-nologo .b24-ring{ width:76px; height:76px; font-size:12px; }

/* =====================================================
   16б. НОВИНАРСКИТЕ КАРТИЧКИ — БЕЗ автор, само дата
   Авторът е запазен знак на „Коментар" и никъде другаде.
   ===================================================== */
.b24-overlay:not(.b24-komentar) .wp-block-post-author,
.b24-grid .wp-block-post-author{ display:none; }

/* =====================================================
   17. ЗОНА „ПРЕДАВАНИЯТА ОТ ДЕНЯ" — зелена, с червени акценти
   Класът .b24-shows на групата.
   ===================================================== */
.b24-shows{
  background:var(--b24-zeleno); border-radius:var(--b24-r); padding:22px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16), var(--b24-lift);
  color:#fff;
}
.b24-shows h2, .b24-shows .wp-block-heading{ color:#fff; font-family:'Bitter',serif; }
.b24-shows h2::before{
  content:""; display:inline-block; width:9px; height:9px; border-radius:50%;
  background:var(--b24-cherveno); box-shadow:0 0 10px var(--b24-cherveno);
  margin-right:10px; vertical-align:middle;
}
.b24-shows .wp-block-post-template > *{
  background:rgba(0,0,0,.22); border:0; border-radius:var(--b24-r); overflow:hidden;
}
.b24-shows .wp-block-post-title a{ color:#fff !important; font-size:13.5px; }
.b24-shows .wp-block-post-date{ color:rgba(255,255,255,.7); }
.b24-shows a.b24-all{ color:#fff; border-bottom:2px solid var(--b24-cherveno); }

/* =====================================================
   18. НОВИТЕ РУБРИКИ — акценти по слъг
   ПОСЛЕДНИ ВИДЕА (video) · ПРЕДАВАНИЯ (predavaniya) · PR ЗОНА (pr)
   ===================================================== */
/* Етикетът на рубриката по нашите карти (хиро, секции, блок под статията).
   Цветът идва от класа is-<слъг>, който носи самият етикет. Дотук имаше
   правила само за три рубрики, а останалите етикети бяха голи букви. (v2.20.1) */
.b24-kicker{
  display:inline-block; align-self:flex-start;
  background:var(--b24-cat); color:#fff;
  font-family:'PT Sans',sans-serif;
  font-size:10.5px; font-weight:700; letter-spacing:.9px; text-transform:uppercase;
  line-height:1.3; padding:4px 9px;
  border-radius:calc(var(--b24-r) - 1px);
}
.b24-kickers{ display:flex; flex-wrap:wrap; gap:5px; margin-bottom:8px; }

/* видео картичка — 16:9, не 2:1, защото тъмбнейлът идва от YouTube */
/* Вече не е изключение — целият сайт е 16:9. Остава заради изрязването,
   ако някой ден качиш видео тъмбнейл с друго съотношение. */
.b24-video .b24-thumb,
.b24-video img { aspect-ratio: var(--b24-ratio); object-fit: cover; }

/* Триъгълниче върху видео тъмбнейла — САМО върху картите (v2.6.3).
   Класът b24-video се лепи на цялата публикация. В архива носителят е
   картата и кръгчето излиза върху кадъра; в единичната публикация
   носителят е цялата статия и кръгчето плуваше насред текста. */
.entry-card.b24-video,
.b24-hk.b24-video { position: relative; }
.entry-card.b24-video::after,
.b24-hk.b24-video::after{
  content:""; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
  width:54px; height:54px; border-radius:50%;
  background: rgba(255,46,58,.92);
  box-shadow: 0 4px 16px rgba(0,0,0,.4);
  z-index:2; pointer-events:none;
}
.entry-card.b24-video::before,
.b24-hk.b24-video::before{
  content:""; position:absolute; left:50%; top:50%;
  transform:translate(-40%,-50%);
  border-style:solid; border-width:9px 0 9px 15px;
  border-color:transparent transparent transparent #fff;
  z-index:3; pointer-events:none;
}

/* =====================================================
   19. PR ЗОНА — платеното не носи спешността на червеното
   ===================================================== */
.b24-pr-band{
  background: var(--b24-pr);
  padding: 26px 0 30px;
  margin: 34px 0;
}
.b24-pr-band .b24-sec{ color:#fff; }
.b24-pr-band .b24-sec::after{ background:#fff; }

/* картата в PR зоната — четири разлики от редакционната */
.b24-pr-card{
  background: var(--b24-platno-2);       /* 1. друг фон */
  border: 1px solid var(--b24-border);
  border-radius: var(--b24-r);
  overflow: hidden;
}
/* Шрифтът на PR картите е ЕДНАКЪВ с редакционните (решено 10.09.2026).
   Различава се само фонът — PT Sans за заглавията се отменя. */
.b24-pr-card .b24-author{                 /* 3. авторът е името на клиента */
  font-size:12px; color:#5a5f56; font-style:normal;
}
/* 4. бадж върху картата — нарочно изключен.
   Включи следващите редове само ако решиш, че е нужен. */
/*
.b24-pr-card::before{
  content:"Платено"; position:absolute; top:10px; left:10px; z-index:3;
  background:var(--b24-pr); color:#fff; font-size:10px; font-weight:700;
  letter-spacing:.8px; text-transform:uppercase; padding:4px 9px;
  border-radius:calc(var(--b24-r) - 1px);
}
*/

/* карето „Платено“ в самата PR публикация */
.b24-paid-note{
  background: var(--b24-platno-2);
  border-left: 4px solid var(--b24-pr);
  border-radius: var(--b24-r);
  padding: 12px 16px;
  margin: 0 0 22px;
  font-size: 13.5px;
  line-height: 1.55;
}
.b24-paid-note strong{ color: var(--b24-pr); }

/* =====================================================
   20. ОЗНАЧЕНИЕ „РЕКЛАМА“ — над банера, извън кликаемото
   Дискретността идва от размера и мястото, не от контраста.
   ===================================================== */
/* ТУК СТОЕШЕ НАДПИСЪТ „РЕКЛАМА“ НА ТЕМАТА. Махнат в v2.20.7.

   Беше display:block с отстъп отдолу — около 18 пиксела, които буташе
   всеки банер надолу и разваляше равнението с картите до него. Заради
   тези 18 пиксела формулата на хирото носеше цял компенсиращ член.

   Надписът вече е на плъгина и е ПЛОЧКА, легнала в ъгъла на банера:
   7 пиксела, черно на бяло, с половин пиксел кант. Банерът заема точно
   толкова, колкото е висок.

   Оттук отпадна и правилото .b24-ad:has(.b24ban)::before{content:none},
   което съществуваше само за да се дърпа темата от плъгина. */

/* =====================================================
   21. ЛЕНТАТА „СЕГА / СЛЕДВА“ В ХЕДЪРА
   ===================================================== */
/* Атрибутът hidden скрива през вградения стил на браузъра, а всеки
   авторски display го бие. Без този ред лентата се показва винаги,
   включително празна, преди JS да я напълни. */
.b24-onair[hidden]{ display:none !important; }

.b24-onair{
  display:flex; align-items:center; gap:14px;
  width:100%;                      /* фиксирана лента — не се свива по текста */
  box-sizing:border-box;
  font-family:'PT Sans', sans-serif;
  font-size:15px; line-height:1;   /* беше 13 — по-едро (v2.8.0) */
  color:#fff;
  text-decoration:none;
  background:var(--b24-zeleno-dark);
  padding:12px 20px 12px 40px;     /* 40 отляво — надписът беше забит в рамката */
  min-height:40px;                 /* двойка с крола „НОВИНИ" (v2.20.2) */
  border-radius:var(--b24-r);
  transition:background .2s ease;
}
.b24-onair:hover{ background:var(--b24-zeleno); color:#fff; }
.b24-onair:focus-visible{ outline:3px solid var(--b24-cherveno); outline-offset:2px; }

.b24-onair-strelka{
  flex:none; margin-left:auto; padding-left:10px;
  font-size:16px; opacity:.6;
  transition:opacity .2s ease, transform .2s ease;
}
.b24-onair:hover .b24-onair-strelka{ opacity:1; transform:translateX(3px); }
.b24-onair .b24-live-tag{
  display:inline-flex; align-items:center; gap:7px;
  font-weight:700; letter-spacing:.6px; font-size:12.5px; text-transform:uppercase;
  flex:none;                       /* точката и надписът стоят вляво, неподвижни */
}
.b24-onair .b24-dot{
  width:8px; height:8px; border-radius:50%;
  background:var(--b24-cherveno);
  animation:b24-pulse 1.8s infinite;
  flex:none;
}
/* ТРИЪГЪЛНИКЪТ (v2.21.0) — вместо точката. Заоблените ъгли идват от
   дебелия контур със заоблени съединения. Мига между червено и светло
   червено — НЕ изчезва: при избледняване до прозрачно се сливаше с
   тъмнозелената лента и мигането не се виждаше. Под мишката спира,
   побелява и расте. */
.b24-onair .b24-onair-play{
  width:20px; height:20px; flex:none; display:block;
  overflow:visible;
  animation:b24-play-mig 1.6s ease-in-out infinite;
  transition:transform .2s ease;
}
.b24-onair .b24-onair-play path{
  fill:var(--b24-cherveno); stroke:var(--b24-cherveno);
  stroke-width:3; stroke-linejoin:round;
  transition:fill .2s ease, stroke .2s ease;
}
@keyframes b24-play-mig{
  0%, 100% { transform:scale(1);   filter:none; }
  50%      { transform:scale(.88); filter:brightness(1.55) saturate(.55); }
}
.b24-onair:hover .b24-onair-play,
.b24-onair:focus-visible .b24-onair-play{ animation:none; transform:scale(1.2); }
.b24-onair:hover .b24-onair-play path,
.b24-onair:focus-visible .b24-onair-play path{ fill:#fff; stroke:#fff; }
.b24-onair .b24-live-tag{ gap:9px; }

/* Пулсът беше разширяващ се пръстен — върху точка от 8 пиксела в зелена
   лента той е почти невидим. Затова сега мига и самата точка (v2.7.0). */
@keyframes b24-pulse{
  0%   { opacity:1;   transform:scale(1);    box-shadow:0 0 0 0 rgba(255,46,58,.7); }
  55%  { opacity:.25; transform:scale(.72);  box-shadow:0 0 0 7px rgba(255,46,58,0); }
  100% { opacity:1;   transform:scale(1);    box-shadow:0 0 0 0 rgba(255,46,58,0); }
}

/* широк екран — „Сега" и „Следва" стоят едновременно, нищо не се сменя */
.b24-onair-both{
  display:flex; align-items:center; gap:10px;
  flex:1 1 auto; min-width:0;
  overflow:hidden;
}
.b24-onair-now{ flex:0 1 auto; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.b24-onair-next{ flex:0 1 auto; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; opacity:.72; }
.b24-onair-sep{ flex:none; opacity:.45; }

/* тесен екран — редуват се, защото двете не се събират */
.b24-onair .b24-onair-text{
  display:none; flex:1 1 auto; min-width:0;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
  transition:opacity .22s ease;
}
.b24-onair .b24-onair-text.is-out{ opacity:0; }

@media (prefers-reduced-motion: reduce){
  /* пулсът носи смисъла „в момента" — забавя се, но не спира */
  .b24-onair .b24-dot{ animation-duration:3.2s; }
  .b24-onair .b24-onair-play{ animation-duration:3.2s; }
  .b24-onair .b24-onair-text{ transition:none; }
}
@media (max-width:760px){
  .b24-onair-both{ display:none; }
  .b24-onair .b24-onair-text{ display:block; }
}
/* ОБВИВКАТА (върната в v2.8.1).
   Правилото беше изтрито по невнимание в 2.6.4 — заместващият блок се
   оказа по-дълъг от предвиденото и повлече и него. Затова лентата
   минаваше от край до край: нямаше какво да я ограничи.
   Ширината сега идва от .ct-container на Blocksy, значи лентата е
   подравнена с менюто и със съдържанието при всяка настройка. */
.b24-onair-wrap{ margin:12px auto 0; }

@media (max-width:600px){
  .b24-onair{ font-size:13px; padding:10px 14px 10px 18px; gap:10px; min-height:34px; }
  .b24-onair-strelka{ display:none; }
}

/* =====================================================
   22. ЖИВИЯТ ПЛЕЙЪР — сайдбарен и плуващ, едно и също нещо
   Плеърът НЕ се мести в DOM-а. Сменя само клас, защото местенето
   презарежда iframe-а и потокът прекъсва.
   ===================================================== */
.b24-live-widget{ margin-bottom:22px; }

.b24-player{
  background:var(--b24-mastilo);
  border-radius:var(--b24-r);
  overflow:hidden;
  box-shadow:var(--b24-lift);
}
.b24-player .b24-frame{
  position:relative; aspect-ratio:16/9; background:#000;
}
.b24-player .b24-frame iframe{
  position:absolute; inset:0; width:100%; height:100%; border:0;
}

/* КАПАКЪТ ПРЕДИ КЛИК — не тегли видео на всяка страница.
   От v2.23.3 е кадър от потока (img.b24-poster), а не тъмен градиент:
   иначе на телефон беше черен квадрат, по който не личи, че е плеър. */
.b24-player .b24-play{
  position:absolute; inset:0; width:100%; height:100%;
  display:block; padding:0; margin:0; overflow:hidden;
  cursor:pointer; border:0;
  background:linear-gradient(150deg,#123, var(--b24-mastilo));   /* докато кадърът се зареди */
  color:#fff;
}
.b24-player .b24-poster{
  position:absolute; inset:0; width:100%; height:100%;
  object-fit:cover; display:block;
  transition:transform .4s ease;
}
.b24-player .b24-play:hover .b24-poster{ transform:scale(1.04); }
/* лек тъмен слой — за да се откроят кръгът и надписът */
.b24-player .b24-play::before{
  content:""; position:absolute; inset:0; z-index:1;
  background:linear-gradient(180deg, rgba(0,0,0,.08) 40%, rgba(0,0,0,.62) 100%);
}
/* червеният кръг с триъгълника — в средата */
.b24-player .b24-play-kryg{
  position:absolute; left:50%; top:50%; z-index:2;
  width:58px; height:58px; margin:-29px 0 0 -29px; border-radius:50%;
  background:var(--b24-cherveno);
  box-shadow:0 6px 20px rgba(0,0,0,.45);
  transition:transform .2s ease;
}
.b24-player .b24-play-kryg::after{
  content:""; position:absolute; left:50%; top:50%;
  transform:translate(-38%,-50%);
  border-style:solid; border-width:11px 0 11px 18px;
  border-color:transparent transparent transparent #fff;
}
.b24-player .b24-play:hover .b24-play-kryg{ transform:scale(1.08); }
/* надписът долу вляво — „● ГЛЕДАЙ НА ЖИВО“ */
.b24-player .b24-play-nadpis{
  position:absolute; left:10px; bottom:9px; z-index:2;
  display:inline-flex; align-items:center; gap:6px;
  font:700 11px/1 'PT Sans',sans-serif; letter-spacing:.6px; text-transform:uppercase;
  text-shadow:0 1px 4px rgba(0,0,0,.6);
}
.b24-player .b24-play-nadpis .b24-dot{
  width:8px; height:8px; border-radius:50%; flex:none;
  background:var(--b24-cherveno); animation:b24-pulse 1.8s infinite;
}
.b24-player.is-floating .b24-play-kryg,
.b24-float-wrap .b24-player .b24-play-kryg{ width:44px; height:44px; margin:-22px 0 0 -22px; }
.b24-player.is-floating .b24-play-kryg::after,
.b24-float-wrap .b24-player .b24-play-kryg::after{ border-width:9px 0 9px 15px; }
.b24-player.is-playing .b24-play{ display:none; }

/* ЦЯЛ ЕКРАН (v2.23.3) — рамката заема екрана, картината я пълни */
.b24-player .b24-frame:fullscreen{ aspect-ratio:auto; width:100%; height:100%; background:#000; }
.b24-player .b24-frame:-webkit-full-screen{ aspect-ratio:auto; width:100%; height:100%; background:#000; }

.b24-player .b24-bar{
  display:flex; align-items:center; gap:7px;
  padding:5px 8px;                 /* по-ниска (v2.8.0) */
  font-family:'PT Sans',sans-serif; font-size:11px; line-height:1.2; color:#fff;
  background:var(--b24-mastilo);
}
.b24-player .b24-bar .b24-dot{
  width:7px; height:7px; border-radius:50%;
  background:var(--b24-cherveno);
  animation:b24-pulse 1.8s infinite; flex:none;
}
.b24-player .b24-bar-title{
  flex:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
  opacity:.88;
}
.b24-player .b24-sound,
.b24-player .b24-cyal{
  display:inline-flex; align-items:center; justify-content:center;
  min-height:28px; background:transparent; border:0; color:#fff; cursor:pointer;
  font-size:11px; padding:2px 6px; opacity:.8; flex:none;
}
.b24-player .b24-sound[hidden],
.b24-player .b24-cyal[hidden]{ display:none; }
.b24-player .b24-cyal .b24-ikona{ width:18px; height:18px; }
.b24-player .b24-sound:hover,
.b24-player .b24-cyal:hover{ opacity:1; }
/* на телефон — по-големи за пръст */
@media (max-width:782px){
  .b24-player .b24-sound,
  .b24-player .b24-cyal{ min-height:36px; min-width:36px; font-size:12px; }
  .b24-player .b24-cyal .b24-ikona{ width:22px; height:22px; }
}
/* хиксчето е по-долу, при плуващото състояние (v2.21.0) */

/* --- плуващото състояние --- */
/* 240 широк (v2.8.0). При 16:9 това прави 135 висок — по-ниско от това
   картината би се рязала, затова височината не се пипа отделно.
   Свива се лентата отдолу и банерът. */
.b24-float-wrap{
  position:fixed; right:18px; bottom:18px; z-index:9990;
  width:240px; max-width:calc(100vw - 36px);
}
.b24-float-wrap.b24-hidden{ display:none; }
.b24-player.is-floating{
  position:fixed; right:18px; bottom:18px; z-index:9990;
  width:240px; max-width:calc(100vw - 36px);
  box-shadow:var(--b24-lift-hi);
}

/* ХИКСЧЕТО (v2.21.0) — голямо, в горния десен ъгъл, за пръст.
   Дотук беше 11 пиксела текст в лентата отдолу — не се виждаше и не се
   уцелваше. Сега е кръг от 30 CSS пиксела (на телефон това е около 5 мм)
   върху ъгъла на картината, а зоната, която приема докосването, е 44 —
   колкото препоръката за пръст. Вижда се само докато плеърът плува. */
.b24-float-wrap .b24-player,
.b24-player.is-floating{ position:relative; }
.b24-player.is-floating{ position:fixed; }
.b24-player .b24-close{
  position:absolute; top:6px; right:6px; z-index:5;
  width:30px; height:30px; padding:0; margin:0;
  display:flex; align-items:center; justify-content:center;
  border-radius:50%;
  background:rgba(0,0,0,.72); border:2px solid #fff;
  color:#fff; font-size:15px; font-weight:700; line-height:1; opacity:1;
  box-shadow:0 2px 8px rgba(0,0,0,.45);
  cursor:pointer; transition:transform .15s ease, background .15s ease;
}
.b24-player .b24-close::before{      /* невидимата зона за пръста */
  content:""; position:absolute; inset:-7px; border-radius:50%;
}
.b24-player .b24-close:hover,
.b24-player .b24-close:focus-visible{ background:var(--b24-cherveno); transform:scale(1.08); opacity:1; }
.b24-player[data-context="sidebar"]:not(.is-floating) .b24-close{ display:none; }

/* Банер F — залепен под плеъра. Само на началната страница.
   Размерът е нарочно малък: заедно с плеъра трябва да остане
   под 30% от височината на екрана, иначе влизаме в дефиницията
   за „голям залепен банер“ по Better Ads Standards. */
/* Надписът „Реклама" е ::before на същия елемент. В 2.8.0 сложих тук
   display:flex, за да центрирам банера — и с това превърнах надписа в
   елемент на реда, тоест той застана ОТЛЯВО вместо отгоре.
   Колоната връща реда: надпис горе, банер отдолу. (v2.8.2) */
/* Банерът под плаващия плеър. Идва от място „pod-pleara“ на плъгина. */
.b24-float-wrap .b24ban{ margin:5px 0 0; }
.b24-float-wrap .b24ban-hol{ width:240px; max-width:100%; }

@media (max-width:782px){
  .b24-float-wrap,
  .b24-player.is-floating{
    width:200px; right:10px; bottom:10px;
  }
  /* на телефон банерът пада — плеър плюс банер изяждаше една трета екран.
     Същото може да се зададе и от Банери → Места с „скрий на телефон“. */
  .b24-float-wrap .b24ban,
  .b24-float-wrap .b24-mesto-prazno{ display:none; }
}

/* =====================================================
   23. БЛОК ПОД ПУБЛИКАЦИЯ — три слота, нарочно различни
   Еднаквите карти изравняват йерархията и правят всичко
   еднакво маловажно. Стиловете са в assets/css/b24-continue.css
   ===================================================== */

/* 24. (свободен — старият бутон за Google е в inc/b24-google-izvor.php) */

/* =====================================================
   25. ХИРО · пет части
   [ слайдер | видео+коментар | банер ]  и отдолу фашата на цялата ширина.

   РАВНЕНИЕТО (v2.20.1). Банерът е 3:5 (240×400), слайдерът 16:9.
   Досега фашата трябваше да „дорасне“ до дъното на банера, но при
   широк екран колоната вляво излизаше по-дълга и под банера оставаше
   дупка от ~45px. Сега ширината на банерната колона се СМЯТА от
   ширината на реда, така че височината на банера (плюс надписа
   „Реклама“) е точно колкото тази на слайдера — при всяка ширина.

     банер = 0,18634 × (W − 2×gap) − 0,48819 × надпис
   (от: слайдер = 9/16 × 627/924 × (W − банер − 2×gap);
         банер-височина = банер × 5/3 + надпис)
   ===================================================== */

.b24-hero-blok{
  container-type:inline-size;
  display:flex; flex-direction:column;
  gap:var(--b24-gap, 18px);
  --b24-sb-l:0px;                       /* празно каре — без надпис */
}
/* Тук стоеше --b24-sb-l:18px — компенсация за височината на надписа
   „Реклама“. Надписът вече е плочка върху банера и не отнема височина,
   значи компенсацията отпада и формулата долу се чисти. (v2.20.7) */

.b24-hero-row{
  display:grid;
  grid-template-columns:minmax(0,1fr)
    calc(0.18634 * (100cqw - 2 * var(--b24-gap, 18px)));
  gap:var(--b24-gap, 18px);
  align-items:start;
}
.b24-hero-row.is-nobanner{ grid-template-columns:minmax(0,1fr); }

.b24-hero-left{ min-width:0; }

/* 627 : 297 — пропорцията от макета */
.b24-hero{
  display:grid;
  grid-template-columns:627fr 297fr;
  gap:var(--b24-gap, 18px);
  min-width:0;
}
.b24-hero-main{ min-width:0; }
.b24-hero-mid{
  display:flex; flex-direction:column;
  gap:var(--b24-gap, 18px);
  min-height:0; min-width:0;
}
.b24-hero-mid > *{ flex:1 1 0; min-height:0; }

/* ---------- картата ---------- */
.b24-hk{
  position:relative; display:block; overflow:hidden;
  border-radius:var(--b24-r);
  color:#fff; text-decoration:none;
  box-shadow:var(--b24-lift);
  transition:box-shadow .25s ease, transform .25s ease;
}
.b24-hk:hover{ box-shadow:var(--b24-lift-hover); transform:translateY(-2px); }
.b24-hk:focus-visible{ outline:3px solid var(--b24-cherveno); outline-offset:3px; }

.b24-hk--main{ aspect-ratio:var(--b24-ratio); }
.b24-hk--mid{ height:100%; }

.b24-hk-pic{ position:absolute; inset:0; display:block; transition:transform .5s ease; }
.b24-hk-pic img{ width:100%; height:100%; object-fit:cover; display:block; }
.b24-hk:hover .b24-hk-pic{ transform:scale(1.04); }

/* Градиентът върху цялата снимка е махнат (v2.23.2) — подложката е под
   текста, в .b24-pod, и расте с него. Вж. секция 36. */
.b24-hk-body{
  position:relative; z-index:2; height:100%;
  display:flex; flex-direction:column; justify-content:flex-end;
}
.b24-hk-body .b24-pod{ padding:calc(var(--b24-prelivane) + 4px) 18px 14px; }
.b24-hk-h{
  font-family:'Bitter',serif; font-weight:700; line-height:1.2;
  text-shadow:0 2px 12px rgba(0,0,0,.4);
}
.b24-hk--main .b24-hk-h{ font-size:27px; }
.b24-hk--mid  .b24-hk-h{ font-size:16px; }
.b24-hk-m{ font-size:11.5px; opacity:.8; margin-top:6px; }

.b24-hk--prazna{
  display:flex; align-items:center; justify-content:center;
  background:rgba(28,31,26,.06);
  border:1px dashed rgba(28,31,26,.28);
  color:#6b7065; font-size:12px;
}
.b24-hk--prazna::after{ content:none; }

/* мястото за портрета */
.b24-hk--main.has-portret .b24-pod{ padding-right:126px; }
.b24-hk--mid.has-portret  .b24-pod{ padding-right:92px; }

/* ---------- КАРУСЕЛЪТ ---------- */
.b24-carousel{ position:relative; overflow:hidden; border-radius:var(--b24-r); }
.b24-carousel-track{
  display:flex;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  scrollbar-width:none;
  -ms-overflow-style:none;
}
.b24-carousel-track::-webkit-scrollbar{ display:none; }
.b24-slide{ flex:0 0 100%; scroll-snap-align:start; min-width:0; }

.b24-car-prev,.b24-car-next{
  position:absolute; top:50%; transform:translateY(-50%); z-index:4;
  width:38px; height:38px; border:0; border-radius:50%;
  background:rgba(28,31,26,.45); color:#fff; font-size:22px; line-height:1;
  cursor:pointer; opacity:0; transition:opacity .2s ease, background .2s ease;
}
.b24-carousel:hover .b24-car-prev,
.b24-carousel:hover .b24-car-next{ opacity:1; }
.b24-car-prev:focus-visible,.b24-car-next:focus-visible{ opacity:1; }
.b24-car-prev:hover,.b24-car-next:hover{ background:var(--b24-cherveno); }
.b24-car-prev{ left:12px; }
.b24-car-next{ right:12px; }

.b24-car-dots{
  position:absolute; left:0; right:0; bottom:10px; z-index:4;
  display:flex; justify-content:center; gap:7px;
}
.b24-car-dots button{
  width:7px; height:7px; padding:0; border:0; border-radius:50%;
  background:rgba(255,255,255,.45); cursor:pointer;
  transition:background .2s ease, width .2s ease;
}
.b24-car-dots button[aria-selected="true"]{ background:#fff; width:20px; border-radius:4px; }

/* ---------- ФАШАТА ---------- */
.b24-fasha-promo{
  display:flex; align-items:center;
  min-height:40px;
  background:var(--b24-fasha-bg, var(--b24-mastilo)); color:#fff;
  border-radius:var(--b24-r); overflow:hidden;
  box-shadow:var(--b24-lift);
  text-decoration:none;
  transition:box-shadow .25s ease;
}
.b24-fasha-promo:hover{ box-shadow:var(--b24-lift-hover); }
.b24-fasha-tag{
  align-self:stretch; display:flex; align-items:center;
  background:var(--b24-fasha-tag, var(--b24-cherveno)); padding:0 14px;
  font-family:'Bitter',serif; font-weight:800; font-size:12.5px; letter-spacing:.4px;
}
.b24-fasha-txt{ padding:0 14px; font-size:13.5px; }
.b24-fasha-arr{ margin-left:auto; padding:0 16px; font-weight:700; font-size:13px; white-space:nowrap; }

/* ---------- БАНЕРНАТА КОЛОНА ----------
   Без отстъпи и без нищо, което отнема височина — иначе формулата горе
   не излиза. Надписът е плочка ВЪРХУ банера и вече не участва. */
.b24-hero-sb{ min-width:0; }
.b24-hero-sb .b24ban{ margin:0; }
.b24-hero-sb .b24ban-hol{ display:block; width:100%; }
.b24-hero-sb img{ width:100%; max-width:none; height:auto; aspect-ratio:3 / 5; object-fit:contain; }
.b24-sb-prazen{
  aspect-ratio:3 / 5;
  background:rgba(28,31,26,.06);
  border:1px dashed rgba(28,31,26,.28);
  border-radius:var(--b24-r);
  display:flex; align-items:center; justify-content:center; text-align:center;
  font-size:11.5px; color:#6b7065; letter-spacing:.5px; line-height:1.5;
}

/* ---------- ТЕСНИ ЕКРАНИ ----------
   Под 1000: слайдер · видео и коментар · фаша · банер (в естествен размер) */
@media (max-width:1000px){
  .b24-hero-row{ display:contents; }
  .b24-hero-left{ order:1; }
  .b24-fasha-promo{ order:2; }
  .b24-hero-sb{ order:3; width:240px; max-width:100%; align-self:center; }
}
@media (max-width:760px){
  .b24-hero{ grid-template-columns:minmax(0,1fr); }
  /* Без това двете малки карти са 0px високи: „раздели свободното място“
     в колона без височина значи раздели нищо. (v2.20.1) */
  .b24-hero-mid > *{ flex:none; aspect-ratio:var(--b24-ratio); height:auto; }
  .b24-hk--main .b24-hk-h{ font-size:21px; }
  .b24-fasha-promo{ flex-wrap:wrap; min-height:0; }
  .b24-fasha-txt{ padding:9px 12px; font-size:12.5px; }
  .b24-fasha-arr{ padding:0 12px 9px; }
}

/* =====================================================
   26. ПОРТРЕТЪТ НА АВТОРА
   Кръгът е по макета. За правоъгълник 3:4 — виж бележката долу.
   ===================================================== */

.b24-portret{
  position:absolute; z-index:3; text-align:center;
  right:16px; bottom:14px; width:100px;
}
.b24-portret-kadar{
  display:block; width:100px; height:100px;
  border-radius:50%; overflow:hidden; margin:0 auto 7px;
  background:var(--b24-mastilo);
  box-shadow:0 0 0 3px var(--b24-cherveno), 0 6px 20px rgba(0,0,0,.45);
  transition:transform .3s ease;
}
.b24-portret-kadar img{ width:100%; height:100%; object-fit:cover; display:block; }
.b24-hk:hover .b24-portret-kadar{ transform:scale(1.05); }

.b24-portret-nm{
  display:block;
  font-family:'Bitter',serif; font-weight:700; font-size:12px;
  color:#fff; line-height:1.25; text-shadow:0 2px 8px rgba(0,0,0,.5);
}
.b24-portret-kach{
  display:block; font-size:10px; opacity:.82; color:#fff;
  text-shadow:0 2px 8px rgba(0,0,0,.5);
}

.b24-portret--small{ width:72px; right:12px; bottom:11px; }
.b24-portret--small .b24-portret-kadar{
  width:72px; height:72px;
  box-shadow:0 0 0 2.5px var(--b24-cherveno), 0 5px 16px rgba(0,0,0,.45);
}
.b24-portret--small .b24-portret-nm{ font-size:10.5px; }
.b24-portret--small .b24-portret-kach{ display:none; }

/* ПРАВОЪГЪЛЕН ВАРИАНТ · 3:4 с лента отдолу.
   Слага се клас b24-portret-pravo на <body> или на секцията.
   Кръгът реже раменете, когато кадърът не е правен за кръг. */
.b24-portret-pravo .b24-portret-kadar{
  width:86px; height:115px; border-radius:var(--b24-r);
  box-shadow:0 6px 20px rgba(0,0,0,.45);
  margin-bottom:0;
}
.b24-portret-pravo .b24-portret{ width:86px; }
.b24-portret-pravo .b24-portret-nm,
.b24-portret-pravo .b24-portret-kach{
  background:var(--b24-zeleno); padding:3px 6px; text-shadow:none;
}
.b24-portret-pravo .b24-portret-nm{ margin-top:-26px; position:relative; }
.b24-portret-pravo .b24-portret-kach{ padding-top:0; padding-bottom:5px; }

/* =====================================================
   27. СТРАНИЦАТА „НАШИТЕ АВТОРИ"
   Портрет вляво, име и качество върху лента, текст вдясно.
   ===================================================== */

.b24-avtori{ display:flex; flex-direction:column; gap:22px; margin:26px 0; }
.b24-avtor-kart{
  display:grid; grid-template-columns:180px 1fr; gap:20px;
  background:var(--b24-hartia);
  border:1px solid var(--b24-border);
  border-radius:var(--b24-r);
  overflow:hidden;
  box-shadow:var(--b24-lift);
}
.b24-avtor-foto{ position:relative; background:var(--b24-mastilo); min-height:240px; }
.b24-avtor-foto img{ width:100%; height:100%; object-fit:cover; display:block; }
.b24-avtor-nologo{
  position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
  background:var(--b24-zeleno); color:#fff;
  font-family:'Bitter',serif; font-weight:800; font-size:30px;
}
.b24-avtor-lenta{
  position:absolute; left:0; right:0; bottom:0; z-index:2;
  background:var(--b24-zeleno); color:#fff; padding:8px 12px;
}
.b24-avtor-ime{ display:block; font-family:'Bitter',serif; font-weight:700; font-size:15px; line-height:1.2; }
.b24-avtor-kach{ display:block; font-size:11.5px; opacity:.88; }
.b24-avtor-tekst{ padding:18px 20px 18px 0; font-size:14.5px; line-height:1.6; }
.b24-avtor-vsichki{
  display:inline-block; margin-top:8px;
  color:var(--b24-zeleno-dark); font-weight:700; font-size:13px; text-decoration:none;
}
.b24-avtor-vsichki:hover{ color:var(--b24-cherveno); }

@media (max-width:640px){
  .b24-avtor-kart{ grid-template-columns:minmax(0,1fr); }
  .b24-avtor-foto{ min-height:0; aspect-ratio:var(--b24-ratio); }
  .b24-avtor-tekst{ padding:16px 18px; }
}

/* =====================================================
   28. ВГРАДЕНИ ВИДЕА (v2.6.2)
   Импортираните публикации носят ютюб вграждане. Без правило
   iframe-ът излиза с размера, който е записан в разметката —
   оттам „безумният формат".
   ===================================================== */
.entry-content iframe,
.wp-block-embed iframe,
.wp-block-embed__wrapper iframe{
  width: 100%;
  aspect-ratio: var(--b24-ratio);
  height: auto;
  display: block;
  border: 0;
  border-radius: var(--b24-r);
}
.wp-block-embed__wrapper{ position: static; padding-bottom: 0 !important; }
.wp-block-embed__wrapper::before{ content: none !important; }

/* =====================================================
   29. ПРОГРАМАТА — акордеон по дни (v2.7.0)
   Родният <details>: работи без JavaScript, отваря се с клавиатура,
   а търсачките виждат текста и когато е затворен.
   Отварянето на един ден НЕ затваря другите — за да може да се
   сравняват вторник и четвъртък.
   ===================================================== */

.b24-programa{ margin:26px 0; }

.b24-prog-den{
  border:1px solid var(--b24-border);
  border-radius:var(--b24-r);
  background:var(--b24-hartia);
  margin-bottom:10px;
  overflow:hidden;
}
.b24-prog-den[open]{ box-shadow:var(--b24-lift); }

.b24-prog-summary{
  display:flex; align-items:center; gap:12px;
  padding:13px 16px;
  cursor:pointer;
  list-style:none;
  font-family:'Bitter',serif; font-weight:700; font-size:15px;
  color:var(--b24-mastilo);
  transition:background .18s ease, color .18s ease;
}
.b24-prog-summary::-webkit-details-marker{ display:none; }

/* стрелка вляво, върти се при отваряне */
.b24-prog-summary::before{
  content:"\25B8";
  color:var(--b24-cherveno);
  font-size:13px;
  transition:transform .2s ease;
  flex:none;
}
.b24-prog-den[open] > .b24-prog-summary::before{ transform:rotate(90deg); }

/* ховър само върху затворените — отвореното заглавие не мърда */
.b24-prog-den:not([open]) > .b24-prog-summary:hover{
  background:var(--b24-platno-2);
  color:var(--b24-zeleno-dark);
}
.b24-prog-summary:focus-visible{
  outline:3px solid var(--b24-cherveno); outline-offset:-3px;
}

.b24-prog-den-ime{ flex:1 1 auto; }
.b24-prog-znak{
  flex:none;
  background:var(--b24-cherveno); color:#fff;
  font-family:'PT Sans',sans-serif; font-weight:700;
  font-size:10px; letter-spacing:.6px; text-transform:uppercase;
  padding:3px 8px; border-radius:calc(var(--b24-r) - 1px);
}
.b24-prog-broi{
  flex:none;
  font-family:'PT Sans',sans-serif; font-weight:400;
  font-size:12px; color:#6b7065;
}

.b24-prog-den[open] > .b24-prog-summary{
  background:var(--b24-zeleno-dark); color:#fff;
}
.b24-prog-den[open] > .b24-prog-summary::before{ color:#fff; }
.b24-prog-den[open] > .b24-prog-summary .b24-prog-broi{ color:rgba(255,255,255,.72); }

.b24-prog-list{
  list-style:none; margin:0; padding:6px 0;
}
.b24-prog-list li{
  display:flex; gap:14px;
  padding:8px 18px;
  font-size:14.5px; line-height:1.45;
  border-bottom:1px dashed var(--b24-border);
}
.b24-prog-list li:last-child{ border-bottom:0; }
.b24-prog-list li:hover{ background:var(--b24-platno-2); }
.b24-prog-time{
  flex:none; width:48px;
  font-family:'PT Sans',sans-serif; font-weight:700;
  color:var(--b24-zeleno-dark);
}
.b24-prog-title{ flex:1 1 auto; }

@media (max-width:560px){
  .b24-prog-list li{ padding:8px 14px; font-size:13.5px; gap:10px; }
  .b24-prog-time{ width:42px; }
  .b24-prog-summary{ font-size:14px; padding:12px 14px; }
}

/* =====================================================
   30. PR BYLINE (v2.8.0)
   Ред: агенция → България 24 → клиент, всеки на отделен ред.
   Нарочно дребно — това е обозначение, не подпис на журналист.
   ===================================================== */

/* --- редът с автора: редакционен и PR, един вид ---------------------
   И двата стоят на едно и също място под заглавието и изглеждат
   еднакво. Читателят не бива да се учи на два различни подписа. */
.b24-avtor-red,
.b24-pr-red{
  display:flex; flex-wrap:wrap; align-items:center; gap:6px 12px;
  margin:0 0 16px;
  font-family:'PT Sans',sans-serif;
  font-size:14px; line-height:1.4;
  color:var(--b24-mastilo);
}

.b24-avtor-ime{ font-weight:700; }
.b24-avtor-ime a{ color:inherit; text-decoration:none; border-bottom:1px solid var(--b24-border); }
.b24-avtor-ime a:hover{ color:var(--b24-zeleno-dark); border-bottom-color:currentColor; }
.b24-avtor-kach,
.b24-avtor-data{ color:var(--b24-sivo-text); font-size:13px; }

/* PR редът носи и тънка червена черта, за да се различава от редакционния */
.b24-pr-red{
  padding:8px 0 8px 12px;
  border-left:3px solid var(--b24-pr);
}
.b24-pr-lice{
  display:inline-flex; align-items:center; gap:8px;
  color:inherit; text-decoration:none;
}
a.b24-pr-lice:hover{ color:var(--b24-pr); }
.b24-pr-ime{ font-weight:700; }
.b24-pr-za{ color:var(--b24-sivo-text); font-size:13px; }
.b24-pr-logo{ flex:none; display:block; }
.b24-pr-logo img{
  display:block; width:auto; height:22px;
  max-width:96px; object-fit:contain;
}

@media (max-width:560px){
  .b24-avtor-red,
  .b24-pr-red{ font-size:13px; gap:4px 10px; }
  .b24-pr-logo img{ height:18px; max-width:80px; }
}

/* на авторската страница логото е голямо */
.tax-b24_pr_avtor .b24-pr-logo img{ height:auto; max-width:220px; }

/* =====================================================
   31. ОПИСАНИЕТО НА ВНЕСЕНИТЕ ВИДЕА (v2.8.3)
   Идва от полето „Откъс" и влиза над видеото като нормални абзаци.
   ===================================================== */
.b24-opisanie{
  font-size:16px;
  line-height:1.62;
  margin-bottom:22px;
}
.b24-opisanie p:last-child{ margin-bottom:0; }
/* хаштаговете накрая — по-дребни, за да не спорят с текста */
.b24-opisanie p:last-child:first-letter{ }

/* =====================================================
   32. ГРИД „PR ФАША" (v2.9.0)
   Червена лента с бял надпис — така секцията се разграничава от
   редакционните на пръв поглед, без да се чете нито дума.
   Десктоп 3×2, таблет 2×3, телефон 1 колона.
   Място 1 е горе вляво на десктоп и първо на телефон.
   ===================================================== */

.b24-pr-fasha{
  background: var(--b24-pr);
  padding: 30px 0 34px;
  margin: 38px 0;
}
/* Същият контейнер като на останалите секции — .b24-wrap, ред 211.
   Не се въвежда нова променлива за едно място. */
.b24-pr-fasha-in{
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 20px;
}
.b24-pr-fasha-h{
  color:#fff;
  font-family:'Bitter',serif; font-weight:800;
  font-size:20px; letter-spacing:.6px; text-transform:uppercase;
  margin:0 0 18px;
  display:flex; align-items:center; gap:12px;
}
.b24-pr-fasha-h::after{
  content:""; flex:1 1 auto; height:2px;
  background:rgba(255,255,255,.32);
}

.b24-pr-mrezha{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:18px;
}

.b24-pr-m{
  display:block; position:relative; overflow:hidden;
  background:var(--b24-hartia);
  border-radius:var(--b24-r);
  text-decoration:none; color:var(--b24-mastilo);
  box-shadow:0 2px 10px rgba(0,0,0,.18);
  transition:transform .22s ease, box-shadow .22s ease;
}
.b24-pr-m:hover{ transform:translateY(-3px); box-shadow:0 8px 26px rgba(0,0,0,.28); }
.b24-pr-m:focus-visible{ outline:3px solid #fff; outline-offset:3px; }

.b24-pr-m-pic{ display:block; }
.b24-pr-m-pic img{
  display:block; width:100%; height:auto;
  aspect-ratio:var(--b24-ratio); object-fit:cover;
}
.b24-pr-m-body{ display:block; padding:12px 14px 14px; }
.b24-pr-m-h{
  display:block;
  font-family:'Bitter',serif; font-weight:700;
  font-size:15px; line-height:1.32;
}
.b24-pr-m-kl{
  display:block; margin-top:6px;
  font-family:'PT Sans',sans-serif; font-size:11px;
  color:#5a5f56;
}

/* свободно място — покана, не дупка */
.b24-pr-m--prazno{
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:6px; text-align:center;
  aspect-ratio:var(--b24-ratio);
  background:rgba(255,255,255,.09);
  border:1px dashed rgba(255,255,255,.45);
  box-shadow:none; color:#fff;
}
.b24-pr-m--prazno:hover{ background:rgba(255,255,255,.16); box-shadow:none; }
.b24-pr-m-prazno-h{
  font-family:'Bitter',serif; font-weight:700; font-size:16px;
}
.b24-pr-m-prazno-t{ font-size:12px; opacity:.82; }

@media (max-width:900px){
  .b24-pr-mrezha{ grid-template-columns:repeat(2, minmax(0,1fr)); }
}
@media (max-width:560px){
  .b24-pr-mrezha{ grid-template-columns:minmax(0,1fr); gap:14px; }
  .b24-pr-fasha{ padding:22px 0 26px; }
  .b24-pr-fasha-h{ font-size:17px; }
}

/* =====================================================
   33. ГОЛЕМИЯТ ПЛЕЙЪР — страницата „На живо" (v2.10.0)
   ===================================================== */

.b24-golqm-pleyar{ margin:0 auto 26px; }

.b24-pleyar-kadar{
  position:relative;
  aspect-ratio:var(--b24-ratio);
  background:#000;
  border-radius:var(--b24-r);
  overflow:hidden;
  box-shadow:var(--b24-lift-hover);
}
.b24-pleyar-kadar iframe{
  position:absolute; inset:0; width:100%; height:100%; border:0;
}

.b24-pleyar-lenta{
  display:flex; align-items:center; gap:12px;
  margin-top:10px; padding:11px 16px;
  background:var(--b24-mastilo); color:#fff;
  border-radius:var(--b24-r);
  font-family:'PT Sans',sans-serif; font-size:14px;
}
.b24-pleyar-lenta.is-jivo{ background:var(--b24-zeleno-dark); }
.b24-pleyar-t{
  flex:1 1 auto; min-width:0;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
  opacity:.9;
}
.b24-pleyar-off{
  flex:none; font-weight:700; font-size:12px;
  letter-spacing:.5px; text-transform:uppercase; opacity:.75;
}

.b24-pleyar-programa{
  display:flex; flex-wrap:wrap; gap:8px 26px;
  margin-top:10px; padding:12px 16px;
  background:var(--b24-hartia);
  border:1px solid var(--b24-border);
  border-radius:var(--b24-r);
  font-size:14px;
}
.b24-pleyar-programa em{
  font-style:normal; color:var(--b24-zeleno-dark); font-weight:700;
}

.b24-pleyar-prazno{
  display:flex; flex-direction:column; gap:6px;
  padding:26px 20px; text-align:center;
  background:var(--b24-hartia);
  border:1px dashed var(--b24-border);
  border-radius:var(--b24-r);
}
.b24-pleyar-prazno span{ font-size:14px; }
/* ред под плеъра само за влезлите редактори — откъде е потокът (v2.23.1) */
.b24-pleyar-diag{
  margin-top:8px; padding:7px 10px; border:1px dashed var(--b24-border); border-radius:4px;
  font:12px/1.45 system-ui,sans-serif; color:var(--b24-sivo-text,#5e645b); background:rgba(28,31,26,.03);
}

@media (max-width:560px){
  .b24-pleyar-lenta{ font-size:13px; padding:9px 12px; gap:9px; }
  .b24-pleyar-programa{ font-size:13px; }
}

/* =====================================================
   34. СЕКЦИИ НА НАЧАЛНАТА СТРАНИЦА (v2.11.0)
   Всяка секция си носи цвят през --b24-cat. Едно правило,
   различен цвят за всяка рубрика, без по едно правило на рубрика.
   ===================================================== */

.b24-sekcia{ margin-top:32px; }

.b24-sec-h{
  display:flex; align-items:baseline; justify-content:space-between;
  gap:16px; margin-bottom:16px;
}
.b24-sec-h h2{
  position:relative;
  margin:0; padding-bottom:10px;
  font-family:'Bitter',serif; font-weight:800;
  font-size:21px; letter-spacing:.4px;
  color:var(--b24-mastilo);
}
.b24-sec-h h2::after{
  content:""; position:absolute; left:0; bottom:-1px;
  width:100%; height:4px; border-radius:2px;
  background:var(--b24-cat, var(--b24-zeleno));
}
.b24-sec-h a{
  flex:none;
  font-family:'PT Sans',sans-serif; font-weight:700; font-size:12.5px;
  color:var(--b24-cat, var(--b24-zeleno));
  text-decoration:none;
}
.b24-sec-h a:hover{ color:var(--b24-cherveno); }

/* --- мрежата --- */
.b24-mrezha{ display:grid; gap:var(--b24-gap); }
.b24-mrezha--2{ grid-template-columns:repeat(2, minmax(0,1fr)); }
.b24-mrezha--3{ grid-template-columns:repeat(3, minmax(0,1fr)); }
.b24-mrezha--4{ grid-template-columns:repeat(4, minmax(0,1fr)); }

/* =====================================================
   СЕКЦИЯ С БАНЕРНА КОЛОНА — 40 : 27 (v2.20.7)

   ОТКЪДЕ ИДВА 40:27. Искаме банерът да е точно висок колкото реда карти
   до него. Картата е 16:9, банерът 300:250. Изравняваме височините:

       w × 9/16 = b × 250/300      →      w : b = 40 : 27

   Толкова. Съотношение, не пиксели — затова важи на всяка ширина и не
   се чупи, ако утре контейнерът стане друг.

   При контейнер 1200 и отстъп 18 излиза: статия 435×245, банер 294×245,
   разминаване половин пиксел.

   ЕДНА МРЕЖА, НЕ ДВЕ. Дотук картите бяха в своя мрежа, а банерът до нея
   в колона от 240 пиксела. Тогава вътрешната мрежа делеше остатъка сама
   и картите в секция с банер излизаха с друг размер от тези без банер —
   точно несъответствието, което се виждаше на началната страница.
   ===================================================== */
.b24-sekcia-red{
  display:grid;
  grid-template-columns:repeat(var(--b24-koloni,3), 40fr) 27fr;
  gap:var(--b24-gap); align-items:start;
}

/* Банерната колона е последната и стои до ВСИЧКИ редове карти. Без
   span вторият ред пада под банера и сметката се разваля. */
.b24-sekcia-strana{
  grid-column:-2 / -1;
  grid-row:1 / span var(--b24-redove,1);
  display:flex; flex-direction:column; gap:var(--b24-gap);
}
.b24-sekcia-strana .b24ban{ margin:0; }
.b24-sekcia-prazno{ aspect-ratio:6 / 5; flex-direction:column; gap:4px; }

.b24-sk{
  position:relative; display:block; overflow:hidden;
  aspect-ratio:var(--b24-ratio);
  border-radius:var(--b24-r);
  color:#fff; text-decoration:none;
  box-shadow:var(--b24-lift);
  transition:transform .22s ease, box-shadow .22s ease;
}
.b24-sk:hover{ transform:translateY(-2px); box-shadow:var(--b24-lift-hover); }
.b24-sk:focus-visible{ outline:3px solid var(--b24-cat, var(--b24-cherveno)); outline-offset:3px; }

.b24-sk-pic{ position:absolute; inset:0; display:block; }
.b24-sk-pic img{ width:100%; height:100%; object-fit:cover; display:block; transition:transform .5s ease; }
.b24-sk:hover .b24-sk-pic img{ transform:scale(1.04); }

.b24-sk-body{
  position:relative; z-index:2; height:100%;
  display:flex; flex-direction:column; justify-content:flex-end;
}
.b24-sk-body .b24-pod{ padding:calc(var(--b24-prelivane) + 2px) 15px 13px; }
.b24-sk-h{
  font-family:'Bitter',serif; font-weight:700;
  font-size:15.5px; line-height:1.28;
  text-shadow:0 2px 10px rgba(0,0,0,.45);
}
.b24-sk.has-portret .b24-pod{ padding-right:88px; }

/* =====================================================
   35. ПРЕДАВАНИЯТА ОТ ДЕНЯ — зелена лента
   ===================================================== */

.b24-shows{
  background:var(--b24-zeleno);
  border-radius:var(--b24-r);
  padding:20px;
  margin-top:32px;
}
.b24-shows-h{
  display:flex; align-items:center; gap:11px;
  margin-bottom:15px; color:#fff;
}
.b24-shows-h h2{
  margin:0; font-family:'Bitter',serif; font-weight:800; font-size:19px;
}
.b24-shows-h .b24-dot{
  width:9px; height:9px; border-radius:50%;
  background:var(--b24-cherveno);
  box-shadow:0 0 10px var(--b24-cherveno);
  animation:b24-pulse 1.8s infinite;
  flex:none;
}
.b24-shows-h a{
  margin-left:auto; flex:none;
  font-family:'PT Sans',sans-serif; font-size:12.5px;
  color:#fff; opacity:.88; text-decoration:none;
  border-bottom:2px solid var(--b24-cherveno); padding-bottom:2px;
}
.b24-shows-h a:hover{ opacity:1; }

.b24-shows-row{ display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:16px; }

.b24-ep{
  display:block; overflow:hidden;
  background:rgba(0,0,0,.22);
  border-radius:var(--b24-r);
  text-decoration:none;
  transition:background .2s ease, transform .2s ease;
}
.b24-ep:hover{ background:rgba(0,0,0,.34); transform:translateY(-2px); }
.b24-ep-th{ position:relative; display:block; aspect-ratio:var(--b24-ratio); }
.b24-ep-th img{ width:100%; height:100%; object-fit:cover; display:block; }
.b24-ep-t{
  position:absolute; right:7px; bottom:6px;
  background:var(--b24-cherveno); color:#fff;
  font-family:'PT Sans',sans-serif; font-size:11px; font-weight:700;
  padding:2px 6px; border-radius:3px;
}
.b24-ep-h{
  display:block; padding:9px 11px 11px;
  color:#fff; font-family:'Bitter',serif;
  font-size:13px; font-weight:600; line-height:1.3;
}

/* =====================================================
   36. ПСЕВДОСАЙДБАР
   Не се лепи при скролване — лепнатата колона с банери влиза под
   правилото за „голяма залепена реклама". В потока е обикновен банер.
   ===================================================== */

.b24-sb{ display:flex; flex-direction:column; gap:var(--b24-gap); min-width:0; }

.b24-sb-mod{
  background:var(--b24-hartia);
  border:1px solid var(--b24-border);
  border-radius:var(--b24-r);
  box-shadow:var(--b24-lift);
  overflow:hidden;
}
.b24-sb-mod h4{
  position:relative; margin:0;
  padding:12px 14px 10px;
  border-bottom:1px solid var(--b24-border);
  font-family:'Bitter',serif; font-weight:700; font-size:14px;
}
.b24-sb-mod h4::after{
  content:""; position:absolute; left:14px; bottom:-1px;
  width:38px; height:3px; border-radius:2px;
  background:var(--b24-cat, var(--b24-zeleno));
}

.b24-sb-list{ padding:6px 0; }
.b24-sb-list a{
  display:flex; gap:10px; align-items:flex-start;
  padding:9px 14px;
  border-bottom:1px dashed var(--b24-border);
  text-decoration:none; color:var(--b24-mastilo);
}
.b24-sb-list a:last-child{ border-bottom:0; }
.b24-sb-list a:hover{ background:rgba(28,31,26,.04); }
.b24-sb-n{
  flex:none; width:16px;
  font-family:'Bitter',serif; font-weight:800; font-size:15px;
  color:var(--b24-cat, var(--b24-zeleno)); line-height:1.1;
}
.b24-sb-t{ font-size:12.5px; line-height:1.35; }

.b24-sb-links{ padding:6px 0; }
.b24-sb-links a{
  display:block; padding:8px 14px;
  font-size:12.5px; text-decoration:none; color:var(--b24-mastilo);
  border-bottom:1px dashed var(--b24-border);
}
.b24-sb-links a:last-child{ border-bottom:0; }
.b24-sb-links a:hover{ background:rgba(28,31,26,.04); color:var(--b24-zeleno); }

.b24-sb-ban{
  display:flex; align-items:center; justify-content:center; text-align:center;
  background:rgba(28,31,26,.06);
  border:1px dashed rgba(28,31,26,.28);
  border-radius:var(--b24-r);
  font-size:11.5px; color:#6b7065; letter-spacing:.5px; line-height:1.5;
}

/* =====================================================
   37. ТЕСНИ ЕКРАНИ
   ===================================================== */

@media (max-width:1000px){
  .b24-mrezha--4{ grid-template-columns:repeat(2, minmax(0,1fr)); }

  /* Под 1000 банерната колона пада под статиите и става широка.
     Плъгинът ѝ дава лентова пропорция от размерите за телефон —
     висока кутия тук изяжда половин екран. (v2.20.7) */
  .b24-sekcia-red{ grid-template-columns:repeat(2, minmax(0,1fr)); }
  .b24-sekcia-strana{
    grid-column:1 / -1; grid-row:auto;
    width:100%; max-width:100%; margin:0;
  }
  /* сайдбарът пада под своята секция, не в края на страницата —
     затова е псевдо, а не истински */
  .b24-sb{ display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); align-items:start; }
}
@media (max-width:760px){
  .b24-mrezha--3, .b24-mrezha--2{ grid-template-columns:repeat(2, minmax(0,1fr)); }
  .b24-shows-row{ grid-template-columns:repeat(2, minmax(0,1fr)); }
  .b24-sec-h h2{ font-size:18px; }
}
@media (max-width:540px){
  .b24-mrezha{ grid-template-columns:minmax(0,1fr) !important; }
  .b24-shows-row{ grid-template-columns:minmax(0,1fr); }
  .b24-sb{ grid-template-columns:minmax(0,1fr); }
  .b24-shows{ padding:16px; }
}

/* =====================================================
   38. ЗОНАТА ПОД ПУБЛИКАЦИЯТА (v2.12.0)
   Съдържанието ѝ се задава от администрацията, затова тук стои
   само разстоянието между парчетата.
   ===================================================== */
.b24-pod-statia{ margin-top:30px; }
.b24-pod-statia > * + *{ margin-top:24px; }
.b24-pod-statia .b24-continue{ margin-top:0; }

/* =====================================================
   39. САЙДБАРНИЯТ ПЛЕЙЪР (v2.14.0)
   Капакът се сменя според това има ли ефир. Записът не носи
   мигащата точка — тя значи „в момента" и не бива да лъже.
   ===================================================== */

.b24-player.is-zapis .b24-play::before{ background:var(--b24-zeleno); }
.b24-player.is-zapis .b24-play{ font-size:12px; }

.b24-live-cyal{
  display:block; margin-top:7px; padding:8px 10px;
  background:var(--b24-hartia);
  border:1px solid var(--b24-border);
  border-radius:var(--b24-r);
  font-family:'PT Sans',sans-serif; font-size:12.5px; font-weight:700;
  color:var(--b24-zeleno-dark); text-decoration:none; text-align:center;
  transition:background .18s ease, color .18s ease;
}
.b24-live-cyal:hover{ background:var(--b24-zeleno); color:#fff; }

/* джаджите в сайдбара на Blocksy — без двойна рамка */
.widget .b24-sb-mod{ box-shadow:none; }
.widget .b24-sb-mod + .b24-sb-mod{ margin-top:16px; }

/* =====================================================
   40. ФУТЪР (v2.15.0)
   ===================================================== */

.b24-futer-karta{
  display:grid; gap:26px;
  grid-template-columns:repeat(3, minmax(0,1fr));
}
.b24-futer-karta--2{ grid-template-columns:repeat(2, minmax(0,1fr)); }
.b24-futer-karta--4{ grid-template-columns:repeat(4, minmax(0,1fr)); }

.b24-fk-kol h4{
  margin:0 0 10px;
  padding-bottom:7px;
  border-bottom:2px solid var(--b24-cherveno);
  font-family:'Bitter',serif; font-weight:700; font-size:13px;
  letter-spacing:.5px; text-transform:uppercase;
}
.b24-fk-kol ul{ list-style:none; margin:0; padding:0; }
.b24-fk-kol li{ margin-bottom:6px; }
.b24-fk-kol a{
  font-size:13px; line-height:1.5; text-decoration:none;
  opacity:.85;
}
.b24-fk-kol a:hover{ opacity:1; text-decoration:underline; }

.b24-impressum h4{
  margin:0 0 10px; padding-bottom:7px;
  border-bottom:2px solid var(--b24-cherveno);
  font-family:'Bitter',serif; font-weight:700; font-size:13px;
  letter-spacing:.5px; text-transform:uppercase;
}
.b24-impressum p{ margin:0 0 5px; font-size:12.5px; line-height:1.55; opacity:.85; }
.b24-impressum .b24-imp-ime{ font-weight:700; opacity:1; }
.b24-impressum a{ text-decoration:none; }
.b24-impressum a:hover{ text-decoration:underline; }

@media (max-width:820px){
  .b24-futer-karta,
  .b24-futer-karta--4{ grid-template-columns:repeat(2, minmax(0,1fr)); }
}
@media (max-width:520px){
  .b24-futer-karta,
  .b24-futer-karta--2,
  .b24-futer-karta--4{ grid-template-columns:minmax(0,1fr); gap:20px; }
}

/* =====================================================
   41. ИЗБОРНА ФАША (v2.16.0)
   Сиво, не партиен цвят. Съзнателно по-служебно от PR зоната:
   политическата реклама трябва да се чете като обявление,
   не като рубрика на изданието.
===================================================== */
.b24-izb-fasha{
  background: var(--b24-izbori);
  padding: 30px 0 34px;
  margin: 38px 0;
}
.b24-izb-fasha-in{
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 20px;
}
.b24-izb-fasha-h{
  color:#fff;
  font-family:'Bitter',serif; font-weight:800;
  font-size:20px; letter-spacing:.6px; text-transform:uppercase;
  margin:0 0 18px;
  display:flex; align-items:center; gap:12px;
}
.b24-izb-fasha-h::after{
  content:""; flex:1 1 auto; height:2px;
  background:rgba(255,255,255,.28);
}

.b24-izb-mrezha{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:18px;
}

.b24-izb-m{
  display:block; position:relative; overflow:hidden;
  background:var(--b24-hartia);
  border-radius:var(--b24-r);
  text-decoration:none; color:var(--b24-mastilo);
  box-shadow:0 2px 10px rgba(0,0,0,.14);
  transition:transform .22s ease, box-shadow .22s ease;
}
.b24-izb-m:hover{
  transform:translateY(-3px);
  box-shadow:0 8px 20px rgba(0,0,0,.22);
}
.b24-izb-m-pic{ display:block; }
.b24-izb-m-pic img{
  display:block; width:100%; height:auto; aspect-ratio:16/9; object-fit:cover;
}
.b24-izb-m-body{ display:block; padding:12px 14px 14px; }
.b24-izb-m-h{
  display:block;
  font-family:'Bitter',serif; font-weight:700;
  font-size:16px; line-height:1.3;
}
.b24-izb-m-kl{
  display:block; margin-top:6px;
  font-size:12px; letter-spacing:.4px; text-transform:uppercase;
  color:#666;
}

.b24-izb-m--prazno{
  display:flex; flex-direction:column; justify-content:center; align-items:center;
  min-height:180px; text-align:center; padding:20px;
  background:rgba(255,255,255,.10);
  border:1px dashed rgba(255,255,255,.45);
  color:#fff; box-shadow:none;
}
.b24-izb-m--prazno:hover{ background:rgba(255,255,255,.16); transform:none; box-shadow:none; }
.b24-izb-m-prazno-h{ font-family:'Bitter',serif; font-weight:700; font-size:16px; }
.b24-izb-m-prazno-t{ font-size:13px; opacity:.85; margin-top:4px; }

/* Задължителното обозначение. Не се крие и не се смалява повече. */
.b24-izb-zet{
  margin:16px 0 0;
  color:rgba(255,255,255,.88);
  font-size:13px; line-height:1.5;
}

@media (max-width:900px){
  .b24-izb-mrezha{ grid-template-columns:repeat(2, minmax(0,1fr)); gap:14px; }
}
@media (max-width:560px){
  .b24-izb-mrezha{ grid-template-columns:repeat(2, minmax(0,1fr)); gap:10px; }
  .b24-izb-m-h{ font-size:14px; }
  .b24-izb-fasha{ padding:22px 0 26px; margin:26px 0; }
}

/* =====================================================
   42. ЕЛЕМЕНТИ НА СТАТИЯТА (v2.18.0)
   Троха, подзаглавие, кредит, споделяне, тагове, вградена карта.
===================================================== */

/* --- троха --- */
.b24-trohi{
  display:flex; flex-wrap:wrap; align-items:center; gap:6px;
  margin:0 0 14px;
  font:600 12.5px/1.4 'PT Sans',sans-serif;
  color:var(--b24-sivo-text);
}
.b24-trohi a{ color:var(--b24-zeleno-dark); text-decoration:none; }
.b24-trohi a:hover{ text-decoration:underline; }
.b24-trohi-sep{ opacity:.5; }
.b24-trohi-tuk{ opacity:.7; }

/* --- подзаглавие --- */
.b24-podzaglavie{
  margin:0 0 18px;
  font:400 19px/1.5 'Bitter',serif;
  color:var(--b24-mastilo);
  opacity:.86;
}

/* --- кредит на снимката --- */
.b24-snimka{ margin:0 0 6px; }
.b24-kredit{
  display:block; margin-top:6px;
  font:400 12px/1.4 'PT Sans',sans-serif;
  color:var(--b24-sivo-text); text-align:right;
}

/* --- споделяне --- */
.b24-spodeli{
  display:flex; flex-wrap:wrap; align-items:center; gap:8px 10px;
  margin:18px 0; padding:12px 0;
  border-top:1px solid var(--b24-border);
  border-bottom:1px solid var(--b24-border);
}
.b24-spodeli-r{ display:flex; flex-wrap:wrap; gap:8px; }
.b24-spodeli-h{
  font:700 12.5px/1 'PT Sans',sans-serif;
  text-transform:uppercase; letter-spacing:.5px;
  color:var(--b24-sivo-text); margin-right:2px;
}
.b24-spodeli-b{
  display:inline-flex; align-items:center; justify-content:center; gap:7px;
  height:36px; padding:0 13px;
  border:0; border-radius:var(--b24-r);
  font:700 12.5px/1 'PT Sans',sans-serif;
  color:#fff !important; text-decoration:none; cursor:pointer;
  transition:filter .18s ease, transform .18s ease;
}
.b24-spodeli-b .b24-ikona{ width:18px; height:18px; flex:none; }
.b24-spodeli-b:hover{ filter:brightness(.9); transform:translateY(-1px); }
.b24-spodeli-b--facebook{ background:#1877F2; }
.b24-spodeli-b--viber{    background:#7360F2; }
.b24-spodeli-b--whatsapp{ background:#25D366; }
.b24-spodeli-b--telegram{ background:#229ED9; }
.b24-spodeli-b--x{        background:#111; }
.b24-spodeli-b--kopirai{
  background:transparent; color:var(--b24-mastilo) !important;
  border:1px solid var(--b24-border);
}
.b24-spodeli-b--kopirai.is-gotovo{ background:var(--b24-zeleno); color:#fff !important; border-color:transparent; }

/* ТЕЛЕФОН (v2.23.3): надписът „Сподели“ отгоре, под него шест еднакви
   квадратни копчета само с икони, в един ред на цялата ширина. Имената
   остават за екранните четци (aria-label) и при задържане (title). */
@media (max-width:600px){
  .b24-spodeli{ display:block; }
  .b24-spodeli-h{ display:block; margin:0 0 9px; }
  .b24-spodeli-r{ display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:8px; }
  .b24-spodeli-b{ height:44px; padding:0; }
  .b24-spodeli-b .b24-ikona{ width:22px; height:22px; }
  .b24-spodeli-t{
    position:absolute; width:1px; height:1px; overflow:hidden;
    clip:rect(0 0 0 0); white-space:nowrap;
  }
  .b24-spodeli-b--kopirai.is-gotovo .b24-spodeli-t{   /* „Копирано“ се вижда и на телефон */
    position:static; width:auto; height:auto; clip:auto; font-size:11px;
  }
  .b24-spodeli-b--kopirai.is-gotovo .b24-ikona{ display:none; }
}

/* --- тагове --- */
.b24-tagove{
  display:flex; flex-wrap:wrap; align-items:center; gap:8px;
  margin:22px 0 0;
}
.b24-tagove-h{
  font:700 12.5px/1 'PT Sans',sans-serif;
  text-transform:uppercase; letter-spacing:.5px;
  color:var(--b24-sivo-text);
}
.b24-tag{
  display:inline-block; padding:5px 11px;
  background:var(--b24-platno-2); border-radius:999px;
  font:600 12.5px/1 'PT Sans',sans-serif;
  color:var(--b24-mastilo) !important; text-decoration:none;
  transition:background .18s ease, color .18s ease;
}
.b24-tag:hover{ background:var(--b24-zeleno); color:#fff !important; }

/* --- вградена карта към своя статия --- */
.b24-vgr{
  display:block; margin:24px 0;
  padding:12px 14px;
  background:var(--b24-hartia);
  border:1px solid var(--b24-border);
  border-left:4px solid var(--b24-zeleno);
  border-radius:var(--b24-r);
}
.b24-vgr-nadpis{
  display:block; margin-bottom:8px;
  font:700 11px/1 'PT Sans',sans-serif;
  text-transform:uppercase; letter-spacing:.8px;
  color:var(--b24-zeleno-dark);
}
.b24-vgr-karta{
  display:flex; gap:14px; align-items:center;
  text-decoration:none; color:inherit;
}
.b24-vgr-pic{ flex:0 0 120px; }
.b24-vgr-pic img{
  display:block; width:120px; height:auto; aspect-ratio:16/9;
  object-fit:cover; border-radius:calc(var(--b24-r) - 2px);
}
.b24-vgr-body{ display:flex; flex-direction:column; gap:4px; min-width:0; }
.b24-vgr-h{
  font:700 16px/1.35 'Bitter',serif;
  color:var(--b24-mastilo);
}
.b24-vgr-karta:hover .b24-vgr-h{ color:var(--b24-zeleno-dark); }
.b24-vgr-meta{
  display:flex; flex-wrap:wrap; gap:4px 10px;
  font:400 12px/1 'PT Sans',sans-serif;
  color:var(--b24-sivo-text);
}
.b24-vgr-rubrika{ font-weight:700; text-transform:uppercase; letter-spacing:.4px; }
.b24-vgr-greshka{
  padding:10px 14px; background:#fbe5e5; border-radius:var(--b24-r);
  color:#a00; font-size:13px;
}

/* картата отстрани — само на широк екран, иначе се смачква */
@media (min-width:900px){
  .b24-vgr--vdyasno{
    float:right; width:320px; margin:6px 0 16px 24px;
  }
  .b24-vgr--vdyasno .b24-vgr-karta{ flex-direction:column; align-items:flex-start; }
  .b24-vgr--vdyasno .b24-vgr-pic{ flex:none; width:100%; }
  .b24-vgr--vdyasno .b24-vgr-pic img{ width:100%; }
}

@media (max-width:560px){
  .b24-podzaglavie{ font-size:17px; }
  .b24-spodeli-b{ padding:8px 12px; font-size:12px; }
  .b24-vgr-pic{ flex-basis:96px; }
  .b24-vgr-pic img{ width:96px; }
  .b24-vgr-h{ font-size:15px; }
}

/* =====================================================
   36. ПОДЛОЖКАТА ПОД ЗАГЛАВИЯТА ВЪРХУ СНИМКИ (v2.23.2)

   Досега тъмното беше градиент върху цялата снимка, с еднаква височина:
   късо заглавие стоеше на тъмно, дълго се качваше в светлото и белият
   текст се губеше в шарена снимка. Сега подложката е под самия текст —
   етикети, заглавие, ред с автора — и расте с него. Отгоре е мек преход
   (--b24-prelivane), отдолу до горния край на текста е плътна.

   Плътността се сменя от Персонализиране → BULGARIA24 → Заглавия върху
   снимки. Тук стои фабричната стойност.
   ===================================================== */
:root{
  --b24-podlozhka: .82;          /* 0 = прозрачна, 1 = плътна */
  --b24-prelivane: 56px;         /* колко високо е мекото преливане отгоре */
  --b24-podlozhka-rgb: 17,19,16; /* почти черно с лек зелен оттенък — като мастилото */
  --b24-podlozhka-fon: linear-gradient(0deg,
    rgba(var(--b24-podlozhka-rgb), var(--b24-podlozhka)) 0,
    rgba(var(--b24-podlozhka-rgb), var(--b24-podlozhka)) calc(100% - var(--b24-prelivane)),
    rgba(var(--b24-podlozhka-rgb), calc(var(--b24-podlozhka) * .55)) calc(100% - var(--b24-prelivane) * .45),
    rgba(var(--b24-podlozhka-rgb), 0) 100%);
}
.b24-pod{
  display:flex; flex-direction:column;
  background:var(--b24-podlozhka-fon);
}