/* ===========================================================
   pazarsc.com — Theme Override (Refined)
   Tema gold/cyan paleti.
   style.css ve sayfa-bazlı CSS'ten SONRA yüklenmeli.
   v2 — ince ayar: parlak gold + güçlü glow + cyan secondary
   =========================================================== */

:root {
    /* ===== Color Tokens (override base palette) ===== */

    /* Gold ailesi — Knight Online armor estetiği */
    --primary-green: #e6c14a;        /* pazarsc gold primary action (was #e6c14a) */
    --accent-gold: #e6c14a;          /* Brighter gold (was #ffaa00) */
    --accent-gold-deep: #d4af37;     /* Refined gold (border/active state) */
    --accent-gold-dim: #b08d2e;      /* Subtle border / inactive */
    --accent-gold-bright: #f0d165;   /* Hover peak / highlight */

    /* Cyan secondary — modern twist */
    --accent-cyan: #00d9ff;
    --accent-cyan-deep: #00a8c4;     /* Border + dim states */
    --accent-cyan-bright: #4fe5ff;   /* Highlights */

    /* Red — alert/danger korunuyor */
    --accent-red: #ff3b3b;

    /* Glow — daha güçlü, gold dominant */
    --accent-glow-green: rgba(230, 193, 74, 0.35);  /* pazarsc */
    --accent-glow-gold: rgba(230, 193, 74, 0.4);
    --accent-glow-gold-strong: rgba(240, 209, 101, 0.55);
    --accent-glow-cyan: rgba(0, 217, 255, 0.35);
    --accent-glow-cyan-strong: rgba(79, 229, 255, 0.5);
    --accent-glow-red: rgba(255, 59, 59, 0.25);

    /* Surface depth — biraz daha derin/zengin */
    --bg-color: #08080c;
    --card-bg: rgba(20, 20, 28, 0.85);
    --surface-elevated: rgba(28, 28, 38, 0.92);

    /* Text — daha iyi kontrast */
    --text-white: #f0f0f5;
    --text-dim: #9b9ba8;
    --text-muted: #6b6b78;

    /* Border accent */
    --border-line: rgba(230, 193, 74, 0.14);
    --border-line-cyan: rgba(0, 217, 255, 0.12);
    --border-strong: rgba(230, 193, 74, 0.28);

    /* Glass blur */
    --glass-blur: blur(18px);
}

/* ===== Particle Canvas — gold-tinted background ===== */

body[data-theme="green"] #particle-canvas,
body[data-theme="gold"] #particle-canvas,
body #particle-canvas {
    --bg-radial: #1f1610;
    background: radial-gradient(
        circle at center,
        var(--bg-radial) 0%,
        #0a0a10 60%,
        #050508 100%
    ) !important;
}

/* ===== Typography ===== */

body {
    font-family: 'Inter', 'Segoe UI', -apple-system, BlinkMacSystemFont, sans-serif !important;
    color: var(--text-white);
    background: var(--bg-color);
}

/* ===== Logo ===== */

.logo {
    display: inline-flex !important;
    align-items: center;
    line-height: 0;
    text-decoration: none;
    transition: filter 0.3s ease, transform 0.3s ease;
    font-size: 0 !important;
}
.logo img {
    height: 44px;
    width: auto;
    display: block;
    filter: drop-shadow(0 0 10px var(--accent-glow-gold));
    transition: filter 0.3s ease, transform 0.3s ease;
}
.logo:hover img {
    filter: drop-shadow(0 0 18px var(--accent-glow-gold-strong))
            drop-shadow(0 0 6px var(--accent-cyan));
    transform: translateY(-1px);
}
@media (max-width: 768px) {
    .logo img { height: 36px; }
}

/* ===== Nav Links ===== */

