/* Mivex tema: Hero resmine (koyu lacivert gece + mor kale ışıkları + cyan şelaleler) ve logo'ya (navy + mavi-mor orbit + cyan küp) uyumlu */

/* ═══════════════════════════════════════════
   ANA PALET — Resimlerden türetildi
   ═══════════════════════════════════════════ */
:root{
  --bg:#060a15;
  --surface:#0c1224;
  --surface-2:#111a30;
  --card:#0e1528;
  --border:#1e2d4a;
  --muted:#7b8faa;
  --text:#edf2ff;
  --purple:#7c3aed;
  --purple-2:#a78bfa;
  --purple-dark:#4c1d95;
  --purple-light:#c4b5fd;
  color-scheme:dark
}
body,.auth-page{background:#060a15}

/* ═══════════════════════════════════════════
   HEADER & NAV
   ═══════════════════════════════════════════ */
.announcement{background:#080e1c;border-color:#162442;color:#8b9ab5}
.announcement a{color:#c4b5fd}
.announcement-dot{background:#22d3ee}
.site-header,.topbar{background:rgba(6,10,21,.96);border-bottom-color:rgba(124,58,237,.16);backdrop-filter:blur(12px)}
.brand-logo,.auth-brand img{box-shadow:0 0 20px rgba(124,58,237,.35)!important;filter:none!important;border:1px solid rgba(124,58,237,.25)!important}
.main-nav a.active:after{background:linear-gradient(90deg,#7c3aed,#22d3ee)}
.icon-button:hover{border-color:#7c3aed;background:#150e28}

/* ═══════════════════════════════════════════
   HERO — Tam genişlik arka plan
   ═══════════════════════════════════════════ */
.hero.hero-full{
  width:100%;
  max-width:none;
  margin:0;
  min-height:660px;
  border-left:0;
  border-right:0;
  background-image:
    linear-gradient(90deg,rgba(6,10,21,.55) 0%,rgba(6,10,21,.15) 45%,rgba(6,10,21,.05) 100%),
    url("assets/hero-mivex-bg.png");
  background-size:cover;
  background-position:center right;
  background-repeat:no-repeat;
}
.hero.hero-full .hero-content{padding-left:max(28px,calc((100vw - 1180px)/2 + 54px));padding-right:24px}
.hero.hero-full .hero-art{inset:0;width:100%;height:100%;mask-image:none;overflow:visible;pointer-events:none}
.hero.hero-full .hero-art img,.hero.hero-full .hero-art:after{display:none}
.hero.hero-full .tag-top{right:max(7%,calc((100vw - 1180px)/2 + 30px))}
.hero.hero-full .tag-bottom{left:auto;right:30%;bottom:18%}
.hero.hero-full .scroll-hint{left:max(28px,calc((100vw - 1180px)/2 + 54px))}
@media(max-width:980px){.hero.hero-full{min-height:720px;background-position:62% center}.hero.hero-full .hero-content{padding:64px 34px}.hero.hero-full .hero-art{top:0;height:100%;opacity:1}.hero.hero-full .tag-bottom{right:8%;bottom:12%}}
@media(max-width:640px){.hero.hero-full{min-height:700px;background-position:68% center}.hero.hero-full .hero-content{padding:58px 20px;background:linear-gradient(90deg,rgba(6,10,21,.5),transparent)}.hero.hero-full .hero-art{top:0}}

/* Hero grid ve efektler */
.hero:before{background:linear-gradient(90deg,rgba(124,58,237,.06) 1px,transparent 1px),linear-gradient(rgba(34,211,238,.04) 1px,transparent 1px);opacity:.3}
.hero h1 em,.store-hero h1 em{background:linear-gradient(90deg,#22d3ee,#7c3aed,#a78bfa);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-art{opacity:.65}
.hero-art img{filter:saturate(1.3) brightness(.85) contrast(1.08)}
.hero-art-glow{display:block!important;background:radial-gradient(circle,#7c3aed 0%,#22d3ee 100%);opacity:.18;filter:blur(130px)}

/* Eyebrow aksan */
.eyebrow{color:#a78bfa}
.eyebrow>span{background:linear-gradient(90deg,#7c3aed,#22d3ee)}

/* Butonlar */
.button-primary,.primary-action{background:linear-gradient(135deg,#7c3aed 0%,#3b82f6 55%,#22d3ee 100%);box-shadow:0 12px 34px rgba(124,58,237,.3);color:#fff}
.button-primary:hover,.primary-action:hover{background:linear-gradient(135deg,#6d28d9 0%,#2563eb 55%,#06b6d4 100%)}
.button-outline{border-color:#3b325e}
.button-ghost{color:#a5b4c8}
.button-light{background:#eef2ff;color:#1e1040}

/* Avatar stack */
.avatar-stack span{background:#1e1145;border-color:var(--bg)}
.avatar-stack span:nth-child(2){background:#312570}
.avatar-stack span:nth-child(3){background:#4c1d95}
.avatar-stack span:last-child{background:#ede9fe;color:#3b0764}

/* Scroll hint */
.scroll-hint span{background:linear-gradient(#7c3aed,transparent)}

/* Cart count */
.cart-count{background:#7c3aed;color:#fff}

/* ═══════════════════════════════════════════
   STRIP / METRİKLER
   ═══════════════════════════════════════════ */
.strip,.why-section{background:#080e1c}
.metrics strong{background:linear-gradient(90deg,#c4b5fd,#22d3ee);-webkit-background-clip:text;background-clip:text;color:transparent}
.metrics span{color:#6b7f99}

/* ═══════════════════════════════════════════
   NEDEN MİVEX — Benefit kartları
   ═══════════════════════════════════════════ */
.why-section:before{background:radial-gradient(circle at 12% 60%,rgba(124,58,237,.1),transparent 40%)}
.benefit-icon{background:#130c25;border-color:#3b2070;color:#a78bfa}
.benefit h3{color:#edf2ff}
.benefit p{color:#7b8faa}

/* ═══════════════════════════════════════════
   ÜRÜN KARTLARI
   ═══════════════════════════════════════════ */
.product-card:hover{border-color:#7c3aed;box-shadow:0 22px 55px rgba(124,58,237,.15)}
.product-meta{color:#22d3ee}
.badge{background:#7c3aed}
.badge-new{background:#22d3ee;color:#06232b}
.filter.active,.filter:hover{background:#150e28;border-color:#7c3aed;color:#c4b5fd}
.add-cart{background:#10082a;border-color:#3b2070;color:#a78bfa}
.add-cart:hover{background:#7c3aed;color:#fff}

/* ═══════════════════════════════════════════
   FAQ
   ═══════════════════════════════════════════ */
.faq-item button b{color:#6d5a8f}
.faq-item.open button b{color:#a78bfa}
.faq-answer p{color:#7b8faa}

/* ═══════════════════════════════════════════
   CTA
   ═══════════════════════════════════════════ */
.cta{background:linear-gradient(120deg,#0c1a3a 0%,#2e1065 50%,#4c1d95 100%);border:1px solid #3b2070}
.cta:before{opacity:.18}
.cta .eyebrow{color:#c4b5fd}
.cta-orb{border-color:rgba(124,58,237,.12)}

/* ═══════════════════════════════════════════
   FOOTER
   ═══════════════════════════════════════════ */
.footer{background:#040810}
.footer-grid>div:first-child p{color:#5b6e87}
.footer-grid>div>a:not(.brand){color:#6b7f99}
.footer-grid>div>a:hover{color:#c4b5fd}
.footer-grid>div:last-child p{color:#5b6e87}
.discord-button{display:inline-flex;gap:8px;align-items:center;border-color:#4338ca;background:#5865f2;color:#fff}
.discord-button:hover{background:#6875f5}
.copyright{border-color:#111a30;color:#4a5b72}

/* ═══════════════════════════════════════════
   SEPET DRAWER
   ═══════════════════════════════════════════ */
.cart-drawer aside{background:#0a1020;border-color:#1e2d4a}
.drawer-head small{color:#7c3aed;letter-spacing:.18em}
.empty-cart{color:#5b6e87}
.empty-cart h3{color:#c4b5fd}

/* ═══════════════════════════════════════════
   TOAST
   ═══════════════════════════════════════════ */
.toast,.admin-toast{background:#0e1528;border-color:#3b2070;box-shadow:0 16px 34px rgba(0,0,0,.4)}
.toast>span{background:#7c3aed}

/* ═══════════════════════════════════════════
   FLOATING TAG
   ═══════════════════════════════════════════ */
.floating-tag{background:rgba(10,16,32,.82);border-color:rgba(124,58,237,.2)}
.tag-icon{background:#7c3aed}
.live-dot{background:#22d3ee;box-shadow:0 0 0 4px rgba(34,211,238,.15)}

/* ═══════════════════════════════════════════
   LOADING
   ═══════════════════════════════════════════ */
.product-loading{grid-column:1/-1;text-align:center;padding:70px 20px;border:1px dashed var(--border);border-radius:14px;color:var(--muted)}
.product-visual{background-image:linear-gradient(0deg,rgba(6,10,21,.45),transparent),url("assets/mivex-store-banner.png");background-size:cover}
.cart-thumb{background-image:url("assets/mivex-store-banner.png");background-size:cover}

/* ═══════════════════════════════════════════
   ADMIN (sidebar, topbar vs.)
   ═══════════════════════════════════════════ */
.sidebar{background:#050a16}
.nav-item.active{background:linear-gradient(90deg,#150e28,#1a1040);color:#c4b5fd;box-shadow:inset 2px 0 #7c3aed}
.nav-item:hover{background:#0c1224}
.nav-item b{background:#2e1065;color:#c4b5fd}

/* ═══════════════════════════════════════════
   FORM GİRİŞLERİ (Global)
   ═══════════════════════════════════════════ */
input,select,textarea{color-scheme:dark;background:#080e1c!important;border-color:#1e2d4a!important;color:#edf2ff!important;caret-color:#a78bfa}
input::placeholder,textarea::placeholder{color:#5b6e87;opacity:1}
input:focus,select:focus,textarea:focus{border-color:#7c3aed!important;box-shadow:0 0 0 3px rgba(124,58,237,.15);outline:none}
select option{background:#0c1224;color:#edf2ff}
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,textarea:-webkit-autofill,select:-webkit-autofill{-webkit-text-fill-color:#edf2ff!important;-webkit-box-shadow:0 0 0 1000px #080e1c inset!important;transition:background-color 9999s ease-out 0s}

/* ═══════════════════════════════════════════
   AUTH (giriş/kayıt sayfası)
   ═══════════════════════════════════════════ */
.auth-page{background:radial-gradient(circle at 20% 20%,rgba(124,58,237,.14),transparent 30%),radial-gradient(circle at 82% 75%,rgba(34,211,238,.1),transparent 30%),#060a15}
.auth-card{background:rgba(10,18,36,.92);border-color:#2e1065;box-shadow:0 30px 90px rgba(0,0,0,.5);backdrop-filter:blur(16px)}
.discord-login{background:#5865f2}
.discord-login:hover{background:#6875f5}
.auth-tabs{background:#080e1c}
.auth-tabs button.active{background:#150e28;color:#c4b5fd}
.auth-card input{background:#060a15;border-color:#1e2d4a}
.auth-card input:focus{border-color:#7c3aed}
.auth-foot a{color:#a78bfa}

/* ═══════════════════════════════════════════
   DESTEK
   ═══════════════════════════════════════════ */
.support-page{background:#060a15}
.support-layout{background:#0a1020;border-color:#1e2d4a}
.ticket-sidebar{border-color:#1e2d4a}
.ticket-list-head{border-color:#1e2d4a}
.ticket-list-head button{border-color:#1e2d4a;background:#0e1528}
.ticket-item{border-color:#131e35}
.ticket-item:hover,.ticket-item.active{background:#0e1528}
.ticket-item.active{box-shadow:inset 3px 0 #7c3aed}
.support-status.answered{background:#0c2a1a;color:#86efac}
.conversation-head{border-color:#1e2d4a}
.conversation-actions select{border-color:#1e2d4a;background:#0c1224}
.message-bubble{background:#0e1528;border-color:#1e2d4a}
.message.own .message-bubble{background:#1a1040;border-color:#3b2070}
.reply-form{border-color:#1e2d4a}
.reply-form textarea{border-color:#1e2d4a;background:#080e1c}
.reply-form textarea:focus{border-color:#7c3aed}

/* Destek modal */
.support-modal-card,.modal-card{background:#0c1224;border-color:#2e1065;box-shadow:0 28px 65px rgba(0,0,0,.45)}
.support-modal-card label,.modal label,.auth-card label{color:#7b8faa}
.support-modal-card input,.support-modal-card select,.support-modal-card textarea{background:#060a15;border-color:#1e2d4a}

/* ═══════════════════════════════════════════
   HESABIM
   ═══════════════════════════════════════════ */
.account-page{background:radial-gradient(circle at 75% 0,rgba(124,58,237,.08),transparent 30%),#060a15}
.account-card{background:linear-gradient(145deg,rgba(12,18,36,.96),rgba(6,10,21,.98));border-color:#1e2d4a}
.account-heading h1 em{background:linear-gradient(90deg,#22d3ee,#7c3aed);-webkit-background-clip:text;background-clip:text;color:transparent}
.avatar-wrap>span{background:linear-gradient(135deg,#7c3aed,#22d3ee)}
.profile-badges span{background:#150e28;color:#a78bfa}
.profile-badges .discord-badge{background:#1e1b4b;color:#c4b5fd}
.profile-card dl{border-color:#1e2d4a}
.account-nav a:hover{color:#c4b5fd;background:#0e1528}
.account-nav span{color:#7c3aed}
.account-stats article{border-color:#1e2d4a;background:linear-gradient(145deg,#0c1224,#060a15)}
.account-section>header{border-color:#1e2d4a}
.order-row{border-color:#111a30}
.order-status.completed{background:#0c2a1a;color:#86efac}
.order-status.pending{background:#2a1f0a;color:#fbbf24}
.account-form input{border-color:#1e2d4a;background:#060a15}
.account-form input:focus{border-color:#7c3aed}
.account-toast{background:#0c1224;border-color:#7c3aed}
.account-toast>span{background:#065f46}
.account-logout{border-color:#1e2d4a;background:#0c1224;color:#a78bfa}
.account-logout:hover{border-color:#7c3aed;color:#fff}

/* ═══════════════════════════════════════════
   ADMIN PANEL (stat kartları, tablo vs.)
   ═══════════════════════════════════════════ */
.stat-card,.panel{background:linear-gradient(145deg,#0c1224,#060a15)}
.stat-icon.purple{color:#a78bfa;background:#150e28;border-color:#3b2070}
.purple-bars i{background:#7c3aed}
.donut{background:conic-gradient(#7c3aed 0 46%,#3b82f6 46% 74%,#22d3ee 74% 91%,#1e2d4a 91%)}
.donut:before{background:#0c1224}
.modal input,.modal select,.modal textarea{background:#060a15;border-color:#1e2d4a}
.modal input:focus,.modal textarea:focus{border-color:#7c3aed}

/* Okunabilirlik: arayuz genelinde mikro metinleri guvenli bir alt sinira cek. */
.brand small{font-size:10px}
.eyebrow{font-size:12px}
.badge,.version,.product-meta,.product-bottom small,.drawer-head small{font-size:11px}
.floating-tag small,.reviewer span,.stars,.copyright,.toast small{font-size:11px}
.metrics span,.benefit>span,.footer-grid>div:last-child p,.discord-button,.cart-count{font-size:11px}
.product-info p,.benefit p,.footer-grid>div:first-child p,.footer-grid>div>a:not(.brand),.footer h4{font-size:12px}

/* Magaza secimi ve arama yardimci metinleri. */
.store-points,.platform-switch small{font-size:12px}
.platform-switch strong,.store-search input{font-size:13px}

/* Giris/kayit ekranlari. */
.auth-divider,.auth-card label,.auth-error{font-size:12px}
.auth-foot{font-size:11px}

/* Destek merkezi: tarih, durum, mesaj bilgisi ve icerik. */
.ticket-list-head small{font-size:11px}
.ticket-top strong{font-size:14px}
.ticket-top time,.ticket-bottom{font-size:11px}
.support-status{font-size:11px;padding:4px 8px}
.conversation-empty p{font-size:13px}
.conversation-head p,.conversation-actions select{font-size:12px}
.message-meta{font-size:11px}
.message-bubble{font-size:13px;line-height:1.55}
.closed-note{font-size:12px}
.support-modal-card header small,.support-modal-card label,.support-error{font-size:12px}

/* Hesap merkezi: rozetler, ozetler, siparisler ve formlar. */
.profile-card>p,.profile-badges span,.profile-card dt,.profile-card dd{font-size:12px}
.account-nav a{font-size:12px}
.account-stats small,.account-stats span{font-size:11px}
.account-section header p,.account-section header>a,.section-kicker{font-size:12px}
.order-id b,.order-products b{font-size:12px}
.order-id small,.order-products small,.order-status{font-size:11px}
.account-form label,.form-message{font-size:12px}
.account-toast strong,.account-toast small{font-size:11px}
.download-copy b{font-size:13px}
.download-copy small,.download-action,.download-empty{font-size:11px}

/* Yonetim paneli: navigasyon, grafik aciklamalari, tablolar ve modallar. */
.nav-label,.nav-item b,.search kbd,.breadcrumb,.stat-head,.legend span,
.chart-summary span,.chart-summary small,.donut span,.customer>i,.customer small,.status,
.modal-head small,.upload small,.side-footer span,.side-footer button{font-size:11px}
.stat-foot,.panel-head p,.donut-legend div,th{font-size:12px}
.nav-item,.search input,.view-store,.secondary-action,.primary-action,.table-link,
td,td>b,.customer b,.modal label,.settings-card small,.callback-box span,.callback-box code{font-size:13px}
.modal input,.modal select,.modal textarea{font-size:14px}

/* Tekil guvenli indirme sayfasi. */
.download-brand small{font-size:10px}
.file-head b{font-size:11px}
.ready-state{font-size:12px}
.download-card footer{font-size:11px}

@media(max-width:640px){.announcement{font-size:11px}}