/* =============================================================================
   ФУТЪРЪТ — вариант „Графит“ (избран от собственика 02.10.2026) — layouts/footer.blade.php
   Шрифт Montserrat: горната лента е в него на всяка страница и вече е зареден навсякъде —
   така рамката на сайта е еднаква, без нов файл за сваляне.
   Всичко е под .footer-area .cdf: темата (light.css) слага на всяко <a> display:inline-block и
   цвят, а блогът (cd-journal.css) дава на .cd-blog .footer-area шрифт, цвят, list-style:disc
   и img inline (0,2,1) — затова a/ul/li/p тук са поне 0,2,1, а файлът се зарежда след тях
   (линкът е в самия футър).
   ========================================================================== */
.footer-area .cdf{
  --d-red:#E11D2A;
  --d-ink:#F3F5F8;                 /* заглавия, телефон */
  --d-text:#DDE1E7;                /* имейл */
  --d-link:#B3BAC5;                /* линкове — 8,9:1 върху #14171C */
  --d-mute:#8E96A3;                /* долна лента — 6,6:1 върху #0A0B0D */
  --d-line:rgba(255,255,255,.075);
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(620px 340px at 100% 0%, rgba(225,29,42,.085) 0%, rgba(225,29,42,.03) 45%, rgba(225,29,42,0) 72%),
    linear-gradient(180deg,#14171C 0%,#0A0B0D 100%);
  color:var(--d-link);
  font-family:'Montserrat',-apple-system,'Segoe UI',Roboto,sans-serif;
  font-size:14.5px;
  font-weight:400;
  line-height:1.5;
  letter-spacing:0;
  text-align:left;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
.footer-area .cdf *,
.footer-area .cdf *::before,
.footer-area .cdf *::after{box-sizing:border-box}
.footer-area .cdf a{display:inline;color:var(--d-link);font-family:inherit;text-decoration:none;transition:color .18s ease,background-color .18s ease,border-color .18s ease}
.footer-area .cdf a:hover,
.footer-area .cdf a:focus-visible{color:#fff;text-decoration:none}
.footer-area .cdf a:focus-visible{outline:2px solid rgba(255,255,255,.55);outline-offset:3px;border-radius:4px}
.footer-area .cdf p{margin:0;padding:0;color:inherit;font-family:inherit;font-size:inherit;line-height:inherit}
.footer-area .cdf ul,
.footer-area .cdf li{list-style:none;margin:0;padding:0}
.footer-area .cdf li::marker{content:none}

.footer-area .cdf .cdf-wrap{max-width:1200px;margin:0 auto;padding:0 32px}
.footer-area .cdf .cdf-main{
  display:grid;
  grid-template-columns:minmax(0,1.32fr) minmax(0,1fr) minmax(0,1.1fr) minmax(0,.84fr);
  column-gap:56px;
  padding:56px 0 59px;  /* отгоре по-малко от отдолу (оптичната среда е по-високо) — 56/64 px до текста, собственикът 03.10 */
}
.footer-area .cdf .cdf-main > *{min-width:0}

/* ---------- Контакти (без заглавие) ---------- */
.footer-area .cdf ul.cdf-contact{display:flex;flex-direction:column;gap:13px}
.footer-area .cdf .cdf-contact li{display:flex;align-items:center;gap:13px;color:var(--d-link);font-size:14px;line-height:1.5}
.footer-area .cdf .cdf-contact a{color:var(--d-text);font-size:15px;font-weight:400;letter-spacing:.005em}
.footer-area .cdf .cdf-contact a:hover{color:#fff}
.footer-area .cdf .cdf-contact li.cdf-contact-phone a{color:var(--d-ink);font-size:17px;font-weight:500;letter-spacing:.02em}
.footer-area .cdf .cdf-contact li.cdf-contact-addr{align-items:flex-start}
.footer-area .cdf .cdf-contact li.cdf-contact-addr > span:last-child{padding-top:3px}
/* Малки червени кръгчета с бяла икона (собственикът: червени, но не едри). */
.footer-area .cdf .cdf-ic{
  flex:0 0 28px;width:28px;height:28px;
  display:grid;place-items:center;
  border-radius:50%;
  background:var(--d-red);         /* точно червеното на марката, без преход към друг тон */
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18);
  color:#fff;font-size:11.5px;line-height:1;
}

.footer-area .cdf .cdf-connect{display:flex;flex-direction:column;align-items:flex-start;gap:18px;margin-top:30px}
/* Мрежите — ред от кръгли икони с тънък кант. */
.footer-area .cdf ul.cdf-social{display:flex;gap:10px}
.footer-area .cdf .cdf-social a{
  display:grid;place-items:center;
  width:38px;height:38px;border-radius:50%;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.015);
  color:#D3D8DF;font-size:14px;line-height:1;
}
.footer-area .cdf .cdf-social a:hover,
.footer-area .cdf .cdf-social a:focus-visible{border-color:var(--d-red);background:rgba(225,29,42,.14);color:#fff}

/* Viber група — тъмна, с лилава икона. */
.footer-area .cdf a.cdf-vgroup{
  display:inline-flex;align-items:center;gap:12px;
  padding:6px 20px 6px 6px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015));
  color:var(--d-ink);
}
.footer-area .cdf a.cdf-vgroup:hover,
.footer-area .cdf a.cdf-vgroup:focus-visible{border-color:rgba(115,96,242,.75);background:rgba(115,96,242,.12);color:#fff}
.footer-area .cdf .cdf-vgroup-ic{flex:0 0 36px;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#7360F2;color:#fff;font-size:17px;line-height:1}
.footer-area .cdf .cdf-vgroup-t{display:flex;flex-direction:column;line-height:1.25}
.footer-area .cdf .cdf-vgroup-t strong{font-size:14px;font-weight:600;color:var(--d-ink);letter-spacing:.01em}
.footer-area .cdf .cdf-vgroup-t small{margin-top:1px;font-size:12px;font-weight:400;color:#9AA2AE}

/* ---------- Колоните с линкове ---------- */
/* Заглавията: главни, малки, с широка разрядка; отдолу чертата от стария футър —
   сива линия и червено парче върху нея (90/30 px там, 96/28 px тук). */
.footer-area .cdf .cdf-h{
  position:relative;
  margin:0 0 18px;padding:0 0 14px;
  font-size:13.5px;font-weight:700;line-height:1.3;  /* бяха 11,5 px — по-малки от линковете (собственикът 03.10) */
  letter-spacing:.14em;text-transform:uppercase;
  color:var(--d-ink);
}
.footer-area .cdf .cdf-h::before,
.footer-area .cdf .cdf-h::after{content:"";position:absolute;bottom:0;height:2px}
.footer-area .cdf .cdf-h::before{left:0;width:110px;background:rgba(255,255,255,.13)}
.footer-area .cdf .cdf-h::after{left:18px;width:32px;background:var(--d-red);transition:width .2s ease}
.footer-area .cdf .cdf-h a{color:var(--d-ink)}
/* „Блог“ при посочване: бяло (червен текст на 11,5 px дава само 3,8:1), а червеното
   парче под него се удължава. */
.footer-area .cdf .cdf-h a:hover,
.footer-area .cdf .cdf-h a:focus-visible{color:#fff}
.footer-area .cdf .cdf-h:has(> a:hover)::after,
.footer-area .cdf .cdf-h:has(> a:focus-visible)::after{width:46px}

/* Редовете са сбити (стъпка ~27 px); полето за пръст идва от вертикалния padding на линка, не от празнина. */
.footer-area .cdf ul.cdf-list{display:flex;flex-direction:column;gap:0}
.footer-area .cdf .cdf-list a{display:inline-flex;align-items:baseline;padding:3px 0;font-size:15px;line-height:1.45;color:var(--d-link)}
.footer-area .cdf .cdf-list a:hover,
.footer-area .cdf .cdf-list a:focus-visible{color:#fff}
/* Червената стрелка ▸ пред всеки линк; при пренасяне текстът остава под текста. */
.footer-area .cdf .cdf-list a i{flex:0 0 8px;width:8px;margin-right:10px;color:var(--d-red);font-size:12px;line-height:1;transition:transform .18s ease}
.footer-area .cdf .cdf-list a span{min-width:0}
.footer-area .cdf .cdf-list a:hover i{transform:translateX(3px)}

/* ---------- Долната лента: червената линия е ТУК, долу ----------
   1 px и от край до край на екрана, както в стария футър (собственикът, 02.10).
   „Общи условия · Политика за поверителност“ стъпват на ПЪРВИЯ ред („© … Всички права
   запазени…“) — align-items:baseline подравнява първите базови линии (двата текста са 14 px);
   „КАРСДИРЕКТ ООД“ остава под него като подпис. */
.footer-area .cdf .cdf-bottom{border-top:1px solid var(--d-red)}
.footer-area .cdf .cdf-bottom-in{
  position:relative;
  display:flex;align-items:baseline;justify-content:space-between;
  flex-wrap:wrap;gap:10px 28px;
  padding-top:24px;padding-bottom:26px;
  font-size:13px;line-height:1.5;color:var(--d-mute);
}
.footer-area .cdf ul.cdf-legal{display:flex;align-items:center;flex-wrap:wrap;gap:6px 0}
.footer-area .cdf .cdf-legal li{display:flex;align-items:center}
.footer-area .cdf .cdf-legal li + li::before{content:"";width:4px;height:4px;margin:0 14px;border-radius:50%;background:var(--d-red)}  /* червената точка — като стрелките ▸ (собственикът, 02.10) */
.footer-area .cdf .cdf-legal a{color:var(--d-mute)}
.footer-area .cdf .cdf-legal a:hover{color:#fff}

/* ---------- Таблет ---------- */
@media (max-width:1099px){
  .footer-area .cdf .cdf-main{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:40px;row-gap:0;padding:48px 0 52px}
  /* Контактите на цял ред: данните вляво, мрежите и Viber групата вдясно. */
  .footer-area .cdf .cdf-reach{grid-column:1/-1;display:flex;justify-content:space-between;align-items:flex-start;gap:32px;padding-bottom:40px;margin-bottom:40px;border-bottom:1px solid var(--d-line)}
  .footer-area .cdf .cdf-connect{margin-top:0;align-items:flex-end}
}

/* ---------- Телефон ---------- */
@media (max-width:767px){
  .footer-area .cdf{
    background:
      radial-gradient(360px 260px at 100% 0%, rgba(225,29,42,.085) 0%, rgba(225,29,42,.03) 50%, rgba(225,29,42,0) 75%),
      linear-gradient(180deg,#14171C 0%,#0A0B0D 100%);
  }
  .footer-area .cdf .cdf-wrap{padding:0 16px}
  .footer-area .cdf .cdf-main{display:block;padding:36px 0 40px}
  .footer-area .cdf .cdf-reach{display:block;padding-bottom:32px;margin-bottom:32px}
  .footer-area .cdf .cdf-connect{align-items:flex-start;margin-top:26px;gap:16px}
  .footer-area .cdf .cdf-col + .cdf-col{margin-top:30px}
  .footer-area .cdf .cdf-h{margin-bottom:15px;padding-bottom:13px;font-size:13px}
  .footer-area .cdf .cdf-list a{font-size:14px}
  .footer-area .cdf .cdf-list a i{margin-right:9px}
  .footer-area .cdf .cdf-bottom-in{flex-direction:column;align-items:flex-start;gap:10px;padding-top:20px;padding-bottom:24px}
  /* Без точката-разделител: при пренасяне тя би застанала в началото на реда. */
  .footer-area .cdf ul.cdf-legal{gap:6px 22px}
  .footer-area .cdf .cdf-legal li + li::before{display:none}
}
/* Колоните една под друга; „Внос на коли“ и „Информация“ — в две колонки, подравнени една
   с друга. Редът е по колони (надолу, после вдясно) — като в HTML: вляво Германия, Австрия,
   Италия, Швейцария; вдясно Европа, Корея, Америка, Канада. Лявата колонка е малко по-широка,
   защото там е най-дългото име („Коли от Швейцария“ — 157 px): така и на 360 px нищо не се
   пренася. Броят редове следва броя линкове (8 → 4, 5 → 3, 6 → 3).
   „Информация“ е 5 с „VIN проверка“, 4 без нея (siteLink() е null) — оттам и :has() по-долу.
   Под 360 px двете колонки са по-тесни от имената — там списъците остават в една колонка.
   „Блог“ минава на две колонки едва от 520 px: имената му не се побират в половин ширина. */
@media (min-width:360px) and (max-width:767px){
  .footer-area .cdf .cdf-col-vnos ul.cdf-list,
  .footer-area .cdf .cdf-col-info ul.cdf-list{display:grid;grid-auto-flow:column;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);column-gap:16px;row-gap:0}
  .footer-area .cdf .cdf-col-vnos ul.cdf-list{grid-template-rows:repeat(4,auto)}
  .footer-area .cdf .cdf-col-info ul.cdf-list{grid-template-rows:repeat(3,auto)}
  /* Без VIN линка остават 4 — 2 реда, иначе 3 + 1. Браузър без :has() пропуска реда и
     остава на 3 — верният брой за обичайния случай. */
  .footer-area .cdf .cdf-col-info ul.cdf-list:not(:has(> li:nth-child(5))){grid-template-rows:repeat(2,auto)}
}
@media (min-width:520px) and (max-width:767px){
  .footer-area .cdf .cdf-col-blog ul.cdf-list{display:grid;grid-auto-flow:column;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);grid-template-rows:repeat(3,auto);column-gap:16px;row-gap:0}
}

@media (prefers-reduced-motion:reduce){
  .footer-area .cdf a,
  .footer-area .cdf .cdf-list a i,
  .footer-area .cdf .cdf-h::after{transition:none}
  .footer-area .cdf .cdf-list a:hover i{transform:none}
}

/* Долната лента (собственикът, 02.10): „© … Всички права запазени. Всички цени са с включен ДДС.“, а ПОД него
   „КАРСДИРЕКТ ООД“ — малко по-плътно, но не едро (15,5 px/700 му дойде „много голямо и дебело“). */
.footer-area .cdf .cdf-copy{display:flex;flex-direction:column;gap:4px}
.footer-area .cdf .cdf-firm{font-size:13.5px;font-weight:600;letter-spacing:.03em;line-height:1.4;color:#DDE1E7}
.footer-area .cdf .cdf-rights{font-size:14px;line-height:1.5;color:#A3ABB8}
.footer-area .cdf ul.cdf-legal a{font-size:14px}

/* Montserrat е по-широк от шрифта, с който е правен вариантът: на 360–389 px (обичайните
   телефони) „Коли от Швейцария“, „Коли от Америка“ и „Стани партньор“ се пренасяха. Малко по-ситно
   и по-близо — само там. */
@media (min-width:360px) and (max-width:389px){
  .footer-area .cdf .cdf-col-vnos ul.cdf-list,
  .footer-area .cdf .cdf-col-info ul.cdf-list{column-gap:10px}
  .footer-area .cdf .cdf-list a{font-size:13px}
  .footer-area .cdf .cdf-list a i{margin-right:7px}
}

/* Линковете са 15 px (собственикът, 02.10: „малко по-голям шрифт“). На по-тесни екрани колоните не
   стигат за най-дългите имена в Montserrat („Пазар, цени и тенденции“, „VIN проверки и история“) —
   там по-малко разстояние между колоните, а на таблета и малко по-ситно. */
@media (min-width:1100px) and (max-width:1279px){
  .footer-area .cdf .cdf-main{column-gap:36px}
}
@media (min-width:768px) and (max-width:1099px){
  .footer-area .cdf .cdf-main{column-gap:28px}
  .footer-area .cdf .cdf-list a{font-size:14px}
  .footer-area .cdf .cdf-list a i{margin-right:8px}
}

/* Проверка 02.10 — поправки:
   1) Плаващият бутон на чата (cd-chat.js, 58 px на 14–20 px от ъгъла) и „Нагоре“ в блога заставаха
      върху „Политика за поверителност“, когато страницата е превъртяна докрай (под ~1300 px и на
      телефон). Долната лента оставя празно място вдясно колкото бутона. */
@media (max-width:1299px){
  .footer-area .cdf .cdf-bottom-in{padding-right:96px}
}
/* 2) Телефонът не реагираше при посочване (правилото му за цвят е по-силно от общото :hover);
      телефон и имейл — бели с червено подчертаване. */
.footer-area .cdf .cdf-contact li a:hover,
.footer-area .cdf .cdf-contact li a:focus-visible,
.footer-area .cdf .cdf-contact li.cdf-contact-phone a:hover,
.footer-area .cdf .cdf-contact li.cdf-contact-phone a:focus-visible{color:#fff;text-decoration:underline;text-decoration-color:var(--d-red);text-decoration-thickness:2px;text-underline-offset:5px}
/* 3) Таблет: „Блог“ има най-дългите имена — взима място от „Информация“ (там е излишно). */
@media (min-width:768px) and (max-width:1099px){
  .footer-area .cdf .cdf-main{grid-template-columns:minmax(0,1fr) minmax(0,1.18fr) minmax(0,.82fr)}
}
/* 4) 1100–1279 px: адресът ставаше на 3 реда в по-тясната първа колона. */
@media (min-width:1100px) and (max-width:1279px){
  .footer-area .cdf .cdf-contact li.cdf-contact-addr{font-size:13.5px}
}
/* 5) Рубриките на блога идват от базата — броят редове в двете колонки на телефона го подава
      Blade (--rows), за да не се свиват колонките при седма рубрика. */
@media (min-width:520px) and (max-width:767px){
  .footer-area .cdf .cdf-col-blog ul.cdf-list{grid-template-rows:repeat(var(--rows,3),auto)}
}
@media (max-width:767px){
  .footer-area .cdf .cdf-bottom-in{padding-right:84px}
}