/* ============================================================
   PODOBRI — Design tokens → pixfort child theme
   v2 · 2026-10-22 · източник: Podobri Design System (август 2026)
   ------------------------------------------------------------
   Промени спрямо v1:
   - Линкове и основни бутони в синьо (оранжево на бяло = 2,9:1, не минава AA)
   - --text-muted #6b6b6b (5,3:1)
   - Шрифтове woff2, само upright (без Italic)
   - По-малко !important: само там, където pixfort форсира inline стил
   Uni Neue НЕ се ползва за web (лиценз). Живее само в логото.
   ============================================================ */

/* ---------- 1. Шрифтове: виж podobri-fonts.css (woff2 субсети, зарежда се преди този файл) ---------- */

/* ---------- 2. Tokens ---------- */
:root {
  /* Base palette */
  --podobri-blue:   #253391;
  --podobri-orange: #ff6800;
  --podobri-sky:    #95d6f4;
  --podobri-lime:   #dce01d;
  --podobri-ink:    #1e1e1e;
  --podobri-gray:   #c6c6c6;
  --podobri-cloud:  #f1f1f1;
  --podobri-white:  #ffffff;

  /* Ramps */
  --blue-900:#1a2569; --blue-800:#253391; --blue-700:#34439f;
  --blue-600:#4a58b0; --blue-300:#aab2dd; --blue-100:#e3e6f5;
  --orange-700:#cc5300; --orange-600:#e85f00; --orange-500:#ff6800;
  --orange-200:#ffd2ad; --orange-100:#fff0e4;
  --sky-500:#5cb9e8; --sky-400:#95d6f4; --sky-200:#c4e9fa; --sky-100:#e8f6fd;
  --lime-500:#c2c61a; --lime-400:#dce01d; --lime-200:#eef0a3; --lime-100:#f8f9d8;
  --neutral-900:#1e1e1e; --neutral-700:#4a4a4a; --neutral-500:#6b6b6b;
  --neutral-400:#c6c6c6; --neutral-200:#e6e6e6; --neutral-100:#f1f1f1; --neutral-0:#ffffff;

  /* Semantic — text */
  --text-strong: var(--podobri-blue);
  --text-body: var(--neutral-900);
  --text-muted: var(--neutral-500);
  --text-on-dark: var(--podobri-white);
  --text-on-accent: var(--podobri-blue);
  --text-link: var(--podobri-blue);
  --text-link-hover: var(--blue-700);
  /* Semantic — surfaces */
  --surface-page: var(--podobri-white);
  --surface-muted: var(--neutral-100);
  --surface-card: var(--podobri-white);
  --surface-brand: var(--podobri-blue);
  --surface-sky: var(--sky-400);
  --surface-lime: var(--lime-400);
  --surface-orange: var(--orange-500);
  /* Lines & accents */
  --border-subtle: var(--neutral-200);
  --border-default: var(--neutral-400);
  --border-strong: var(--podobri-blue);
  --focus-ring: var(--podobri-orange);
  --accent: var(--podobri-orange);        /* декоративен акцент: фонове, форми, eyebrow */
  --accent-text: var(--orange-700);        /* оранжев текст само в този нюанс (4,4:1) */
  /* Status */
  --success:#1f8a4c; --warning:var(--orange-700); --danger:#d23b3b; --info:var(--sky-500);

  /* Type */
  --font-display: "Montserrat", system-ui, sans-serif;
  --font-body:    "Montserrat", system-ui, sans-serif;
  --fw-regular:400; --fw-bold:700; --fw-heavy:800; --fw-black:900;
  --text-display:5rem; --text-h1:3.5rem; --text-h2:2.5rem; --text-h3:1.625rem;
  --text-h4:1.25rem; --text-lg:1.125rem; --text-base:1rem; --text-sm:.875rem;
  --text-xs:.75rem; --text-eyebrow:.8125rem;
  --lh-tight:0.98; --lh-heading:1.08; --lh-snug:1.3; --lh-body:1.6;
  --ls-display:-0.02em; --ls-tight:-0.02em; --ls-eyebrow:0.12em;

  /* Spacing (4px base) */
  --space-1:.25rem; --space-2:.5rem; --space-3:.75rem; --space-4:1rem;
  --space-5:1.5rem; --space-6:2rem; --space-7:3rem; --space-8:4rem;
  --space-9:6rem; --space-10:8rem;
  --section-y: clamp(3.5rem, 2rem + 5vw, 6rem);
  /* Radii */
  --radius-xs:4px; --radius-sm:8px; --radius-md:14px; --radius-lg:22px;
  --radius-xl:32px; --radius-2xl:48px; --radius-pill:999px;
  --radius-blob:42% 58% 56% 44% / 48% 42% 58% 52%;
  /* Shadows (blue-tinted, soft) */
  --shadow-xs:0 1px 2px rgba(30,30,30,.06);
  --shadow-sm:0 2px 8px rgba(37,51,145,.08);
  --shadow-md:0 8px 24px rgba(37,51,145,.10);
  --shadow-lg:0 18px 48px rgba(37,51,145,.14);
  --shadow-pop:0 10px 0 rgba(37,51,145,1);
  /* Layout & motion */
  --container-max:1200px; --container-narrow:760px; --gutter:clamp(1.25rem,4vw,4rem);
  --ease-out:cubic-bezier(.22,1,.36,1);
  --ease-bounce:cubic-bezier(.34,1.56,.64,1);
  --dur-fast:140ms; --dur-base:240ms; --dur-slow:420ms;
}

