/**
 * BULGARIA24 · Сайдбарът — блоковете за колоната вдясно (v2.21.0)
 * assets/css/b24-saydbar.css
 *
 * Всеки модул е „контейнер“: подрежда се по собствената си ширина, а не
 * по екрана. В тясната колона — две карти на ред. Слезе ли колоната под
 * статията и стане широка (таблет) — четири на ред.
 *
 * „На телефон“ (data-telefon) важи под 783 px — там, където и плеърът
 * минава в малък плуващ.
 */

.b24-sb2{
  container-type:inline-size;
  background:var(--b24-hartia);
  border:1px solid var(--b24-border);
  border-radius:var(--b24-r);
  box-shadow:var(--b24-lift);
  overflow:hidden;
  margin:0 0 var(--b24-gap, 18px);
  font-family:'PT Sans',sans-serif; color:var(--b24-mastilo);
}
.b24-sb2 a{ text-decoration:none; color:inherit; }

/* заглавието — черта в цвета на рубриката */
.b24-sb2-h{
  position:relative; display:flex; align-items:center; gap:10px;
  margin:0; padding:12px 14px 10px;
  border-bottom:1px solid var(--b24-border);
  font-family:'Bitter',serif; font-weight:700; font-size:14px; line-height:1.2;
}
.b24-sb2-h::after{
  content:""; position:absolute; left:14px; bottom:-1px;
  width:38px; height:3px; border-radius:2px;
  background:var(--b24-cat, var(--b24-zeleno));
}
.b24-sb2-h a{
  margin-left:auto; flex:none;
  font-family:'PT Sans',sans-serif; font-weight:400; font-size:12px;
  color:var(--b24-sivo-text);
}
.b24-sb2-h a:hover{ color:var(--b24-cat, var(--b24-zeleno)); }

/* мрежата */
.b24-sb2-g{
  display:grid; grid-template-columns:repeat(2, minmax(0,1fr));
  gap:12px; padding:12px 14px 14px;
}
@container (min-width:520px){
  .b24-sb2-g{ grid-template-columns:repeat(4, minmax(0,1fr)); }
}

/* картата */
.b24-sb2-k{ display:flex; flex-direction:column; gap:6px; min-width:0; }
.b24-sb2-pic{
  position:relative; display:block; overflow:hidden;
  aspect-ratio:var(--b24-ratio, 16 / 9);
  border-radius:calc(var(--b24-r) - 1px);
  background:var(--b24-platno-2);
}
.b24-sb2-pic img{
  position:absolute; inset:0; width:100%; height:100%;
  object-fit:cover; display:block; transition:transform .35s ease;
}
.b24-sb2-k:hover .b24-sb2-pic img{ transform:scale(1.05); }
.b24-sb2-t{
  font-family:'Bitter',serif; font-weight:700; font-size:12.5px; line-height:1.3;
  display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden;
}
.b24-sb2-k:hover .b24-sb2-t{ color:var(--b24-cat, var(--b24-zeleno)); }
.b24-sb2-dolu{
  font-size:10.5px; letter-spacing:.3px; color:var(--b24-sivo-text);
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}

/* отгоре на снимката */
.b24-sb2-nomer{
  position:absolute; left:5px; top:5px; z-index:1;
  background:var(--b24-cherveno); color:#fff;
  font:800 12px/1 'Bitter',serif; padding:3px 6px; border-radius:3px;
}
.b24-sb2-vreme{
  position:absolute; right:5px; bottom:5px; z-index:1;
  background:rgba(0,0,0,.78); color:#fff;
  font:700 10.5px/1 'PT Sans',sans-serif; padding:3px 5px; border-radius:3px;
}
/* PR статия, попаднала в обикновен блок — познава се и тук */
.b24-sb2-prz{
  position:absolute; right:5px; top:5px; z-index:1;
  background:var(--b24-pr); color:#fff;
  font:700 9px/1 'PT Sans',sans-serif; letter-spacing:.6px; padding:3px 5px; border-radius:2px;
}

/* PR зона — вторият фон и червена плочка вместо черта */
.b24-sb2--pr{ background:var(--b24-platno-2); }
.b24-sb2--pr .b24-sb2-h::after{ display:none; }
.b24-sb2-plochka{
  background:var(--b24-cat, var(--b24-pr)); color:#fff;
  font-family:'PT Sans',sans-serif; font-size:10.5px; font-weight:700;
  letter-spacing:.9px; text-transform:uppercase;
  padding:4px 9px; border-radius:calc(var(--b24-r) - 1px);
}

/* Избори — графит, и задължителният надпис отдолу */
.b24-sb2--izbori{ background:var(--b24-platno-2); }
.b24-sb2-zet{
  margin:0; padding:0 14px 12px;
  font-size:11px; line-height:1.4; color:var(--b24-sivo-text);
}

/* ×2 — един ред */
.b24-sb2[data-forma="2"] .b24-sb2-k:nth-child(n+3){ display:none; }

