/* ==========================================================================
   Yeni dizayn (v2) — köhnə şablonların və qt-abune ekranlarının yeni
   görünüşə uyğunlaşdırılması. Hər səhifə öz mərhələsində yenidən qurulana
   qədər məzmun bu fayl ilə yeni brendə yaxınlaşdırılır.
   Yalnız yeni dizayn açıq olanda yüklənir.
   ========================================================================== */

/* Başlıqlar: Archivo-nun dar kəsimi — yeni dizaynın imzası */
.qv h1, .qv h2, .qv h3 { font-family: var(--qv-f-ui); font-stretch: 82%; font-weight: 800; letter-spacing: -.006em; color: var(--qv-navy); }
.qv h1 { font-stretch: 78%; }

/* Köhnə düymələr yeni düymə kimi */
.qv .qtt-btn {
  min-height: 48px; border-radius: 10px; font-weight: 700; font-stretch: 94%;
  background: var(--qv-blue); color: #fff; box-shadow: none;
}
.qv .qtt-btn:hover { background: var(--qv-blue-3); color: #fff; }
.qv .qtt-btn--ghost, .qv .qtt-btn--quiet { background: var(--qv-paper); color: var(--qv-navy); box-shadow: inset 0 0 0 1.5px var(--qv-line); }
.qv .qtt-btn--ghost:hover, .qv .qtt-btn--quiet:hover { background: var(--qv-paper); color: var(--qv-navy); box-shadow: inset 0 0 0 1.5px var(--qv-blue); }

/* Səhifə fonu: məzmun sahəsi açıq boz, kartlar ağ — köhnə kartlar seçilsin */
.qv .qv-scr { background: var(--qt-bg); }

/* Etiketlər (kiçik böyük hərfli yazılar) loqonun şrifti ilə */
.qv .qtt-eyebrow, .qv .qtt-kicker { font-family: var(--qv-f-brand); letter-spacing: .1em; font-weight: 600; }

/* qt-abune modul kartları (Qanun axtarışı, Hüquq ədəbiyyatı, PDF, Sınaq,
   Forum, Bizə yazın…): göy qradiyentlər yerinə brendin iki tonu, ikon
   altıbucaq içində — rəf, nişan və avatarlarla eyni dil. */
.qv .qt-mod-card,
.qv .qt-mod-card[class*="is-"] { background: var(--qv-blue); border-radius: 14px; box-shadow: none; }
.qv .qt-mod-card:nth-of-type(even) { background: var(--qv-navy); }
.qv .qt-mod-card::after { border-color: rgba(255, 255, 255, .07); }
.qv .qt-mod-card:hover { box-shadow: 0 16px 30px -16px rgba(10, 26, 59, .6); }
.qv .qt-mod-card .qt-mod-t b { font-family: var(--qv-f-ui); font-stretch: 90%; font-size: 1rem; }
.qv .qt-mod-card .qt-mod-t span { font-size: .8125rem; }
.qv .qt-mod-card .qt-mod-ic { flex: 0 0 40px; width: 40px; height: 44px; border-radius: 0; background: var(--qv-marker); color: var(--qv-navy); clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); }
.qv .qt-modal-head .qt-mod-ic,
.qv .qt-inline-box .qt-inline-head .qt-mod-ic { border-radius: 0; background: var(--qv-blue); color: #fff; clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); }

/* qt-abune şərh bloku və forum (`.qt-fr` / `.qt-forum`): bənövşəyi-çəhrayı
   qradiyent dəyişənləri brendin göy tonlarına bağlanır. Markup dəyişmir. */
.qv .qt-fr, .qv .qt-forum { --p: var(--qv-blue); --p2: var(--qv-blue-2); --soft: var(--qv-mist); --line: var(--qv-line); --ink: var(--qv-navy); --mute: var(--qv-mute); font-family: var(--qv-f-ui); }
.qv .qt-fr-btn, .qv .qt-fr-brand { background: var(--qv-blue); border-radius: 10px; }
.qv .qt-fr-btn:hover { background: var(--qv-blue-3); }
/* paylaşma zolağı və CTA qutusu */
.qv .qt-share { --c-line: var(--qv-line); --c-ink: var(--qv-navy); border-radius: 14px; }
.qv .qt-cta { --c-ink: var(--qv-navy); --c-muted: var(--qv-mute); --c-line: var(--qv-line); --c-blue: var(--qv-blue); --c-navy: var(--qv-blue-3); border-radius: 16px; box-shadow: none; }

/* ---------- günün sualı (plagin daily.css üstündə; köhnə plugin-skin.css ana səhifə və arxivlərdə yüklənmir) ---------- */
.qv .qt-dqs { border-radius: 16px; border-color: var(--qv-line); box-shadow: none; font-family: var(--qv-f-ui); }
/* nişan daralır (… ilə kəsilir): plaginin flex:0 0 auto qaydası uzun kateqoriya adını tam enində saxlayıb kartı genişləndirirdi */
.qv .qt-dqs-chip { flex: 0 1 auto; min-width: 0; background: var(--qv-sky); color: var(--qv-blue-3); }
.qv .qt-dqs-dot { background: var(--qv-line); }
.qv .qt-dqs-dot.on, .qv .qt-dqs-dot.is-on, .qv .qt-dqs-dot.done { background: var(--qv-blue); }
.qv .qt-dqs-q { font-family: var(--qv-f-law); font-size: 1.0625rem; line-height: 1.55; }
.qv .qt-dqs-opt { border-radius: 12px; background: var(--qv-paper); border-color: var(--qv-line); }
.qv .qt-dqs-opt i { background: var(--qv-navy); }
.qv .qt-dqs-opt.ok, .qv .qt-dqs-opt.correct, .qv .qt-dqs-opt.is-ok { border-color: var(--qv-ok); background: var(--qv-ok-bg); }
.qv .qt-dqs-opt.bad, .qv .qt-dqs-opt.wrong, .qv .qt-dqs-opt.is-bad { border-color: var(--qv-bad); background: var(--qv-bad-bg); }
.qv .qt-dqs-cta { background: var(--qv-sky); background-image: none; border-color: var(--qv-soft); border-radius: 12px; }
.qv .qt-dqs-btn { background: var(--qv-blue) !important; background-image: none !important; border-radius: 10px; box-shadow: none; }
.qv .qt-dqs-score b, .qv .qt-dqs-count b { font-stretch: 80%; font-weight: 800; }

.qv .qt-dqs-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin: 2px 0 8px; }