/* ---------- 3. Глобална типография (база; Elementor Global Fonts я следват) ---------- */
body, p, li, input, textarea, select, button {
  font-family: var(--font-body);
  line-height: var(--lh-body);
  color: var(--text-body);
}
h1,h2,h3,h4,h5,h6 {
  font-family: var(--font-display);
  color: var(--text-strong);
  letter-spacing: var(--ls-tight);
  line-height: var(--lh-heading);
}
h1 { font-weight: var(--fw-black); line-height: var(--lh-tight); }
h2 { font-weight: var(--fw-heavy); }
h3, h4 { font-weight: var(--fw-bold); }
a { color: var(--text-link); }
a:hover { color: var(--text-link-hover); }

/* Hero display клас — Extra class на голямото заглавие */
.podobri-display {
  font-family: var(--font-display);
  font-weight: var(--fw-black);
  font-size: clamp(2.75rem, 1.6rem + 5.4vw, 5.5rem);
  line-height: var(--lh-tight);
  letter-spacing: var(--ls-display);
  color: var(--text-strong);
}
/* Eyebrow / надзаглавие — макс. едно на три секции */
.podobri-eyebrow {
  font-family: var(--font-body);
  font-weight: var(--fw-heavy);
  font-size: var(--text-eyebrow);
  letter-spacing: var(--ls-eyebrow);
  text-transform: uppercase;
  color: var(--accent-text);
}
.podobri-sec--brand .podobri-eyebrow { color: var(--podobri-lime); }

/* ---------- 4. Utility класове (pixfort „Extra class name") ---------- */

/* Бутон — основен (син) */
.podobri-btn {
  display:inline-flex; align-items:center; gap:.5rem;
  font-family:var(--font-body); font-weight:var(--fw-bold);
  padding:.85rem 1.6rem; border-radius:var(--radius-pill);
  background:var(--podobri-blue); color:var(--podobri-white);
  border:1.5px solid var(--podobri-blue); cursor:pointer; text-decoration:none;
  transition:background var(--dur-base) var(--ease-out), transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-base) var(--ease-out);
}
.podobri-btn:hover { background:var(--blue-700); border-color:var(--blue-700); color:var(--podobri-white); transform:translateY(-2px); box-shadow:var(--shadow-sm); }
.podobri-btn:active { transform:translateY(0); }
/* Вторичен — син контур */
.podobri-btn--outline { background:transparent; color:var(--podobri-blue); }
.podobri-btn--outline:hover { background:var(--blue-100); color:var(--podobri-blue); }
/* Оранжев — само със син текст */
.podobri-btn--orange { background:var(--podobri-orange); border-color:var(--podobri-orange); color:var(--podobri-blue); }
.podobri-btn--orange:hover { background:var(--orange-600); border-color:var(--orange-600); color:var(--podobri-blue); }
/* „Sticker" CTA — един на страница ([Дари]) */
.podobri-btn--sticker {
  background:var(--podobri-lime); border-color:var(--podobri-lime); color:var(--podobri-blue);
  box-shadow:var(--shadow-pop);
}
.podobri-btn--sticker:hover { background:var(--podobri-lime); border-color:var(--podobri-lime); color:var(--podobri-blue); transform:translateY(-2px); box-shadow:var(--shadow-pop); }
.podobri-btn--sticker:active { transform:translateY(6px); box-shadow:0 4px 0 rgba(37,51,145,1); }
/* На тъмен фон */
.podobri-sec--brand .podobri-btn { background:var(--podobri-white); border-color:var(--podobri-white); color:var(--podobri-blue); }
.podobri-sec--brand .podobri-btn--outline { background:transparent; border-color:var(--podobri-white); color:var(--podobri-white); }

