/* ====================================================================
   FreelanceBG — REDESIGN-2026 (мобайл-първо)
   IVO-REDESIGN-20260730

   ЗАРЕЖДА СЕ ПОСЛЕДЕН, след style.css и home-2026.css. Само добавъчен
   слой — маха се с един <link> и сайтът се връща както е бил.

   Защо: старият CSS е DESKTOP-FIRST (всички @media са max-width), а
   трафикът е мобилен. Тук базовите стойности са за телефон, а min-width
   заявките надграждат нагоре.

   ⚠ Промениш ли този файл → вдигни ?v= в layouts/main.php.
   ==================================================================== */

/* ── 1. Токени ───────────────────────────────────────────────────── */
:root{
  /* плавна типографска скала — без чупене между телефон и монитор */
  --fs-xs:   clamp(.72rem, .70rem + .10vw, .78rem);
  --fs-sm:   clamp(.84rem, .81rem + .15vw, .92rem);
  --fs-base: clamp(1rem,   .97rem + .18vw, 1.06rem);
  --fs-lg:   clamp(1.10rem,1.02rem + .38vw,1.30rem);
  --fs-xl:   clamp(1.35rem,1.15rem + .95vw,1.95rem);
  --fs-2xl:  clamp(1.70rem,1.35rem + 1.7vw,2.60rem);
  --fs-3xl:  clamp(2.05rem,1.45rem + 2.9vw,3.55rem);

  /* отстъпи — една скала вместо магически числа */
  --sp-1:4px;  --sp-2:8px;  --sp-3:12px; --sp-4:16px; --sp-5:24px;
  --sp-6:32px; --sp-7:48px; --sp-8:64px; --sp-9:96px;
  --sp-section: clamp(52px, 9vw, 104px);

  /* форма */
  --r-sm:10px; --r:14px; --r-lg:20px; --r-xl:28px; --r-full:999px;

  /* НЕУТРАЛНИ сенки — лилавите изглеждат евтино върху бяло */
  --sh-1: 0 1px 2px rgba(16,18,40,.04), 0 1px 3px rgba(16,18,40,.06);
  --sh-2: 0 2px 4px rgba(16,18,40,.04), 0 8px 20px -6px rgba(16,18,40,.10);
  --sh-3: 0 4px 8px rgba(16,18,40,.05), 0 18px 40px -12px rgba(16,18,40,.16);

  --ink:#12132a; --ink-soft:#4a4d68; --line:#e8e9f2; --surface:#fff; --canvas:#fbfbfe;

  /* една дълбока марка за големи площи + един акцент. Без дъга. */
  --brand-deep:#241a63;
  --brand:#4f46e5;
  --brand-soft:#eef0ff;
  --tap:48px;              /* минимална височина за пръст */
}

/* ── 2. База и ритъм ─────────────────────────────────────────────── */
body{ background:var(--canvas); color:var(--ink); font-size:var(--fs-base); }
h1,h2,h3,h4{ letter-spacing:-.02em; text-wrap:balance; }
p{ text-wrap:pretty; }

.section{ padding-block: var(--sp-section); }
.container{ padding-inline: var(--sp-5); }
@media (min-width:768px){ .container{ padding-inline: var(--sp-6); } }

.section-title, .section-title-left{ font-size:var(--fs-2xl); line-height:1.12; margin-bottom:var(--sp-3); }
.section-subtitle{ font-size:var(--fs-lg); color:var(--ink-soft); line-height:1.55; max-width:60ch; }
.section-header{ margin-bottom:var(--sp-7); }