@supports not (aspect-ratio: 1) {
 .qv .qt-dqs-head > * { margin-right: 8px; }
 .qv .qt-dqs-head > :last-child:not(:first-child) { margin-right: 0; } }
.qv .qt-dqs-title { display: inline-flex; flex: none; align-items: center; gap: 6px; margin: 0; font-size: .875rem; font-weight: 700; color: #8A5A00; white-space: nowrap; }
@supports not (aspect-ratio: 1) {
 .qv .qt-dqs-title > * { margin-right: 6px; }
 .qv .qt-dqs-title > :last-child:not(:first-child) { margin-right: 0; } }
.qv .qt-dqs-opts { display: grid; grid-gap: 8px; gap: 8px; margin: 0 0 12px; padding: 0; list-style: none; }
.qv .qt-dqs-opt { font-family: var(--qv-f-ui); font-size: .9375rem; }

/* ---- Yekun baxış: plaginin qalan qradiyent/bənövşəyi elementləri brend rənginə (yalnız yeni dizayn) ---- */
.qv .qt-comments::before { background: var(--qv-blue); }
.qv .qt-comments .qt-comments-submit .qt-btn, .qv .qt-comments #submit, .qv .qt-comments .comment-form .submit { background: var(--qv-blue) !important; background-image: none !important; border-radius: 12px !important; box-shadow: none !important; font-family: var(--qv-f-ui) !important; }
.qv .qt-comments .qt-comments-submit .qt-btn:hover, .qv .qt-comments #submit:hover { background: var(--qv-blue-3) !important; }
.qv .qt-comments .qt-comments-login { background: var(--qv-mist); border-color: var(--qv-line); }
.qv .qt-comments .qt-comments-login .qt-btn { background: var(--qv-blue); background-image: none; border-radius: 12px; box-shadow: none; }
.qv .qt-comments .qt-badge.premium { background: var(--qv-marker); background-image: none; color: var(--qv-navy); }
.qv .qt-comments .qt-comment.is-author > .qt-comment-in { background: var(--qv-mist); border-color: var(--qv-line); }
.qv .qt-cta::before { background: var(--qv-blue); }
.qv .qt-cta-preview { background: var(--qv-mist); }
.qv .qt-cta-badge { background: var(--qv-marker); background-image: none; color: var(--qv-navy); }
.qv .qt-cta-btn { background: var(--qv-blue) !important; background-image: none !important; box-shadow: none !important; border-radius: 12px !important; }
.qv .qt-cta-btn:hover { background: var(--qv-blue-3) !important; }
.qv .qt-read-bar span { background: var(--qv-blue); }
.qv .qt-read-top.is-done .qt-read-bar span { background: var(--qv-ok); }
.qv .qt-read-resume { background: var(--qv-blue) !important; background-image: none !important; box-shadow: none !important; }
.qv #qt-pwa-banner .qt-pwa-add { background: var(--qv-blue); background-image: none; border-radius: 10px; }
.qv .qt-lbl-premium, body.qv .qt-lbl-premium { background: var(--qv-marker) !important; background-image: none !important; color: var(--qv-navy) !important; }
.qv .qt-lbl-free, body.qv .qt-lbl-free { background: var(--qv-ok) !important; background-image: none !important; }
.qv .qt-lbl-exam, body.qv .qt-lbl-exam, .qv .qt-lbl-article, body.qv .qt-lbl-article { background: var(--qv-navy) !important; background-image: none !important; }
.qv .qt-lbl-topic, body.qv .qt-lbl-topic { background: var(--qv-blue) !important; background-image: none !important; }
.qv .qt-search-btn, body.qv .qt-search .qt-search-btn { background: var(--qv-blue) !important; background-image: none !important; box-shadow: none !important; }
.qv .qt-mat { --qm-p: var(--qv-blue); --qm-p2: var(--qv-blue-3); --qm-soft: var(--qv-mist); --qm-line: var(--qv-line); --qm-ink: var(--qv-navy); border-color: var(--qv-line); border-radius: 16px; }
.qv .qt-ex-badge, .qv .qt-ex-btn { background: var(--qv-blue) !important; background-image: none !important; }
.qv .qt-ex-badge { background: var(--qv-marker) !important; color: var(--qv-navy) !important; }
.qv .qt-ex-tile, .qv .qt-ex-chip { background: var(--qv-sky); color: var(--qv-blue); }
.qv .qt-ex-box { border-radius: 20px; font-family: var(--qv-f-ui); }
.qv .qt-ex-skel span { background: linear-gradient(90deg, var(--qv-mist) 25%, var(--qv-sky) 37%, var(--qv-mist) 63%); background-size: 400% 100%; }
.qv .qt-ex-new { color: var(--qv-navy); font-stretch: 80%; }
.qv .qt-ex-plan.is-on, .qv .qt-ex-opt.is-on { border-color: var(--qv-blue); background: var(--qv-sky); }