/* Pill таг */
.podobri-pill {
  display:inline-flex; align-items:center; gap:.4rem; font-weight:var(--fw-bold); font-size:var(--text-eyebrow);
  padding:.3rem .8rem; border-radius:var(--radius-pill);
  background:var(--blue-100); color:var(--podobri-blue);
}
.podobri-pill--lime { background:var(--lime-200); }
.podobri-pill--sky { background:var(--sky-200); }
.podobri-pill--orange { background:var(--orange-100); color:var(--orange-700); }
.podobri-pill--upper { text-transform:uppercase; letter-spacing:var(--ls-eyebrow); font-size:var(--text-xs); }
.podobri-pill--dot::before { content:""; width:.5em; height:.5em; border-radius:50%; background:currentColor; }

/* Blob / кръг маска за снимка */
.podobri-blob { border-radius:var(--radius-blob); overflow:hidden; }
.podobri-circle { border-radius:50%; overflow:hidden; aspect-ratio:1; }
.podobri-blob img, .podobri-circle img { width:100%; height:100%; object-fit:cover; display:block; }
.podobri-tint img { filter: none; }
.podobri-tint { position:relative; }
.podobri-tint::after { content:""; position:absolute; inset:0; background:var(--podobri-blue); mix-blend-mode:multiply; opacity:.55; pointer-events:none; }

/* Карта */
.podobri-card {
  background:var(--surface-card); border-radius:var(--radius-lg);
  box-shadow:var(--shadow-md); padding:var(--space-6);
  transition:box-shadow var(--dur-base) var(--ease-out), transform var(--dur-base) var(--ease-out);
}
.podobri-card:hover { box-shadow:var(--shadow-lg); transform:translateY(-2px); }
.podobri-card--bordered { box-shadow:none; border:1px solid var(--border-subtle); }
.podobri-card--blue { background:var(--podobri-blue); color:var(--text-on-dark); }
.podobri-card--blue :is(h1,h2,h3,h4,h5,h6,p) { color:var(--text-on-dark); }
.podobri-card--sky { background:var(--sky-400); color:var(--podobri-blue); }
.podobri-card--lime { background:var(--lime-400); color:var(--podobri-blue); }

/* Секции — фонове */
.podobri-sec--muted  { background:var(--surface-muted); }
.podobri-sec--brand  { background:var(--surface-brand); color:var(--text-on-dark); }
.podobri-sec--brand :is(h1,h2,h3,h4,h5,h6,p,li) { color:var(--text-on-dark); }
.podobri-sec--brand a { color:var(--podobri-lime); }
.podobri-sec--sky    { background:var(--surface-sky); color:var(--podobri-blue); }
.podobri-sec--lime   { background:var(--surface-lime); color:var(--podobri-blue); }

/* Impact число */
.podobri-stat { font-family:var(--font-display); font-weight:var(--fw-black);
  font-size:clamp(2.5rem,1.5rem+3vw,4rem); line-height:1; color:var(--podobri-orange);
  letter-spacing:var(--ls-tight); }
