/* ══════════════════════════════════════════════════════════════
   EHM — sayt geneli premium qat (landing + çat ilə eyni dil)
   Hər səhifənin öz CSS-indən SONRA yüklənir: main.css, auth.css,
   menbe.css, qiymetler.css. Mövcud fayllara toxunulmur.
   ══════════════════════════════════════════════════════════════ */

:root:not([data-theme="light"]) {
    /* main.css / auth.css */
    --primary:        #a78bfa;
    --primary-dark:   #8b5cf6;
    --primary-light:  #c4b5fd;
    --bg:             #07050d;
    --bg-card:        rgba(20, 14, 36, 0.62);
    --bg-card2:       rgba(28, 20, 50, 0.55);
    --bg-white:       rgba(20, 14, 36, 0.62);
    --text-dark:      #ECE8F7;
    --text-mid:       rgba(236, 232, 247, 0.72);
    --text-light:     rgba(236, 232, 247, 0.52);
    --text-muted:     rgba(236, 232, 247, 0.38);
    --border:         rgba(167, 139, 250, 0.12);
    --border-light:   rgba(167, 139, 250, 0.08);
    --border-gold:    rgba(167, 139, 250, 0.32);
    --gold-subtle:    rgba(139, 92, 246, 0.12);
    --gold-glow:      rgba(139, 92, 246, 0.30);
    --grad-gold:      linear-gradient(135deg, #ffc76a 0%, #ff8a2a 100%);
    --grad-btn:       linear-gradient(135deg, #ffc76a 0%, #ff8a2a 100%);
    --grad-blue:      linear-gradient(135deg, #6d28d9 0%, #a78bfa 100%);
    --grad-input:     linear-gradient(120deg, rgba(167, 139, 250, 0.55), rgba(99, 102, 241, 0.30) 45%, rgba(255, 138, 42, 0.45));
    /* qiymetler.css */
    --q-acc:  #a78bfa;
    --q-bg:   #07050d;
    --q-ink:  #ECE8F7;
    --q-line: rgba(167, 139, 250, 0.14);
    --q-mut:  rgba(236, 232, 247, 0.55);

    --ehm-warm:      #ff8a2a;
    --ehm-warm-2:    #ffc76a;
    --ehm-glass:     rgba(20, 14, 36, 0.62);
    --ehm-glass-2:   rgba(28, 20, 50, 0.72);
    color-scheme: dark;
}

/* ── atmosfer ── */
html:not([data-theme="light"]),
html:not([data-theme="light"]) body { background-color: #07050d !important; }
html:not([data-theme="light"]) body {
    color: var(--text-dark);
    background-image:
        radial-gradient(55% 45% at 60% 8%, rgba(124, 58, 237, 0.16) 0%, transparent 70%),
        radial-gradient(38% 34% at 95% 100%, rgba(236, 72, 153, 0.06) 0%, transparent 70%),
        radial-gradient(34% 30% at 3% 96%, rgba(99, 102, 241, 0.07) 0%, transparent 70%) !important;
    background-attachment: fixed !important;
}
html:not([data-theme="light"]) ::selection { background: rgba(139, 92, 246, 0.45); color: #fff; }
html:not([data-theme="light"]) h1,
html:not([data-theme="light"]) h2,
html:not([data-theme="light"]) h3,
html:not([data-theme="light"]) h4 { color: var(--text-dark); }
html:not([data-theme="light"]) a { color: var(--primary-light); }

/* ── yeni loqo (markapa toxunmadan; mətn ekran oxuyucu üçün qalır) ── */
.nav-logo, .auth-logo a, .top .brand {
    display: inline-flex !important; align-items: center;
    width: 52px; height: 42px; flex: 0 0 auto;
    background: url(/assets/img/ehm-logo-96.png) left center / contain no-repeat;
    text-decoration: none; position: relative;
}
.auth-logo a { width: 74px; height: 60px; margin: 0 auto; }
.nav-logo > *, .auth-logo a > *, .top .brand > * {
    position: absolute !important; width: 1px; height: 1px; overflow: hidden;
    clip: rect(0 0 0 0); white-space: nowrap; border: 0; padding: 0; margin: -1px;
}
.top .brand { font-size: 0; }

/* ── naviqasiya: şüşə zolaq ── */
html:not([data-theme="light"]) .navbar,
html:not([data-theme="light"]) .top {
    background: rgba(7, 5, 13, 0.62) !important;
    backdrop-filter: blur(18px) saturate(1.2);
    -webkit-backdrop-filter: blur(18px) saturate(1.2);
    border-bottom: 1px solid rgba(167, 139, 250, 0.09) !important;
    box-shadow: none !important;
}
html:not([data-theme="light"]) .nav-links a,
html:not([data-theme="light"]) .navbar a:not(.btn-primary):not(.nav-logo) { color: var(--text-mid); }
html:not([data-theme="light"]) .nav-links a:hover { color: #fff; }

/* ── düymələr: əsas = kürənin isti halqası, ikinci = şüşə ── */
html:not([data-theme="light"]) .btn-primary,
html:not([data-theme="light"]) .auth-submit,
html:not([data-theme="light"]) .btn-submit,
html:not([data-theme="light"]) button[type="submit"]:not(.s-tab) {
    background: var(--grad-btn) !important;
    color: #1a0e00 !important;
    border: none !important;
    box-shadow: 0 0 22px rgba(255, 138, 42, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.35);
}
html:not([data-theme="light"]) .btn-primary:hover,
html:not([data-theme="light"]) .auth-submit:hover,
html:not([data-theme="light"]) .btn-submit:hover { box-shadow: 0 0 30px rgba(255, 138, 42, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.4); }
html:not([data-theme="light"]) .btn-secondary,
html:not([data-theme="light"]) .btn-ghost,
html:not([data-theme="light"]) .tbtn {
    background: rgba(20, 14, 36, 0.55) !important;
    border: 1px solid rgba(167, 139, 250, 0.22) !important;
    color: var(--text-dark) !important;
}

/* ── kartlar və panellər ── */
html:not([data-theme="light"]) .hero,
html:not([data-theme="light"]) .bc-hiw,
html:not([data-theme="light"]) .bc-pct,
html:not([data-theme="light"]) .bc-speed { background: transparent !important; }
html:not([data-theme="light"]) .hero-chat-inner,
html:not([data-theme="light"]) .hero-chip,
html:not([data-theme="light"]) .bchiw-icon,
html:not([data-theme="light"]) .auth-card,
html:not([data-theme="light"]) .pr-card,
html:not([data-theme="light"]) .pr-card.is-featured,
html:not([data-theme="light"]) .pr-card.is-full,
html:not([data-theme="light"]) .card,
html:not([data-theme="light"]) .panel,
html:not([data-theme="light"]) .box {
    background: var(--ehm-glass) !important;
    border: 1px solid rgba(167, 139, 250, 0.14) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.35) !important;
    color: var(--text-dark);
}
html:not([data-theme="light"]) .pr-card.is-featured {
    border-color: rgba(255, 160, 70, 0.45) !important;
    box-shadow: 0 0 0 1px rgba(255, 138, 42, 0.15), 0 0 40px rgba(255, 138, 42, 0.12), 0 12px 40px rgba(0, 0, 0, 0.35) !important;
}

/* ── formalar ── */
html:not([data-theme="light"]) input,
html:not([data-theme="light"]) select,
html:not([data-theme="light"]) textarea { color: var(--text-dark); }
html:not([data-theme="light"]) .field-input,
html:not([data-theme="light"]) .field-input:focus,
html:not([data-theme="light"]) .s-form input[type=search],
html:not([data-theme="light"]) .s-filters select,
html:not([data-theme="light"]) .corp-field input,
html:not([data-theme="light"]) .corp-field select,
html:not([data-theme="light"]) .corp-field textarea,
html:not([data-theme="light"]) .corp-field input:focus,
html:not([data-theme="light"]) .corp-field select:focus,
html:not([data-theme="light"]) .corp-field textarea:focus {
    background: rgba(14, 10, 26, 0.92) !important;
    color: var(--text-dark) !important;
    border-color: rgba(167, 139, 250, 0.22) !important;
}
html:not([data-theme="light"]) .field-input:focus,
html:not([data-theme="light"]) .s-form input[type=search]:focus,
html:not([data-theme="light"]) .corp-field input:focus,
html:not([data-theme="light"]) .corp-field textarea:focus {
    border-color: rgba(196, 181, 253, 0.7) !important;
    box-shadow: 0 0 0 4px rgba(139, 92, 246, 0.12), 0 0 24px rgba(139, 92, 246, 0.18) !important;
    outline: none;
}
html:not([data-theme="light"]) ::placeholder { color: rgba(216, 204, 255, 0.36) !important; }
html:not([data-theme="light"]) select option { background: #140e24; color: var(--text-dark); }

/* ── sekmələr / çiplər ── */
html:not([data-theme="light"]) .auth-tabs,
html:not([data-theme="light"]) .s-tabs { background: rgba(14, 10, 26, 0.7) !important; border: 1px solid rgba(167, 139, 250, 0.12) !important; }
html:not([data-theme="light"]) .auth-tab,
html:not([data-theme="light"]) .s-tab { background: transparent !important; color: var(--text-mid) !important; }
html:not([data-theme="light"]) .auth-tab.active,
html:not([data-theme="light"]) .s-tab.active,
html:not([data-theme="light"]) .s-tab[aria-selected="true"] {
    background: linear-gradient(135deg, rgba(139, 92, 246, 0.35), rgba(99, 102, 241, 0.22)) !important;
    color: #fff !important;
    box-shadow: inset 0 0 0 1px rgba(196, 181, 253, 0.35);
}

/* ── dil seçici (login) ── */
html:not([data-theme="light"]) .lang-switch,
html:not([data-theme="light"]) .lang-sw,
html:not([data-theme="light"]) .auth-lang { background: rgba(20, 14, 36, 0.6) !important; border: 1px solid rgba(167, 139, 250, 0.18) !important; }

/* ── skrol ── */
html:not([data-theme="light"]) ::-webkit-scrollbar-thumb { background: rgba(139, 92, 246, 0.28); border-radius: 8px; }
html:not([data-theme="light"]) ::-webkit-scrollbar-track { background: transparent; }
html:not([data-theme="light"]) * { scrollbar-color: rgba(139, 92, 246, 0.32) transparent; }

/* ── Mobil düzəlişlər (30.09.2026) ── */
html { overflow-x: hidden; }
/* giriş/müraciət: uzun forma sürüşə bilsin, sağa-sola sürüşmə olmasın */
body:has(.auth-container) {
    overflow-x: hidden !important; overflow-y: auto !important; align-items: flex-start !important;
    min-height: 100vh; min-height: 100dvh; padding: 72px 16px calc(28px + env(safe-area-inset-bottom)) !important;
}
body:has(.auth-container) .auth-container { margin: auto 0; max-width: min(100%, 460px); }
body:has(.auth-container) .auth-container.wide { max-width: min(100%, 760px); }
.auth-logo { margin-bottom: 22px !important; }
.auth-logo a { width: 112px !important; height: 78px !important; margin: 0 auto;
    background: url(/assets/img/ehm-logo-auth.png) center / contain no-repeat !important; }
.field-hint { font-size: 11.5px; opacity: .6; margin-top: 5px; }
.field-select { appearance: none; -webkit-appearance: none; padding-left: 14px !important; cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23c4b5fd' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important; background-position: right 14px center !important; padding-right: 36px !important; }
.field-select option { background: #140e24; color: #fff; }
.field-row { min-width: 0; } .field-group { min-width: 0; }
@media (max-width: 600px) { .field-row { grid-template-columns: 1fr !important; display: grid; gap: 0; } .field-row > .field-group { margin-bottom: 16px; } }
/* iOS fokusda zoom etməsin: 16px-dən kiçik şrift zoom yaradır */
@media (max-width: 768px) { input, select, textarea { font-size: 16px !important; } }
/* dil seçimi */
.ld { position: fixed; top: calc(14px + env(safe-area-inset-top)); right: 14px; z-index: 120; }
.ld-btn { display: flex; align-items: center; gap: 6px; height: 36px; padding: 0 11px; border-radius: 999px; cursor: pointer; font: inherit;
    font-size: 12.5px; font-weight: 700; letter-spacing: .04em; color: #e9e4ff; background: rgba(20, 14, 36, 0.72);
    border: 1px solid rgba(167, 139, 250, 0.25); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }
.ld-btn svg:first-child { color: #c4b5fd; }
.ld.open .ld-btn { border-color: rgba(196, 181, 253, 0.55); }
.ld-menu { position: absolute; top: calc(100% + 8px); right: 0; min-width: 176px; padding: 6px; border-radius: 14px; display: none;
    background: rgba(18, 12, 32, 0.96); border: 1px solid rgba(167, 139, 250, 0.18); box-shadow: 0 18px 50px rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); }
.ld.open .ld-menu { display: block; }
.ld-item { display: flex; align-items: center; gap: 11px; padding: 9px 11px; border-radius: 10px; color: #f1eeff; text-decoration: none; font-size: 13.5px; }
.ld-item b { width: 24px; font-size: 11.5px; color: #9a93b0; letter-spacing: .05em; }
.ld-item:hover, .ld-item.on { background: rgba(139, 92, 246, 0.16); }
.ld-item.on b { color: #fcd34d; }