/* ADway — світла тема публічних сторінок.
 *
 * Підключається після власних стилів сторінки й перевизначає їх. Сторінки
 * побудовані на спільному наборі змінних (--dark, --surface, --text, --muted,
 * --stroke), тож більшість правил перемикається самими змінними, а нижче —
 * лише те, що потребує іншої форми, а не лише іншого кольору.
 *
 * Палітра взята з логотипа: темно-синій текст, помаранчевий акцент, білий
 * простір. Помаранчевий лишається рідкісним — саме це й робить вигляд дорогим.
 */

:root{
    --brand:#F2690D;
    --brand2:#FF8A3D;
    --navy:#13233B;

    /* сторінки використовують ці імена як фон і поверхні */
    --dark:#FFFFFF;
    --surface:#FFFFFF;
    --surface2:#FFFFFF;

    --soft:#F6F8FA;
    --stroke:rgba(19,35,59,.10);
    --hair:rgba(19,35,59,.07);
    --text:#13233B;
    --muted:#69788C;
    --ok:#12B76A;
    --warn:#F79009;

    --radius:20px;
    --shadow-xs:0 1px 2px rgba(19,35,59,.04);
    --shadow:0 1px 2px rgba(19,35,59,.04), 0 18px 44px -24px rgba(19,35,59,.28);
    --shadow-lg:0 2px 6px rgba(19,35,59,.05), 0 30px 70px -32px rgba(19,35,59,.35);
}

/* ── Основа ──────────────────────────────────────────────────────────────── */

body{
    background:#FFFFFF !important;
    color:var(--text) !important;
    font-family:'Manrope', system-ui, -apple-system, sans-serif !important;
    font-size:16px !important;
    line-height:1.7 !important;
    font-feature-settings:'ss01' 1, 'cv11' 1;
    letter-spacing:-.005em;
}

/* Темне світіння з попередньої теми замінюємо ледь помітним теплим серпанком */
body::after{
    top:-320px !important;
    width:1100px !important;
    height:720px !important;
    background:radial-gradient(ellipse, rgba(242,105,13,.07) 0%, transparent 68%) !important;
}

::selection{background:rgba(242,105,13,.18);color:var(--text)}

/* ── Шапка ───────────────────────────────────────────────────────────────── */

nav{
    background:rgba(255,255,255,.82) !important;
    border-bottom:1px solid var(--hair) !important;
    backdrop-filter:saturate(180%) blur(14px) !important;
    padding:16px 28px !important;
}
nav .logo img{filter:none !important;opacity:1 !important}
nav .nav-links{gap:26px !important;font-size:14.5px !important;font-weight:500 !important}
nav .nav-links a{color:var(--muted) !important;transition:color .18s ease}
nav .nav-links a:hover{color:var(--text) !important}

/* ── Шапка сторінки ──────────────────────────────────────────────────────── */

.hero{padding:76px 20px 54px !important}
.hero-label{
    background:rgba(242,105,13,.09) !important;
    border:1px solid rgba(242,105,13,.20) !important;
    color:var(--brand) !important;
    font-weight:700 !important;
    letter-spacing:.14em !important;
    text-transform:uppercase;
    font-size:11.5px !important;
    padding:8px 18px !important;
}
.hero h1{
    color:var(--text) !important;
    font-weight:800 !important;
    letter-spacing:-.035em !important;
    line-height:1.08 !important;
    font-size:clamp(34px, 5.6vw, 60px) !important;
    text-shadow:none !important;
}
.hero h1 em{color:var(--brand) !important;font-style:normal}
.hero p, section.block > .lead{color:var(--muted) !important;font-size:17px !important}

/* ── Секції й заголовки ──────────────────────────────────────────────────── */

section.block{padding:54px 0 !important}
section.block > h2{
    color:var(--text) !important;
    font-weight:800 !important;
    letter-spacing:-.028em !important;
    font-size:clamp(23px, 3vw, 32px) !important;
}

/* ── Картки й панелі ─────────────────────────────────────────────────────── */