.podobri-stat-label { display:block; font-weight:var(--fw-bold); color:var(--text-strong); margin-top:.4rem; }
.podobri-sec--brand .podobri-stat { color:var(--podobri-lime); }
.podobri-sec--brand .podobri-stat-label { color:var(--text-on-dark); }

/* Декорации: плюс и blob зад заглавие */
.podobri-deco { position:relative; isolation:isolate; }
.podobri-deco--lime::before, .podobri-deco--sky::before {
  content:""; position:absolute; z-index:-1; inset:-12% -6% auto -10%; height:120%;
  border-radius:var(--radius-blob); opacity:.9;
}
.podobri-deco--lime::before { background:var(--lime-400); }
.podobri-deco--sky::before  { background:var(--sky-400); }

/* ---------- 5. Мостове към pixfort (класове върху pix-* widgets) ---------- */
/* „Дари“ sticker: pixfort нулира box-shadow на .btn */
.btn.podobri-btn--sticker { box-shadow: var(--shadow-pop); transition: transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out); }
.btn.podobri-btn--sticker:hover { box-shadow: var(--shadow-pop); transform: translateY(-2px); }
.btn.podobri-btn--sticker:active { box-shadow: 0 4px 0 rgba(37,51,145,1); transform: translateY(6px); }
/* Снимки в карти: еднаква пропорция 4:3 */
.podobri-card-img img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; display: block; }
.podobri-card.podobri-card--flush { padding: 0; overflow: hidden; }
/* Ръчно рисувани икони (PNG с бял outline): винаги в пропорция, без разтегляне */
.podobri-icon img, .podobri-deco-img img { width: 100%; height: auto; max-width: none; display: block; }
/* Лога на акредитации/партньори: еднаква височина, своя ширина */
.podobri-logo img { height: 64px; width: auto; max-width: 100%; object-fit: contain; display: block; }
/* Декоративни елементи (swirl) не пречат на клика */
.podobri-deco-img { pointer-events: none; }