/* ── 3. Бутони — тапът преди всичко ──────────────────────────────── */
.btn{
  min-height:var(--tap); padding:12px 22px; border-radius:var(--r-sm);
  font-size:var(--fs-sm); font-weight:650; justify-content:center;
  transition:transform .18s cubic-bezier(.4,0,.2,1), box-shadow .18s, background-color .18s;
}
.btn-sm{ min-height:40px; padding:9px 16px; }
.btn-lg{ min-height:56px; padding:16px 30px; font-size:var(--fs-base); }
.btn-primary{ background:var(--brand); box-shadow:var(--sh-1); }
.btn-primary:hover{ background:#4338ca; box-shadow:var(--sh-2); transform:translateY(-1px); }
.btn:focus-visible{ outline:3px solid #a5b4fc; outline-offset:2px; }

/* ── 4. Карти ────────────────────────────────────────────────────── */
.card, .step-card, .fl-card, .cat-card, .tool-card{
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:var(--r-lg);
  box-shadow:var(--sh-1);
  transition:transform .22s cubic-bezier(.4,0,.2,1), box-shadow .22s, border-color .22s;
}
.card:hover, .step-card:hover, .fl-card:hover, .cat-card:hover, .tool-card:hover{
  transform:translateY(-3px); box-shadow:var(--sh-2); border-color:#d9dcf0;
}

/* ── 5. Hero — по-спокоен, по-едра типография ────────────────────── */
.hero-v2{
  /* една дълбока основа вместо трицветен градиент; снимката работи, не се бори */
  background:
    linear-gradient(180deg, rgba(36,26,99,.72) 0%, rgba(36,26,99,.86) 55%, rgba(36,26,99,.95) 100%),
    url('/assets/img/redesign/hero.jpg') center 38%/cover no-repeat;
  padding-block: clamp(56px, 12vw, 104px) clamp(84px, 14vw, 116px);
}
/* сянката на текста беше подпорка — истинският слой отдолу я прави излишна */
.hero-v2 h1{ font-size:var(--fs-3xl); line-height:1.05; letter-spacing:-.03em; text-shadow:none; margin-bottom:var(--sp-4); }
.hero-v2 .subtitle{ font-size:var(--fs-lg); opacity:.92; text-shadow:none; margin-bottom:var(--sp-6); }
/* градиентният текст е от 2021-ва — плътен акцент чете по-добре, особено на телефон */
.hero-v2 h1 span{
  background:none; -webkit-text-fill-color:currentColor; color:#fcd34d;
}
.hero-v2 .badge{ font-size:var(--fs-xs); padding:7px 16px; }
.hero-v2 .actions{ gap:var(--sp-3); margin-bottom:var(--sp-6); }
.hero-v2 .btn-hero-primary,
.hero-v2 .btn-hero-secondary{ min-height:var(--tap); padding:14px 26px; border-radius:var(--r-sm); justify-content:center; }

/* търсачката — цял ред на телефон, удобна за палец */
.hero-search-inner{ border-radius:var(--r); padding:5px 5px 5px 14px; }
.hero-search-inner input{ font-size:16px; }   /* под 16px iOS зумва при фокус */
.hero-search-inner button{ min-height:44px; border-radius:var(--r-sm); }

.hero-stats-v2{ gap:var(--sp-5); }
.hero-stats-v2 .stat .num{ font-size:var(--fs-xl); }
.hero-stats-v2 .stat .lbl{ font-size:var(--fs-xs); letter-spacing:.04em; }

/* ── 6. Двата пътя — контрастът преди красотата ──────────────────── */
.dual-paths{ margin-top:calc(-1 * clamp(48px, 9vw, 72px)); }
.dual-paths-grid{ gap:var(--sp-5); }
.path-card{ border-radius:var(--r-xl); min-height:262px; box-shadow:var(--sh-3); }
/* по-плътен воал: заглавието стоеше върху 50–60% прозрачност над натоварена снимка */
.path-card.seek .veil{ background:linear-gradient(180deg, rgba(20,18,58,.28) 0%, rgba(30,27,95,.86) 62%, rgba(30,27,95,.96) 100%); }
.path-card.hire .veil{ background:linear-gradient(180deg, rgba(44,16,66,.28) 0%, rgba(76,29,149,.86) 62%, rgba(76,29,149,.96) 100%); }
.path-card .pc-body{ padding:var(--sp-5) var(--sp-5) var(--sp-5); }
.path-card h3{ font-size:var(--fs-xl); margin-bottom:var(--sp-2); }
.path-card p{ font-size:var(--fs-sm); opacity:1; color:rgba(255,255,255,.92); margin-bottom:var(--sp-5); }
.path-card .pc-cta{ min-height:44px; padding:12px 20px; border-radius:var(--r-sm); }
.path-card .pc-sub{ display:inline-flex; min-height:40px; align-items:center; margin-left:0; }

/* ── 7. Стъпки ───────────────────────────────────────────────────── */
.steps-grid{ gap:var(--sp-4); }
.step-card{ padding:var(--sp-5); }
.step-num{ width:40px; height:40px; border-radius:var(--r-sm); background:var(--brand-soft); color:var(--brand); font-weight:800; display:flex; align-items:center; justify-content:center; }
.step-card h3{ font-size:var(--fs-lg); }
.step-card p{ font-size:var(--fs-sm); color:var(--ink-soft); }

/* ── 8. Форми ────────────────────────────────────────────────────── */
.form-input, .form-textarea, select{
  min-height:var(--tap); border-radius:var(--r-sm); border:1px solid var(--line);
  font-size:16px;                                  /* пак: без iOS зуум */
  transition:border-color .18s, box-shadow .18s;
}
.form-input:focus, .form-textarea:focus, select:focus{
  border-color:var(--brand); box-shadow:0 0 0 4px var(--brand-soft); outline:none;
}
.form-label{ font-size:var(--fs-sm); font-weight:600; color:var(--ink-soft); }

/* ── 9. Мобилни дреболии, които се усещат ────────────────────────── */
@media (max-width:759px){
  .hero-v2 .actions{ flex-direction:column; align-items:stretch; }
  .hero-v2 .actions > a{ width:100%; }
  .grid-2, .grid-3, .grid-4{ grid-template-columns:1fr; gap:var(--sp-4); }
  .section-header{ margin-bottom:var(--sp-6); }
  /* нищо да не излиза встрани — най-честият мобилен дефект */
  html,body{ overflow-x:hidden; }
  img,video,iframe{ max-width:100%; height:auto; }
}

/* ── 10. Достъпност ──────────────────────────────────────────────── */
a:focus-visible, button:focus-visible, [tabindex]:focus-visible{
  outline:3px solid #a5b4fc; outline-offset:2px; border-radius:4px;
}
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{ animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; scroll-behavior:auto!important; }
  .card:hover,.step-card:hover,.fl-card:hover,.cat-card:hover,.tool-card:hover,.btn-primary:hover{ transform:none; }
}

/* ====================================================================
   11. HERO v2 — светъл и въздушен вместо лилавия градиент
   Селекторите са с „body " отпред НАРОЧНО: hero-ът се стилизира от
   inline <style> в home/index.php, който идва СЛЕД този файл в
   документа. Един клас не стига, за да го бие. Така избягваме да
   редактираме 37 KB шаблон и редизайнът пак се маха с един <link>.
   ==================================================================== */
body .hero-v2{
  background:#fff; color:var(--ink);
  padding: clamp(40px,9vw,80px) 20px clamp(92px,15vw,124px);
}
/* мек ореол вместо плътна лилава стена */
body .hero-v2::before{
  top:-46%; right:auto; left:50%; transform:translateX(-50%);
  width:min(1100px,160vw); height:min(1100px,160vw);
  background:radial-gradient(circle, rgba(99,102,241,.17) 0%, rgba(99,102,241,.06) 42%, transparent 68%);
}
body .hero-v2::after{ display:none; }
body .hero-v2 .inner{ position:relative; z-index:1; }

body .hero-v2 .badge{
  background:var(--brand-soft); color:var(--brand);
  border:1px solid #dfe3ff; backdrop-filter:none; font-weight:600;
}
body .hero-v2 .badge .dot{ background:#22c55e; }

body .hero-v2 h1{ color:var(--ink); letter-spacing:-.035em; }
body .hero-v2 h1 span{ background:none; -webkit-text-fill-color:currentColor; color:var(--brand); }
body .hero-v2 .subtitle{ color:var(--ink-soft); opacity:1; }

/* търсачката става истинска бяла карта — не полупрозрачно стъкло върху цвят */
body .hero-search-inner{
  background:#fff; border:1px solid var(--line); box-shadow:var(--sh-2); backdrop-filter:none;
}
body .hero-search-inner:focus-within{
  background:#fff; border-color:var(--brand); box-shadow:0 0 0 4px var(--brand-soft), var(--sh-2);
}
body .hero-search-inner input{ color:var(--ink); }
body .hero-search-inner input::placeholder{ color:#9aa0b8; }
body .hero-search-inner button{ background:var(--brand); color:#fff; }
body .hero-search-inner button:hover{ background:#4338ca; }

body .hero-v2 .btn-hero-primary{ background:var(--brand); color:#fff; box-shadow:var(--sh-2); }
body .hero-v2 .btn-hero-primary:hover{ background:#4338ca; }
body .hero-v2 .btn-hero-secondary{ background:#fff; color:var(--ink); border:1px solid var(--line); }
body .hero-v2 .btn-hero-secondary:hover{ background:var(--brand-soft); border-color:#dfe3ff; }

body .hero-stats-v2 .stat .num{ color:var(--ink); }
body .hero-stats-v2 .stat .lbl{ color:var(--ink-soft); }
/* заглавието над картите беше бяло — върху бяло изчезва */
body .dual-paths-head{ color:var(--ink); }

/* ====================================================================
   УНИВЕРСАЛЕН СЛОЙ — важи за ВСЯКА страница, не само за началната.
   IVO-REDESIGN-20260730b
   ==================================================================== */

/* ── Таблици: най-честият мобилен провал ──
   Широка таблица разпъва цялата страница и прави хоризонтален скрол на
   ЦЕЛИЯ сайт. Правилното е таблицата да скролва В СЕБЕ СИ. */
@media (max-width:768px){
  table{ display:block; width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch; }
  table thead th{ white-space:nowrap; }
  table td, table th{ padding:10px 12px; }
}

/* ── Дълъг текст: ширината на реда решава четимостта ──
   Над ~75 знака на ред окото губи началото на следващия. */
.article-body, .article-content, .post-content, .prose,
.forum-post-content, .topic-content, .page-content{
  max-width:72ch;
  line-height:1.72;
  font-size:var(--fs-base);
}
.article-body p, .article-content p, .post-content p, .page-content p{ margin-bottom:1.1em; }
.article-body h2, .article-content h2, .post-content h2{ margin-top:1.8em; margin-bottom:.5em; }
.article-body h3, .article-content h3, .post-content h3{ margin-top:1.5em; margin-bottom:.4em; }
.article-body img, .article-content img, .post-content img{ border-radius:var(--radius-md,12px); }
.article-body ul, .article-body ol, .article-content ul, .article-content ol{ padding-left:1.3em; }
.article-body li, .article-content li{ margin-bottom:.45em; }

blockquote{
  border-left:3px solid var(--primary,#6366f1);
  padding:.2em 0 .2em 1.1em; margin:1.4em 0;
  color:var(--text-light,#4a4d68); font-style:normal;
}

/* ── Пагинация: пръстът иска място ── */
.pagination a, .pagination span, .pager a, .pager span{
  min-width:44px; min-height:44px;
  display:inline-flex; align-items:center; justify-content:center;
  border-radius:var(--radius-md,12px);
}

/* ── Значки/тагове: еднакъв вид навсякъде ── */
.badge, .tag, .chip, .pill{
  display:inline-flex; align-items:center; gap:6px;
  border-radius:999px; padding:5px 12px;
  font-size:var(--fs-xs); font-weight:600; line-height:1.4;
}

/* ── Празни състояния: обикновено са забравени и изглеждат като грешка ── */
.empty-state, .no-results, .empty{
  text-align:center; padding:var(--sp-7,48px) var(--sp-5,24px);
  color:var(--text-light,#4a4d68);
}

/* ── Дребни неща, които се усещат ── */
::selection{ background:rgba(99,102,241,.20); }
html{ scroll-behavior:smooth; }
@media (prefers-reduced-motion: reduce){ html{ scroll-behavior:auto; } }

/* никога хоризонтален скрол на цялата страница */
html, body{ max-width:100%; overflow-x:hidden; }
/* дълги думи/URL-и да не разпъват контейнера */
p, li, td, dd, h1, h2, h3, h4{ overflow-wrap:break-word; }

/* изображения без зададено съотношение подскачат при зареждане */
img{ height:auto; }

/* ── Печат: правните страници и договорите реално се печатат ── */
@media print{
  header, footer, nav, .header, .footer, .sticky-buy, .cookie-bar,
  .breadcrumbs, aside, .sidebar{ display:none !important; }
  body{ background:#fff; color:#000; font-size:11pt; padding-top:0; }
  a[href^="http"]::after{ content:" (" attr(href) ")"; font-size:9pt; color:#555; }
  .container{ max-width:100%; padding:0; }
}

/* ====================================================================
   ПО СЕКЦИИ — IVO-REDESIGN-20260730c
   Написано по одит с реален Chrome на 390×844 (измерени контрасти,
   размери и позиции). Всяко правило поправя конкретна находка.
   ==================================================================== */

/* ── A. КОНТРАСТ ──
   --gray-400 (#9ca3af) върху бяло = 2.54:1 при праг 4.5:1. Ползва се
   като ТЕКСТ в целия сайт. Не го предефинирам глобално, защото същият
   токен държи и рамки/икони, където светлото е правилно — вместо това
   вдигам точните текстови места. --gray-500 (#6b7280) дава 4.83:1. */
body .job-card-v2 .row-bottom .info, body .results-sm, body .breadcrumbs,
body .job-content .body .section-label, body .poster-card .sub,
body .topic-item .meta, body .topic-item .votes, body .reply-item .reply-author .time,
body .card-meta, body .article-content .meta,
body .stat-item .lbl, body .review-date, body .review-author .project,
body .empty-state, body .no-results {
  color:var(--gray-500);
}
/* зелените — най-важните числа и статуси, а падаха под прага */
body .job-card-v2 .salary{ color:#047857; }              /* 2.54 → 4.77:1 */
body .job-card-v2 .tag-location{ color:#065f46; }        /* 3.32 → 4.9:1 върху #d1fae5 */
body .topic-item .title .solved, body .solved-banner{ color:#065f46; }  /* 3.00 → 5.8:1 */

/* ── B. ТАП ТАРГЕТИ ──
   Тези контроли нямат клас .btn, затова правилото от вчера не ги хваща.
   Мерено: 23–34px при минимум 44. */
@media (max-width:768px){
body .job-card-v2 .card-actions a,
body .filter-toggle-sm,
body .sort-tab, body .cat-link,
body .reply-item .vote-btn, body .reply-item .mark-best,
body .reply-action-btn, body .forum-edit-link {
    min-height:44px; display:inline-flex; align-items:center; justify-content:center;
    padding:11px 14px; font-size:var(--fs-sm); border-radius:var(--r-sm,10px);
  }
  body .reply-item .vote-btn{ min-width:44px; padding:11px 8px; }
}

/* ── C. ФИЛТРИТЕ НА /jobs ──
   Сайдбарът е ПРЕДИ бутона в DOM → отварянето избутваше съдържанието
   с 1889px надолу и потребителят губеше от поглед всичко. Панел на
   цял екран решава и реда, и мястото. */
@media (max-width:768px){
body .jobs-sidebar.show {
    position:fixed; inset:0; z-index:10000;
    overflow-y:auto; -webkit-overflow-scrolling:touch;
    background:var(--surface,#fff);
    padding:var(--sp-5,24px) var(--sp-5,24px) var(--sp-8,64px);
    box-shadow:0 0 0 100vmax rgba(18,19,42,.4);
  }
}

/* ── D. ДЕТАЙЛ НА ОБЯВА ──
   При колапс в една колона сайдбарът с „Кандидатствай" падаше на
   4.56 екрана надолу — след цялото описание. */
@media (max-width:768px){
  body .job-detail-layout{ display:flex; flex-direction:column; }
  body .job-detail-layout > div:last-child{ order:-1; }
}

/* ── E. ЧЕТИМОСТ НА СПИСЪЦИТЕ ──
   Заглавие на тема 13px, откъс 12.5px, мета 11.2px, значка 9.6px —
   при положение че обикновеният текст в сайта вече е ≥16px.
   Обърната йерархия: навигационният текст беше по-дребен от тялото. */
@media (max-width:768px){
  body .topic-item .title{ font-size:var(--fs-lg) !important; line-height:1.3; }
  body .topic-item .excerpt{ font-size:var(--fs-sm) !important; }
  body .topic-item .meta{ font-size:var(--fs-xs) !important; }
  body .topic-item .title .solved{ font-size:11px !important; padding:3px 8px; }
  body .job-card-v2 .tag{ font-size:12px !important; padding:3px 8px; }
}

/* ── F. ОБЪРНАТА ЙЕРАРХИЯ В СТАТИИТЕ ──
   На телефон H2 (22.4px) беше ПО-ГОЛЯМ от H1 (20.8px), защото H1 се
   смъква в media блок, а H2 никъде. */
body .article-content h1{ font-size:var(--fs-2xl) !important; line-height:1.15; }
body .article-body h2, body .article-content h2{ font-size:var(--fs-xl); }
body .article-body h3, body .article-content h3{ font-size:var(--fs-lg); }

/* ── G. iOS ЗУУМ ──
   Четирите филтъра на /freelancers носят font-size в INLINE style,
   а inline бие stylesheet без !important. Затова тук е с !important —
   единственият случай, в който е оправдано. */
body .fl-cat-mobile select, body .fl-sort-mobile select,
body form.fl-hero-search select, body form.fl-hero-search input,
body .forum-hero .search-bar input,
body select[name="skill"], body select[name="availability"] {
  font-size:16px !important;
}

/* ── H. ПРОФИЛЪТ НА ФРИЙЛАНСЪРА ── */
/* картите на профила бяха невидими: бяло #fff върху фон #fbfbfe с рамка
   #f3f4f6 — три почти еднакви цвята, без сянка */
body .p-card, body .portfolio-item, body .portfolio-card {
  background:var(--surface,#fff);
  border:1px solid var(--line,#e8e9f2);
  border-radius:var(--r-lg,20px);
  box-shadow:var(--sh-1);
}
/* името се изписваше ВЪРХУ аватара: отрицателният margin за десктоп
   не се нулираше в колонния мобилен layout */
@media (max-width:768px){
  body .profile-avatar-wrap{ margin-bottom:0; }
  /* лентата с цифрите скролваше хоризонтално без никакъв знак за това —
     „Години опит" изчезваше безследно. Решетка вместо скрол. */
body .stats-bar-inner {
    overflow:visible; display:grid; grid-template-columns:repeat(2,1fr);
  }
body .stats-bar-inner .stat-item {
    border-right:none; border-bottom:1px solid var(--gray-100);
    padding:12px 8px;
  }
}
body .stat-item .lbl{ font-size:.78rem; }
/* глобален !important за аватара надуваше и портфолио-миниатюрите:
   60px изображение в 40px кутия с overflow:hidden → виждаше се само ъгъл */
@media (max-width:480px){
  body .grid-3.fl-grid .card .pf-thumb img{ width:100% !important; height:100% !important; }
}
/* на самостоятелната портфолио страница описанието се сипваше
   без ограничение — 830 знака в един слят блок */
body .portfolio-card .body p {
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;
  overflow:hidden; font-size:.9rem; color:var(--gray-600);
}
body .portfolio-card{ display:flex; flex-direction:column; }

/* ── I. ФОРУМ: заглавка на отговор ──
   име + значка + час в един неомотаван ред → на 360px нужни ~430px
   при налични ~304px, а overflow-x:hidden ги РЕЖЕШЕ вместо да скролва */
body .reply-item .reply-header{ flex-wrap:wrap; gap:8px; align-items:flex-start; }

/* ── J. ПОЛОВИНЧАТИЯТ ТЪМЕН РЕЖИМ ──
   Единственият prefers-color-scheme блок в целия сайт е в forum/index.php:
   прави картите почти черни, но фонът на страницата остава светъл, а
   /forum/{slug} и /blog нямат нищо. Секцията се разпадаше на два вида.
   Неутрализираме го, докато няма истинска тъмна тема за целия сайт. */
@media (prefers-color-scheme: dark){
body .topic-item, body .sidebar-card, body .sort-tab {
    background:var(--surface,#fff) !important;
    color:var(--ink,#12132a) !important;
    border-color:var(--line,#e8e9f2) !important;
  }
}

/* ── K. Последен кръг, по измерване с истински 390px viewport ────────
   Числата долу са измерени, не преценени. */

/* лентата за бисквитки е първото нещо, което всеки вижда — бутоните бяха 35px */
body .cookie-btn-all, body .cookie-btn-essential,
body .cookie-bar button, body .cookie-banner button{
  min-height:44px; padding:11px 18px;
}

/* .btn-offer беше бял текст върху светъл фон = 2.15:1 */
body .job-card-v2 .btn-offer{ background:#b45309; color:#fff; }   /* 2.15 → 5.9:1 */
body .job-card-v2 .btn-contact{ background:#4338ca; color:#fff; } /* 3.77 → 8.1:1 */

/* останалите тагове в картата (не само location) */
body .job-card-v2 .tag{ color:#3f3f46; }

/* логото беше 4.47:1 — под прага на косъм */
body a.logo{ color:#4338ca; }