.card, .panel, .form-card{
    background:#FFFFFF !important;
    border:1px solid var(--stroke) !important;
    border-radius:var(--radius) !important;
    box-shadow:var(--shadow) !important;
}
.panel, .form-card{padding:30px !important}
.card{padding:24px !important;transition:transform .2s ease, box-shadow .2s ease}
.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg) !important}
.card h3, .panel h3, .form-card h2{color:var(--text) !important;letter-spacing:-.018em !important;font-weight:700 !important}
.card p, .panel p, .panel li, .form-card .subtitle{color:var(--muted) !important}
.card a{color:var(--brand) !important;font-weight:600}
.panel li::marker{color:var(--brand) !important}

/* ── Пари «назва — значення» ─────────────────────────────────────────────── */

.kv{border-bottom:1px solid var(--hair) !important;padding:13px 0 !important}
.kv > span{color:var(--muted) !important}
.kv > b{color:var(--text) !important;font-weight:700 !important}

/* ── Таблиця тарифів ─────────────────────────────────────────────────────── */

table.tar th{
    color:var(--muted) !important;
    background:var(--soft) !important;
    font-size:11.5px !important;
    text-transform:uppercase;
    letter-spacing:.06em;
    font-weight:700 !important;
}
table.tar th, table.tar td{border-bottom:1px solid var(--hair) !important;padding:14px 16px !important}
table.tar td{color:var(--text) !important}

/* ── Перелік послуг ──────────────────────────────────────────────────────── */

.svc-item{border-bottom:1px solid var(--hair) !important;padding:22px 0 !important}
.svc-name{color:var(--text) !important;font-weight:700 !important;letter-spacing:-.015em}
.svc-desc{color:var(--muted) !important}
.svc-price b{color:var(--brand) !important;font-weight:800 !important}
.svc-price span{color:var(--muted) !important}

/* ── Оплата ──────────────────────────────────────────────────────────────── */

.pay-chip{
    background:#FFFFFF !important;
    border:1px solid var(--stroke) !important;
    color:var(--text) !important;
    font-weight:600 !important;
    box-shadow:var(--shadow-xs) !important;
}
.pay-liqpay{
    background:var(--soft) !important;
    border:1px solid var(--hair) !important;
    border-radius:14px !important;
}
.pay-liqpay img{filter:none !important;opacity:1 !important}

/* ── Примітки ────────────────────────────────────────────────────────────── */

.note{
    background:var(--soft) !important;
    border:1px solid var(--hair) !important;
    border-radius:14px !important;
    color:var(--muted) !important;
}

/* ── Форма звернення ─────────────────────────────────────────────────────── */