/* ---------- 6. Компоненти за „Партнирай с нас“ (PIF) ---------- */
/* Лепкава лента с котви под хедъра */
.podobri-anchor-nav { position: sticky; top: var(--pix-header-scroll-height, 64px); z-index: 30; box-shadow: 0 1px 0 var(--border-subtle); }
.admin-bar .podobri-anchor-nav { top: calc(var(--pix-header-scroll-height, 64px) + 32px); }
.podobri-anchors { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; }
.podobri-anchors a { display: inline-block; padding: .45rem .9rem; border-radius: var(--radius-pill); font-weight: var(--fw-bold); font-size: var(--text-sm); color: var(--podobri-blue); background: var(--blue-100); text-decoration: none; }
.podobri-anchors a:hover { background: var(--podobri-blue); color: var(--podobri-white); }
[id] { scroll-margin-top: 140px; }
/* Редове „етикет – стойност“ */
.podobri-kv { display: flex; justify-content: space-between; gap: 1.5rem; align-items: center; padding: .75rem 0; border-bottom: 1px solid var(--border-subtle); font-size: .95rem; }
.podobri-kv:last-child { border-bottom: 0; }
.podobri-kv dt, .podobri-kv .k { font-weight: var(--fw-bold); color: var(--text-strong); }
.podobri-kv .v { text-align: right; }
.podobri-kvlist { margin: 0; }
/* Бутон „Копирай“ */
.podobri-copy { font: inherit; font-size: .75rem; font-weight: var(--fw-bold); color: var(--podobri-blue); background: transparent; border: 1.5px solid var(--podobri-blue); border-radius: var(--radius-pill); padding: .15rem .6rem; margin-left: .5rem; cursor: pointer; white-space: nowrap; min-height: 28px; }
.podobri-copy:hover, .podobri-copy.is-copied { background: var(--podobri-blue); color: var(--podobri-white); }
/* Таблица с проекти */
.podobri-table-wrap { overflow-x: auto; border-radius: var(--radius-lg); box-shadow: var(--shadow-sm); background: var(--podobri-white); }
.podobri-table { width: 100%; border-collapse: collapse; font-size: .9rem; min-width: 820px; }
.podobri-table th { text-align: left; background: var(--podobri-blue); color: var(--podobri-white); padding: .8rem 1rem; font-weight: var(--fw-bold); }
.podobri-table td { padding: .8rem 1rem; border-bottom: 1px solid var(--border-subtle); vertical-align: top; }
.podobri-table tr:last-child td { border-bottom: 0; }
.podobri-table .num { white-space: nowrap; text-align: right; }
.podobri-table small { display: block; color: var(--text-muted); font-size: .75rem; margin-top: .2rem; word-break: break-all; }
.podobri-table tfoot td { font-weight: var(--fw-heavy); background: var(--sky-100); }
.podobri-role { display: inline-block; font-size: .75rem; font-weight: var(--fw-bold); padding: .2rem .6rem; border-radius: var(--radius-pill); background: var(--podobri-blue); color: var(--podobri-white); white-space: nowrap; }
.podobri-role--partner { background: var(--sky-200); color: var(--podobri-blue); }
.podobri-filters { display: flex; flex-wrap: wrap; gap: .5rem; }
.podobri-filter { font: inherit; font-size: .85rem; font-weight: var(--fw-bold); padding: .45rem .9rem; border-radius: var(--radius-pill); border: 1.5px solid var(--podobri-blue); background: var(--podobri-white); color: var(--podobri-blue); cursor: pointer; min-height: 40px; }
.podobri-filter.is-active { background: var(--podobri-blue); color: var(--podobri-white); }
/* Съдържание в табовете */
.podobri-tab h4 { font-size: 1.05rem; margin: 1.25rem 0 .5rem; }
.podobri-tab ul { margin: 0; padding-left: 1.2rem; line-height: 1.8; }
.podobri-tab p { margin: 0 0 .75rem; }
/* Формата (CF7) */
.podobri-form .wpcf7-form { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: .9rem 1rem; }
.podobri-form .wpcf7-form > p, .podobri-form .wpcf7-form > div { margin: 0; }
.podobri-form .full { grid-column: 1 / -1; }
.podobri-form label { display: block; font-weight: var(--fw-bold); font-size: .85rem; color: var(--text-strong); margin-bottom: .3rem; }
.podobri-form input[type=text], .podobri-form input[type=email], .podobri-form select, .podobri-form textarea { width: 100%; box-sizing: border-box; border: 1.5px solid var(--border-default); border-radius: 12px; padding: .7rem .9rem; font: inherit; background: var(--podobri-white); }
.podobri-form textarea { min-height: 120px; }
.podobri-form .wpcf7-submit { background: var(--podobri-blue); color: var(--podobri-white); border: 0; border-radius: var(--radius-pill); padding: .9rem 1.8rem; font-weight: var(--fw-bold); cursor: pointer; }
.podobri-form .wpcf7-acceptance { font-size: .85rem; }
@media (max-width: 767px) { .podobri-form .wpcf7-form { grid-template-columns: 1fr; } .podobri-kv { flex-direction: column; align-items: flex-start; gap: .25rem; } .podobri-kv .v { text-align: left; } }

/* Фокус (WCAG) */
a:focus-visible, button:focus-visible, .podobri-btn:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible {
  outline:3px solid var(--focus-ring); outline-offset:2px;
}

/* Намалено движение */
@media (prefers-reduced-motion: reduce) {
  .podobri-btn, .podobri-card { transition:none; }
  .podobri-btn:hover, .podobri-card:hover { transform:none; }
}


/* 7. Вътрешни страници: placeholder, крошки, sticky карта */
.podobri-placeholder{border:2px dashed var(--podobri-border-subtle, rgba(37,51,145,.25));background:rgba(255,255,255,.35)}
.podobri-placeholder .pix-text{font-style:italic}
.podobri-crumbs{font-size:.875rem;color:var(--podobri-muted,#6b6b6b)}
.podobri-crumbs a{color:var(--podobri-blue,#253391);text-decoration:none;font-weight:600}
.podobri-crumbs a:hover{text-decoration:underline}
.podobri-crumbs [aria-current]{font-weight:700;color:var(--podobri-ink,#1e1e1e)}
@media (min-width:1025px){.podobri-sticky{position:sticky;top:calc(var(--pix-header-scroll-height,80px) + 24px)}}