.nav-links a.menu-link {
    color: #e8e8ef !important;
    border-color: var(--border-line) !important;
    background: rgba(255, 255, 255, 0.025) !important;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

.nav-links a.menu-link:hover {
    color: #1a1408 !important;
    background: linear-gradient(135deg, var(--accent-gold-bright) 0%, var(--accent-gold) 100%) !important;
    border-color: var(--accent-gold) !important;
    box-shadow: 0 0 22px var(--accent-glow-gold-strong),
                0 4px 14px rgba(0, 0, 0, 0.5);
    transform: translateY(-1px);
}

.nav-links a.menu-link.active {
    color: var(--accent-gold-bright) !important;
    border-color: var(--accent-gold) !important;
    background: rgba(230, 193, 74, 0.08) !important;
    box-shadow: inset 0 0 8px var(--accent-glow-gold);
}

/* ===== PUS Mode Tabs ===== */

.pus-mode {
    transition: all 0.25s ease;
}
.pus-mode.active {
    border-color: var(--accent-gold) !important;
    color: var(--accent-gold-bright) !important;
    background: rgba(230, 193, 74, 0.08) !important;
    box-shadow: inset 0 -3px 0 var(--accent-cyan);
}
.pus-mode:hover:not(.active) {
    color: var(--accent-gold) !important;
    border-color: var(--accent-gold-dim) !important;
}

/* ===== Tax Toggle ===== */

.tax-toggle {
    transition: all 0.25s ease;
}
.tax-toggle.is-on {
    border-color: var(--accent-gold) !important;
    color: var(--accent-gold-bright) !important;
    background: rgba(230, 193, 74, 0.1) !important;
    box-shadow: 0 0 10px var(--accent-glow-gold);
}
.tax-toggle:not(.is-on) {
    border-color: var(--text-muted) !important;
    color: var(--text-dim) !important;
}

/* ===== Buttons (Hesapla, primary actions) ===== */

.pv2-go,
button[id$="-go"],
.btn-primary {
    background: linear-gradient(135deg, var(--accent-gold) 0%, var(--accent-gold-deep) 100%) !important;
    color: #1a1408 !important;
    border: 1px solid var(--accent-gold-deep) !important;
    font-weight: 700 !important;
    box-shadow: 0 4px 14px var(--accent-glow-gold),
                inset 0 1px 0 rgba(255, 255, 255, 0.15);
    transition: all 0.25s ease;
}
.pv2-go:hover,
button[id$="-go"]:hover,
.btn-primary:hover {
    background: linear-gradient(135deg, var(--accent-gold-bright) 0%, var(--accent-gold) 100%) !important;
    box-shadow: 0 6px 22px var(--accent-glow-gold-strong),
                inset 0 1px 0 rgba(255, 255, 255, 0.25);
    transform: translateY(-1px);
}
.pv2-go:active {
    transform: translateY(0);
}

/* ===== Badges (NEW etc.) — cyan secondary ===== */

.pus-badge,
.new-badge,
[class*="badge"]:not(.cart-badge):not(.meta-status) {
    background: var(--accent-cyan) !important;
    color: #001823 !important;
    font-weight: 700;
    text-shadow: none;
    box-shadow: 0 0 12px var(--accent-glow-cyan-strong);
}

.cart-badge {
    background: var(--accent-cyan) !important;
    color: #001823 !important;
    font-weight: 700;
}

/* ===== Tables ===== */

.srv-table thead th {
    color: var(--accent-gold) !important;
    border-bottom: 1px solid var(--border-strong) !important;
}
.srv-table tbody tr {
    transition: background 0.2s ease;
}
.srv-table tbody tr:hover {
    background: rgba(230, 193, 74, 0.04) !important;
}

/* ===== Links ===== */

a:not(.menu-link):not(.logo):not([class*="btn"]):not([role="menuitem"]) {
    color: var(--accent-gold);
    transition: color 0.2s ease;
}
a:not(.menu-link):not(.logo):not([class*="btn"]):not([role="menuitem"]):hover {
    color: var(--accent-cyan);
}

/* ===== Accent class — kullanılan yerlerde ===== */

.accent {
    color: var(--accent-gold-bright);
}
.accent-cyan {
    color: var(--accent-cyan);
}

/* ===== Section heading line ===== */

.section-title .line,
.line {
    background: linear-gradient(90deg, var(--accent-gold) 0%, var(--accent-cyan) 100%) !important;
    opacity: 0.7;
}

/* ===== Status indicators ===== */

.meta-item i {
    color: var(--accent-gold);
}
.meta-status.is-fresh {
    color: var(--accent-cyan) !important;
}
.meta-status.is-stale {
    color: var(--accent-red) !important;
}

/* ===== Form inputs ===== */

.pus-input,
.pus-select,
input[type="number"],
input[type="text"],
select {
    border-color: var(--border-line) !important;
    background: rgba(20, 20, 28, 0.6) !important;
    color: var(--text-white) !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.pus-input:focus,
.pus-select:focus,
input:focus,
select:focus {
    border-color: var(--accent-gold) !important;
    box-shadow: 0 0 0 3px var(--accent-glow-gold) !important;
    outline: none;
}

/* ===== Cards — gold accent on hover ===== */

.card,
.pv2-group {
    border-color: var(--border-line) !important;
    transition: border-color 0.25s ease, box-shadow 0.25s ease;
}
.card:hover,
.pv2-group:hover {
    border-color: var(--border-strong) !important;
}

/* ===== Picker / item grid items ===== */

.pv2-picker > *,
.aset-picker > *,
[class*="picker"] > * {
    transition: all 0.2s ease;
    border-color: var(--border-line) !important;
}
.pv2-picker > *:hover,
.aset-picker > *:hover {
    border-color: var(--accent-gold) !important;
    box-shadow: 0 0 12px var(--accent-glow-gold);
    transform: translateY(-2px);
}
.pv2-picker > *.is-selected,
.pv2-picker > *.selected,
.aset-picker > *.is-selected,
[class*="picker"] > *.active {
    border-color: var(--accent-cyan) !important;
    background: rgba(0, 217, 255, 0.08) !important;
    box-shadow: 0 0 16px var(--accent-glow-cyan);
}

/* ===== FAQ Accordion ===== */

details.pus-faq-item summary,
.pus-faq-item summary {
    transition: color 0.2s ease;
}
details.pus-faq-item summary:hover,
.pus-faq-item summary:hover {
    color: var(--accent-gold) !important;
}
details[open].pus-faq-item summary,
details[open] summary {
    color: var(--accent-gold-bright) !important;
}

/* ===== Hero badge (top of pages) ===== */

.badge {
    background: rgba(230, 193, 74, 0.1) !important;
    border-color: var(--accent-gold-deep) !important;
    color: var(--accent-gold-bright) !important;
}
.badge .dot {
    background: var(--accent-cyan) !important;
    box-shadow: 0 0 8px var(--accent-glow-cyan);
}

/* ===== Footer ===== */

footer {
    border-top: 1px solid var(--border-line) !important;
}
footer .footer-links a {
    color: var(--text-dim) !important;
    transition: color 0.2s ease;
}
footer .footer-links a:hover {
    color: var(--accent-gold) !important;
}

/* ===== Scrollbar (modern browsers) ===== */

::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
::-webkit-scrollbar-track {
    background: rgba(10, 10, 15, 0.5);
}
::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, var(--accent-gold-dim) 0%, var(--accent-gold-deep) 100%);
    border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
    background: var(--accent-gold);
}

/* ===== Selection ===== */

::selection {
    background: var(--accent-gold);
    color: #1a1408;
}

/* ===== Focus visible (a11y) ===== */

:focus-visible {
    outline: 2px solid var(--accent-cyan);
    outline-offset: 2px;
}