/* ============================================================
   KADAR PAGE (template: Кадар / nastaven_kadar)
   CLEAN VERSION (NO PAGINATION STYLES)
   Classes used:
   .kadar-page, .kadar-page__container, .kadar-breadcrumbs,
   .kadar-page__layout, .kadar-sidebar, .sidebar-menu, .sidebar-events*,
   .kadar-content, .kadar-grid-card, .kadar-grid-header, .kadar-grid-title,
   .kadar-grid, .kadar-item*
   ============================================================ */

/* =========================
   PAGE WRAPPER
========================= */
.kadar-page{
  background:#f5f5f5;
  padding:0;
}
.kadar-page__container{
  width:var(--layout-width, min(86vw, 1688px));
  margin:0 auto;
  padding:0 0 60px;
}

/* =========================
   BREADCRUMBS
========================= */
.kadar-breadcrumbs{
  font-size:13px;
  color:#666;
  margin:0;
  padding:16px 0;
}
.kadar-breadcrumbs a{
  color:#666;
  text-decoration:none;
}
.kadar-breadcrumbs a:hover{ color:#2b92d0; }
.kadar-breadcrumbs .separator{
  margin:0 8px;
  color:#999;
}
.kadar-breadcrumbs .current{ color:#333; }

/* =========================
   LAYOUT: SIDEBAR + CONTENT
========================= */
.kadar-page__layout{
  display:grid;
  grid-template-columns:minmax(0, 270px) minmax(0, 1fr);
  gap:48px;
  align-items:start;
}
@media (max-width:1280px){
  .kadar-page__layout{
    grid-template-columns:minmax(0, 250px) minmax(0, 1fr);
    gap:40px;
  }
}
@media (max-width:1100px){
  .kadar-page__layout{
    grid-template-columns:minmax(0, 230px) minmax(0, 1fr);
    gap:32px;
  }
}
@media (max-width:900px){
  .kadar-page__layout{
    grid-template-columns:1fr;
    gap:28px;
  }
}

/* =========================
   SIDEBAR (left)
========================= */
.kadar-sidebar{ position:relative; }

@media (min-width:901px){
  .kadar-sidebar{
    position:sticky;
    top:24px; /* ако имаш fixed header, зголеми */
    align-self:start;
  }
}
@media (max-width:900px){
  .kadar-sidebar{
    position:static;
    border-bottom:1px solid #e5e5e5;
    padding-bottom:24px;
    margin-bottom:8px;
  }
}

/* =========================
   BELLOWS (left menu)
   light overrides (да не се тепа со plugin стилови)
========================= */
.bellows{
  margin:0 !important;
  max-width:100%;
  background:#fff !important;
  --bellows-item-padding-v:10px !important;
  --bellows-item-padding-h:15px !important;
  --bellows-sub-item-padding-v:10px !important;
  --bellows-indent:15px !important;
}

.sidebar-menu .bellows,
.sidebar-menu .bellows-nav,
.sidebar-menu .bellows .bellows-menu,
.sidebar-menu .bellows .bellows-menu-item,
.sidebar-menu .bellows .bellows-submenu{
  border:none !important;
  box-shadow:none !important;
}

.bellows .bellows-menu-item,
.bellows .bellows-menu-item > a{
  border-bottom:none !important;
}

/* base links */
.sidebar-menu .bellows a,
.sidebar-menu .bellows .bellows-target,
.sidebar-menu .bellows .bellows-menu-item > a,
.sidebar-menu .bellows .bellows-submenu a{
  color:#000 !important;
  font-weight:400;
}

/* hover */
.sidebar-menu .bellows a:hover,
.sidebar-menu .bellows .bellows-target:hover,
.sidebar-menu .bellows .bellows-submenu a:hover{
  color:#999 !important;
}

/* level-2 bullet */
.sidebar-menu .bellows .bellows-item-level-2 > a{
  position:relative;
  padding-left:26px !important;
}
.sidebar-menu .bellows .bellows-item-level-2 > a::before{
  content:"•";
  position:absolute;
  left:10px;
  top:50%;
  transform:translateY(-50%);
  color:#2c3179;
  font-size:26px;
  line-height:1;
}

/* active indicator on level-1 */
.sidebar-menu .bellows .bellows-item-level-1.bellows-active > a{
  position:relative;
}
.sidebar-menu .bellows .bellows-item-level-1.bellows-active > a::before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  transform:translate(-80%, -50%);
  width:18px;
  height:12px;
  background:#2c3179;
}



/* =========================
   CONTENT (right)
========================= */
.kadar-content{ min-width:0; }

/* =========================
   GRID CARD
========================= */
.kadar-grid-card{
  background:#fff;
  padding:40px 32px 32px;
  box-shadow:0 10px 40px rgba(0,0,0,.04);
}
@media (max-width:992px){
  .kadar-grid-card{ padding:32px 20px; }
}

.kadar-grid-header{ margin-bottom:28px; }
.kadar-grid-title{
  font-size:24px;
  font-weight:600;
  margin:0;
  text-align:center;
}

/* =========================
   STAFF GRID
========================= */
.kadar-grid{
  display:grid;
  grid-template-columns:repeat(7, minmax(0, 1fr));
  gap:24px 16px;
}
@media (max-width:1400px){
  .kadar-grid{ grid-template-columns:repeat(6, minmax(0, 1fr)); }
}
@media (max-width:1200px){
  .kadar-grid{ grid-template-columns:repeat(5, minmax(0, 1fr)); }
}
@media (max-width:992px){
  .kadar-grid{ grid-template-columns:repeat(4, minmax(0, 1fr)); }
}
@media (max-width:768px){
  .kadar-grid{
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:18px 12px;
  }
}
@media (max-width:576px){
  .kadar-grid{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
}

/* =========================
   STAFF ITEM
========================= */
.kadar-item{
  text-align:center;
  font-size:14px;
}
.kadar-item__link{
  display:block;
  text-decoration:none !important;
  color:inherit;
}
.kadar-item__image-wrapper{
  width:100%;
  aspect-ratio:1 / 1;
  overflow:hidden;
  margin-bottom:8px;
  background:#f0f0f0;
}
.kadar-item__image{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transform:translateZ(0);
  transition:transform .3s ease;
}
.kadar-item__name{
  font-size:14px;
  font-weight:500;
  margin:0;
  line-height:1.4;
}
.kadar-item__link:hover .kadar-item__image{ transform:scale(1.05); }
.kadar-item__link:hover .kadar-item__name{ color:#2b92d0; }

@media (max-width:480px){
  .kadar-item__name{ font-size:13px; }
}