/* плеърът в колоната */
.b24-sb2-player{ margin:0 0 var(--b24-gap, 18px); }

/* надписът „Още от BULGARIA24“ — идва като блок „Заглавие“ от готовата
   подредба и се вижда само когато колоната е под статията */
.b24-sb2-nadpis{ display:none; }

/* ---------- ТЕЛЕФОН ---------- */
@media (max-width:782px){
  .b24-sb2[data-telefon="2"] .b24-sb2-k:nth-child(n+3){ display:none; }
  .b24-sb2[data-telefon="skriy"]{ display:none; }

  .b24-sb2-nadpis{
    display:block;
    margin:10px 0 14px !important; padding-top:10px;
    border-top:3px solid var(--b24-mastilo);
    font:800 13px/1.2 'Bitter',serif !important;
    letter-spacing:1.2px; text-transform:uppercase;
    color:var(--b24-sivo-text);
  }
}

/* в редактора — да не прилепват един до друг */
.editor-styles-wrapper .b24-sb2{ margin-bottom:18px; }

/* =====================================================
   КАРТА НА САЙТА (v2.22.0) — падащ списък
   Затворена е един ред; отворена показва дървото. <details> работи и
   без скрипт. Размерите са по одобрения макет (v2): рубрики 15,5,
   подсекции 14,5, точки 11 и 9; на телефон — стъпка по-едро.
   ===================================================== */
.b24-krt summary{
  list-style:none; cursor:pointer; user-select:none;
  position:relative; display:flex; align-items:center; gap:10px;
  padding:14px; font:700 16px/1.2 'Bitter',serif;
}
.b24-krt summary::-webkit-details-marker{ display:none; }
.b24-krt summary::after{
  content:""; position:absolute; left:14px; bottom:-1px;
  width:38px; height:3px; border-radius:2px;
  background:var(--b24-cat, var(--b24-zeleno));
}
.b24-krt[open] summary{ border-bottom:1px solid var(--b24-border); }
.b24-krt-ik{ width:20px; height:20px; flex:none; color:var(--b24-cat, var(--b24-zeleno)); }
.b24-krt-broi{ margin-left:auto; font:400 13px 'PT Sans',sans-serif; color:var(--b24-sivo-text); }
.b24-krt-str{
  width:30px; height:30px; flex:none; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  background:var(--b24-platno-2); transition:transform .25s ease, background .2s ease, color .2s ease;
}
.b24-krt-etiket + .b24-krt-str{ margin-left:auto; }
.b24-krt-str svg{ width:12px; height:12px; }
.b24-krt summary:hover .b24-krt-str{ background:var(--b24-cat, var(--b24-zeleno)); color:#fff; }
.b24-krt[open] .b24-krt-str{ transform:rotate(180deg); }
.b24-krt summary:focus-visible{ outline:3px solid var(--b24-cat, var(--b24-zeleno)); outline-offset:-3px; }

.b24-krt-darvo{ padding:6px 0 8px; }
.b24-krt-darvo > a, .b24-krt-darvo > span,
.b24-krt-deca > a, .b24-krt-deca > span{
  display:flex; align-items:center; gap:11px;
  padding:9px 14px; font-size:15.5px; line-height:1.25;
  color:var(--b24-mastilo); text-decoration:none;
  transition:background .15s ease, color .15s ease;
}
.b24-krt-darvo a:hover{ background:rgba(28,31,26,.05); color:var(--c, var(--b24-zeleno)); }
.b24-krt-gl{ font-weight:700; letter-spacing:.2px; }
.b24-krt-t{ width:11px; height:11px; border-radius:50%; background:var(--c); flex:none; }
.b24-krt-t--prazna{ background:none; border:2px solid var(--b24-sivo-text); }
.b24-krt-b{ margin-left:auto; font-size:12.5px; font-weight:700; color:var(--b24-sivo-text); }
.b24-krt-deca{ margin-left:17px; border-left:2px solid var(--b24-platno-2); }
.b24-krt-deca > a, .b24-krt-deca > span{ padding-left:14px; font-size:14.5px; }
.b24-krt-deca .b24-krt-t{ width:9px; height:9px; }
.b24-krt-deca .b24-krt-b{ font-weight:400; }
.b24-krt-gr{
  margin:8px 14px 4px; padding-top:9px; border-top:1px dashed var(--b24-border);
  font:700 12px 'PT Sans',sans-serif; letter-spacing:1px; text-transform:uppercase;
  color:var(--b24-sivo-text);
}
.b24-krt-darvo > .b24-krt-stran{ font-size:14.5px; }

@media (max-width:782px){
  .b24-krt summary{ padding:16px 14px; font-size:17px; }
  .b24-krt-darvo > a, .b24-krt-darvo > span{ padding-top:12px; padding-bottom:12px; font-size:16.5px; }
  .b24-krt-deca > a, .b24-krt-deca > span{ padding-top:12px; padding-bottom:12px; font-size:15.5px; }
}