/*
  BULGARIA24 · блокът под публикация
  Отива в assets/css/b24-continue.css

  Трите слота НАРОЧНО изглеждат различно. Еднаквите карти изравняват
  йерархията и правят всичко еднакво маловажно. Мрежа със снимки,
  гол списък и една голяма карта се четат като три различни оферти,
  а не като едно безкрайно поле от линкове.
*/

.b24-continue{
  margin-top: 38px;
  padding-top: 6px;
}

.b24-slot{ margin-bottom: 34px; }
.b24-slot:last-child{ margin-bottom: 0; }

/* ---------- Слот 1: мрежа със снимки ---------- */
.b24-slot-grid{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}
.b24-slot-card{
  display: block;
  text-decoration: none;
  color: var(--b24-mastilo);
  background: var(--b24-hartia);
  border: 1px solid var(--b24-border);
  border-radius: var(--b24-r);
  overflow: hidden;
  box-shadow: var(--b24-lift);
  transition: box-shadow .25s ease, transform .25s ease;
}
.b24-slot-card:hover{
  box-shadow: var(--b24-lift-hover);
  transform: translateY(-2px);
}
.b24-slot-thumb{ display:block; }
.b24-slot-thumb img{
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: var(--b24-ratio);
  object-fit: cover;
}
.b24-slot-card .b24-slot-title{
  display: block;
  padding: 11px 12px 14px;
  font-family: 'Bitter', serif;
  font-weight: 700;
  font-size: 14.5px;
  line-height: 1.32;
}

/* ---------- Слот 2: гол списък, без снимки ---------- */
.b24-slot-list{
  list-style: none;
  margin: 0;
  padding: 0;
  border-top: 1px solid var(--b24-border);
}
.b24-slot-list li{
  border-bottom: 1px dashed var(--b24-border);
}
.b24-slot-list a{
  display: block;
  padding: 12px 0 12px 22px;
  position: relative;
  text-decoration: none;
  color: var(--b24-mastilo);
  font-size: 15px;
  line-height: 1.45;
  transition: color .2s ease, padding-left .2s ease;
}
.b24-slot-list a::before{
  content: "\25B8";
  position: absolute;
  left: 4px;
  color: var(--b24-cherveno);
  font-weight: 700;
}
.b24-slot-list a:hover{
  color: var(--b24-zeleno);
  padding-left: 26px;
}

/* ---------- Слот 3: една голяма карта, водоравна ---------- */
.b24-slot-big{
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  align-items: stretch;
  gap: 0;
  text-decoration: none;
  color: var(--b24-mastilo);
  background: var(--b24-platno-2);
  border: 1px solid var(--b24-border);
  border-radius: var(--b24-r);
  overflow: hidden;
  box-shadow: var(--b24-lift);
  transition: box-shadow .25s ease;
}
.b24-slot-big:hover{ box-shadow: var(--b24-lift-hover); }
/* Картината следва съотношението, не височината на текста до нея.
   Дотук height:100% плюс min-height я разтягаше произволно (v2.6.2). */
.b24-slot-big .b24-slot-thumb{ display:block; }
.b24-slot-big .b24-slot-thumb img{
  width: 100%;
  height: 100%;
  aspect-ratio: var(--b24-ratio);
  object-fit: cover;
}
.b24-slot-big .b24-slot-body{
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  padding: 20px 24px;
}
.b24-slot-big .b24-slot-title{
  font-family: 'Bitter', serif;
  font-weight: 700;
  font-size: 21px;
  line-height: 1.25;
}

/* ---------- Тесни екрани ---------- */
@media (max-width: 900px){
  .b24-slot-grid{ grid-template-columns: repeat(2, 1fr); }
  .b24-slot-big{ grid-template-columns: 1fr; }
  .b24-slot-big .b24-slot-thumb img{ min-height: 0; aspect-ratio: var(--b24-ratio); }
  .b24-slot-big .b24-slot-title{ font-size: 18px; }
}
@media (max-width: 520px){
  .b24-slot-grid{ grid-template-columns: 1fr; gap: 14px; }
}