/*
Theme Name: Enfold Child
Description: Child Theme for Enfold
Version: 1.0
Author: Kriesi
Template: enfold
*/

/* ---------- 1. CSS‑переменные (палитра) -------------------------------- */
:root{
  --indigo:#25457c;
  --teal:#257c5c;
  --gold:#ffd700;
  --amber:#fff6d1;
  --amber-zebra:#ffe9b3;
  --burgundy:#7c2645;
  --burgundy-light:#c44d77;
  --blue:#6786a1;
  --light:#f9f9f9;
}

/* ---------- 2. Базовая типографика & фон ------------------------------ */
body{background:var(--light);color:var(--indigo);}
footer{background:var(--blue);color:#fff;}

/* ---------- 3. Грид‑контейнер (оставляем только custom-grid) ---------- */
/* ВНИМАНИЕ: никаких правил для .portfolio-grid здесь больше нет —
   всё для него живёт в assets/css/portfolio-grid.css */
.custom-grid{
  display:grid;
  gap:8px;
  padding:4px;
  background:var(--amber);
  border:1.5px solid var(--gold);
  border-radius:10px;
  grid-template-columns:repeat(auto-fit,minmax(clamp(120px,18vw,240px),1fr));
}

/* ---------- 4. Карточка (только внутри custom-grid) ------------------- */
.custom-grid article{
  position:relative;
  display:flex;flex-direction:column;height:100%;
  background:#fffbea;border:2px solid var(--gold);border-radius:8px;
  box-shadow:0 2px 12px rgba(39,69,124,.06);
  transition:border-color .2s,box-shadow .2s;
}
.custom-grid article:hover{border-color:var(--teal);}

/* --- 4.1 Изображение (только custom-grid) ------------------------------ */
.custom-grid img{
  width:100%;height:210px;object-fit:cover;
  border-radius:4px 4px 0 0;border-bottom:1px solid var(--amber-zebra);
  margin-bottom:10px;aspect-ratio:1/1;transition:transform .3s;
}
.custom-grid article:hover img{transform:scale(1.03);}

/* --- 4.2 Заголовок — страховка от псевдозвёзд ------------------------- */
/* Если где-то псевдоэлементы добавляли звёзды к .portfolio-title — гасим */
.portfolio-title::before,
.portfolio-title::after{content:none !important;}

/* ---------- 5. Фильтр (район, пол, формат) ----------------------------- */
.portfolio-filter-row{display:flex;gap:1rem;align-items:center;}
.portfolio-filter-row.dir-rtl{flex-direction:row-reverse;}

.gender-checkboxes,.format-checkboxes{display:flex;flex-wrap:wrap;gap:.5rem 1rem;white-space:nowrap;}
.gender-checkboxes label,.format-checkboxes label{font-size:14px;line-height:1.4;cursor:pointer;}
.gender-checkboxes input[type=checkbox],
.format-checkboxes input[type=checkbox]{
  appearance:auto !important;
  -webkit-appearance:checkbox !important;
  position:static !important;opacity:1 !important;
  width:auto;height:auto;margin:0 4px 0 0;
}
/* убираем фоновые псевдо‑иконки темы */
.gender-checkboxes label::before,
.format-checkboxes label::before{content:none !important;}

/* ---------- 6. Select2 + Premium‑бейдж в выпадающем списке ------------- */
.select2-results__option .badge.premium{
  display:inline-block;margin-left:.4em;padding:2px 6px;
  font-size:.75em;font-weight:700;
  background:linear-gradient(90deg,#ffd700,#ff8c00);
  color:#000;border-radius:4px;
}
.select2-selection__rendered .badge.premium{
  display:inline-block;margin-left:.4em;
}
.select2-results__option .badge.premium *{
  background:none!important;color:inherit!important;
}

/* ---------- 7. Зебра в таблицах --------------------------------------- */
.avia-table tbody tr:nth-child(odd),
.custom-grid + .avia-table tbody tr:nth-child(odd){
  background:#fff7da !important;
}

/* ---------- 8. RTL‑мелочи --------------------------------------------- */
[dir="rtl"] .port-card__meta{flex-direction:row-reverse;}
.card{text-align:left;}
.rtl-card{text-align:right;}

/* ---------- 9. Обертки фильтра ---------------------------------------- */
.portfolio-filter-row-wrapper{z-index:10;position:relative;margin-bottom:1.5em;}
.portfolio-grid-wrapper{position:relative;z-index:1;}

/* ---------- 10. Адаптив (только custom-grid) -------------------------- */
@media (max-width:600px){
  .custom-grid{gap:4px;padding:2px;}
  .custom-grid img{height:120px;aspect-ratio:1/1;}
}