@import url('https://fonts.googleapis.com/css2?family=Unbounded:wght@600;700&family=Commissioner:wght@400;500;600;700&display=swap&subset=cyrillic,latin');

/* ===== Site C — «Иберия Отзывы» (indigo/violet) ===== */
/* Загружается ПОСЛЕ базы и переопределяет её. */

:root{
  --blue:#5b3fd6;
  --blue-hover:#4a2fc0;
  --pale:#efecfb;
  --paper:#ffffff;
  --surface:#ffffff;
  --line:#e7e3f3;
  --night:#241b4d;
  --radius:20px;
}

/* ---- Типографика ---- */
body{font-family:'Commissioner',sans-serif;background:var(--paper);color:var(--ink)}
h2,h3{font-family:'Commissioner',sans-serif;letter-spacing:-.02em}
h1{font-family:'Unbounded',sans-serif;font-weight:700;font-size:clamp(30px,3.6vw,48px);letter-spacing:-.02em;line-height:1.1}

/* ---- Фокус (база #ff9b5e → индиго) ---- */
:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
.segmented input:focus-visible+span,
.option input:focus-visible+span,
.search input:focus-visible{outline:3px solid var(--blue)}

/* ---- Шапка: тёмная индиго-полоса, липкая ---- */
.site-header{background:var(--night);border-bottom:1px solid #352a66}
.logo{font-family:'Unbounded',sans-serif;font-weight:700;color:#ffffff;letter-spacing:-.01em}
.logo span{color:#b9a8ff}
.head nav a{color:#d9d3f3;transition:color .18s}
.head nav a:hover{color:#ffffff}
/* CTA в шапке — белый контур-пилюля на тёмном */
.site-header .head>.btn,
.site-header .head .btn.secondary{
  background:transparent;color:#ffffff;border:1px solid rgba(255,255,255,.55);
  border-radius:999px
}
.site-header .head>.btn:hover,
.site-header .head .btn.secondary:hover{
  background:rgba(255,255,255,.12);border-color:#ffffff;color:#ffffff
}
/* Бургер на тёмной шапке */
.menu-toggle{border:1px solid rgba(255,255,255,.5);color:#ffffff;background:transparent}
.menu-toggle:hover{background:rgba(255,255,255,.12)}
/* Мобильная навигация на тёмном фоне */
.mobile-nav{background:var(--night);border-top:1px solid #352a66}
.mobile-nav a{color:#d9d3f3}
.mobile-nav a:hover{color:#ffffff}

/* ---- Кнопки: пилюли ---- */
.btn{border-radius:999px;background:var(--blue);color:#fff;border:1px solid transparent;transition:background .2s,transform .2s,box-shadow .2s}
.btn:hover{background:var(--blue-hover)}
.btn.secondary{background:var(--surface);border-color:var(--blue);color:var(--blue);border-radius:999px}
.btn.secondary:hover{background:var(--pale);border-color:var(--blue-hover)}
.btn.subtle{background:var(--pale);color:var(--blue);border-radius:999px}

/* ---- Первый экран: фото-полоса + белая карточка копирайта ---- */
.hero{background:var(--pale);border-radius:24px;padding:52px 44px}
.hero:before{
  content:'';position:absolute;inset:0;z-index:-1;
  background:linear-gradient(90deg,rgba(36,27,77,.28) 0%,rgba(36,27,77,.10) 42%,rgba(36,27,77,0) 72%)
}
.hero-copy{
  max-width:620px;background:var(--surface);border-radius:20px;
  padding:34px 34px 30px;box-shadow:0 18px 50px rgba(36,27,77,.16)
}
.hero-copy>p{color:#4a4066}
.eyebrow{color:var(--blue)}

/* ---- Поиск ---- */
.search{border:1px solid #d6cdf0;border-radius:14px;background:var(--surface)}
.search-result{border:1px solid var(--line);border-radius:14px;box-shadow:0 10px 30px rgba(36,27,77,.08)}
.search-result a{color:var(--blue)}

/* Подсказки поиска */
.search-suggest{border:1px solid var(--line);box-shadow:0 14px 36px rgba(36,27,77,.16)}
.search-suggest .sugg:hover,
.search-suggest .sugg[aria-selected="true"]{background:var(--pale)}
.search-suggest .sugg img,.sugg-mono{background:var(--pale)}
.sugg-mono{color:var(--blue)}
.sugg-note{color:#4a4066}

/* ---- Квиз-интро / сегменты / опции ---- */
.quiz-intro{border:1px solid var(--line);border-radius:18px;box-shadow:0 14px 40px rgba(36,27,77,.10)}
.segmented input:checked+span{background:#ddd4f8;color:var(--blue-hover)}
.option input:checked+span{background:var(--pale);border-color:var(--blue);color:var(--blue)}
.option input{accent-color:var(--blue)}

/* ---- Featured ---- */
.featured{border:1px solid var(--line);border-radius:20px;box-shadow:0 6px 24px rgba(36,27,77,.08)}
.brand-icon{background:var(--pale)}
.brand-icon.mono{color:var(--blue)}

/* ---- Карточки компаний: без рамки, мягкая тень ---- */
.company-card{
  border:0;border-radius:20px;background:var(--surface);
  box-shadow:0 6px 24px rgba(36,27,77,.08);
  transition:transform .2s ease,box-shadow .2s ease
}
.company-card:hover{transform:translateY(-3px);box-shadow:0 14px 38px rgba(36,27,77,.14)}
.company-card h2 a:hover,.company-card h3 a:hover{color:var(--blue)}
.card-link{-webkit-tap-highlight-color:rgba(91,63,214,.14);transition:background-color .15s}
.company-card .card-link:hover{background:var(--pale)}
.company-card .card-link:hover h2,.company-card .card-link:hover h3{color:var(--blue)}
.company-card .card-link:active{background:#e3dbf7}
.company-card .card-link:focus-visible{outline:3px solid var(--blue);outline-offset:2px}

/* ---- Счётчик отзывов ---- */
.count-badge{background:#e6e0fa;color:var(--blue-hover)}
.count-badge.is-zero{background:#f4f2fb;color:#6b6386;border:1px solid var(--line)}

/* ---- Проверки / процессы ---- */
.check:before{color:var(--blue)}
.steps li:before{color:var(--blue)}

/* ---- Профиль-навигация ---- */
.profile-nav{border-bottom:1px solid var(--line)}
.profile-nav a{background:var(--pale);color:var(--blue)}
.profile-nav a:hover{background:#e3dbf7}

/* ---- Рейтинг ---- */
.rating input:checked+span{background:var(--blue);color:#fff}
.rating span{border:1px solid #d6cdf0}
.rating input:focus-visible+span{outline:3px solid var(--night)}

/* ---- Статусы: verified ОСТАВЛЯЕМ зелёной ---- */
/* (не трогаем .status.is-verified цвет) */

/* ---- Тёмный блок ---- */
.dark{background:var(--night);border-radius:22px}
.dark .eyebrow,.dark a{color:#b9a8ff}

/* ---- Consult-strip ---- */
.consult-strip{background:var(--pale);border-radius:20px}

/* ---- FAQ ---- */
.faq summary:after{color:var(--blue)}

/* ---- Прочие ссылки/акценты ---- */
.text-link{color:var(--blue)}
.head nav a:hover,.text-link:hover{color:var(--blue)}
.breadcrumbs a{color:var(--blue)}
.company-hero{border:1px solid var(--line);border-radius:22px}
.notice{background:var(--pale);border:1px solid var(--line);color:#4a4066}
.notice strong{color:var(--night)}
.summary-list span{background:var(--pale)}
.review-card{border:1px solid var(--line);border-radius:16px}
.review-card footer a{color:var(--blue)}
.report-box{border:1px solid var(--line);border-radius:16px}
.sources-tg summary{color:var(--blue)}
.tg-list a{color:var(--blue)}
.consent input,.demo-consent input{accent-color:var(--blue)}
.consent a{color:var(--blue)}
[data-form-result]:not(:empty){background:var(--pale)}
.field input,.field select,.field textarea{border:1px solid #d6cdf0;border-radius:10px}
.field select{background:var(--paper);border:1px solid #d6cdf0}
.form-shell{border:1px solid var(--line);border-radius:18px}
.quiz{border:1px solid var(--line);border-radius:20px}
.progress i.done{background:var(--blue)}
.empty{border:1px solid var(--line);border-radius:20px;background:#f7f5fd}

/* Статус формы is-loading (база голубая → индиго) */
.form-status.is-loading{background:var(--pale);color:var(--night)}

/* ---- Жалоба: тематичная пилюля ---- */
.btn.report-btn{background:var(--pale);color:var(--blue);border-color:#d6cdf0;border-radius:999px}
.btn.report-btn:hover{background:#e3dbf7;border-color:var(--blue)}

/* ---- Скриншоты/лайтбокс фокус ---- */
.shot-thumb:focus-visible,.company-card .card-link:focus-visible{outline:3px solid var(--blue)}

/* ---- Футер: светлый, индиго-акцент, верхняя граница в акценте ---- */
.footer{border-top:3px solid var(--blue);background:var(--paper)}
.footer a:hover{color:var(--blue)}
.footer h3{color:var(--night)}
.footer-bottom{border-top:1px solid var(--line)}

/* ---- Мобильные правки ---- */
@media(max-width:720px){
  .hero{padding:28px 18px}
  .hero-copy{padding:22px 20px 20px;max-width:none}
  .hero:before{background:linear-gradient(180deg,rgba(36,27,77,.22) 0,rgba(36,27,77,.06) 200px,rgba(239,236,251,0) 340px)}
  .sticky-cta{background:rgba(255,255,255,.96);border-top:1px solid var(--line)}
}