.cat-pill, .prio-btn{
    background:#FFFFFF !important;
    border:1px solid var(--stroke) !important;
    color:var(--muted) !important;
    font-weight:600 !important;
    transition:.18s ease;
}
.cat-pill:hover, .prio-btn:hover{border-color:rgba(242,105,13,.35) !important;color:var(--text) !important}
.cat-pill.active, .prio-btn.active{
    background:var(--brand) !important;
    border-color:var(--brand) !important;
    color:#FFFFFF !important;
    box-shadow:0 6px 18px -8px rgba(242,105,13,.8) !important;
}
.field label{color:var(--muted) !important;font-weight:600 !important}
.field input, .field textarea, input[type=email], input[type=password], input[type=number]{
    background:#FFFFFF !important;
    border:1px solid var(--stroke) !important;
    color:var(--text) !important;
    border-radius:13px !important;
    box-shadow:var(--shadow-xs) !important;
}
.field input::placeholder, .field textarea::placeholder{color:#9AA7B8 !important}
.field input:focus, .field textarea:focus, input:focus{
    border-color:rgba(242,105,13,.55) !important;
    box-shadow:0 0 0 4px rgba(242,105,13,.12) !important;
    outline:none !important;
}

.submit, .btn{
    background:var(--brand) !important;
    color:#FFFFFF !important;
    border:0 !important;
    font-weight:700 !important;
    box-shadow:0 10px 24px -12px rgba(242,105,13,.9) !important;
    transition:.18s ease;
}
.submit:hover, .btn:hover{background:#DD5D08 !important;filter:none !important;transform:translateY(-1px)}
.submit:disabled{background:#D7DEE7 !important;color:#8A97A8 !important;box-shadow:none !important}
.btn-ghost{
    background:#FFFFFF !important;
    border:1px solid var(--stroke) !important;
    color:var(--muted) !important;
    box-shadow:var(--shadow-xs) !important;
}
.btn-ghost:hover{background:var(--soft) !important;color:var(--text) !important}

/* ── Повідомлення ────────────────────────────────────────────────────────── */

.msg, .msg-ok{background:rgba(18,183,106,.08) !important;border:1px solid rgba(18,183,106,.22) !important;color:#047C4C !important}
.msg.err, .msg-err{background:rgba(240,68,56,.07) !important;border:1px solid rgba(240,68,56,.22) !important;color:#B42318 !important}
.done .tid{background:var(--soft) !important;border:1px solid var(--stroke) !important;color:var(--text) !important}

/* ── Кабінет ─────────────────────────────────────────────────────────────── */

.ava{background:rgba(242,105,13,.10) !important;color:var(--brand) !important}
.chip{background:rgba(242,105,13,.10) !important;color:var(--brand) !important;font-weight:700 !important}
.bal b{color:var(--text) !important;letter-spacing:-.03em !important}
.dim{color:var(--muted) !important}
th{color:var(--muted) !important}
td{border-top:1px solid var(--hair) !important}

/* ── Юридичні сторінки (оферта, конфіденційність) ────────────────────────── */

/* Власні стилі цих сторінок задають колір тексту числом, а не змінною, —
 * світло-сірим під темну тему, тож на білому він майже не читався.
 * Основний текст трохи мʼякший за заголовки: довгий документ читати легше,
 * коли абзаци не такі чорні, як рубрики. */
.doc h1, .doc h2{
    font-family:'Manrope', system-ui, -apple-system, sans-serif !important;
    color:var(--text) !important;
    font-weight:800 !important;
}
.doc h1{letter-spacing:-.03em !important;line-height:1.15 !important}
.doc h3{color:var(--text) !important}
.doc p, .doc ul, .doc ol{color:#33425A !important}
.doc .sub, .doc .upd{color:var(--muted) !important}
/* Номери пунктів — темні, а не помаранчеві: їх на сторінці майже дві сотні. */
.doc b.n{color:var(--text) !important}
.doc a{color:var(--brand) !important}

.doc .toc{background:var(--soft) !important;border:1px solid var(--hair) !important}
.doc .toc ol{color:var(--muted) !important}
.doc .toc a{color:var(--text) !important}
.doc .toc a:hover{color:var(--brand) !important}

.doc .box{
    background:#FFFFFF !important;
    border:1px solid var(--stroke) !important;
    border-radius:var(--radius) !important;
    box-shadow:var(--shadow) !important;
}
.todo{background:rgba(247,144,9,.12) !important;border-color:rgba(247,144,9,.45) !important;color:#B54708 !important}

/* ── Підвал ──────────────────────────────────────────────────────────────── */

footer{
    background:var(--soft) !important;
    border-top:1px solid var(--hair) !important;
    color:var(--muted) !important;
    padding:38px 24px !important;
}
footer a{color:var(--muted) !important}
footer a:hover{color:var(--text) !important}

/* ── Дрібниці ────────────────────────────────────────────────────────────── */

a{color:var(--brand)}
hr{border-color:var(--hair) !important}
code{background:var(--soft) !important;color:var(--text) !important;border:1px solid var(--hair);
     border-radius:6px;padding:1px 6px;font-size:.92em}

@media (max-width:640px){
    .panel, .form-card{padding:22px !important}
    section.block{padding:38px 0 !important}
    .hero{padding:52px 18px 38px !important}
}