/* =========================================================
   ATLYSACTIVE THEME ENGINE
   Admin > Ayarlar üzerinden renk, tema, radius ve genişlik yönetilir.
   Bu dosya style.css'ten sonra yüklenmelidir.
========================================================= */

:root{
  --sx-primary:#e63946;
  --sx-secondary:#111111;
  --sx-accent:#ff6570;
  --sx-page-bg:#f7f7f4;
  --sx-surface:#ffffff;
  --sx-text:#111111;
  --sx-muted:#666666;
  --sx-header-bg:#ffffff;
  --sx-footer-bg:#ffffff;
  --sx-border:rgba(0,0,0,.10);
  --sx-border-strong:rgba(0,0,0,.18);
  --sx-shadow:0 18px 55px rgba(0,0,0,.08);
  --sx-button-radius:999px;
  --sx-card-radius:24px;
  --sx-site-width:1280px;
  --sx-head:'Barlow Condensed',sans-serif;
  --sx-body:'Inter',sans-serif;
}

body[data-theme="dark"]{
  --sx-page-bg:#050505;
  --sx-surface:#111111;
  --sx-text:#ffffff;
  --sx-muted:#b8b8b8;
  --sx-header-bg:#080808;
  --sx-footer-bg:#080808;
  --sx-border:rgba(255,255,255,.12);
  --sx-border-strong:rgba(255,255,255,.20);
  --sx-shadow:0 24px 70px rgba(0,0,0,.35);
}

*{box-sizing:border-box}
html{overflow-x:clip!important;background:var(--sx-page-bg)!important}
body{max-width:100%;background:var(--sx-page-bg)!important;color:var(--sx-text)!important;font-family:var(--sx-body)}
body:before{display:none!important}
.container,.nav-shell{width:min(var(--sx-site-width),calc(100% - 44px))!important;margin-left:auto!important;margin-right:auto!important}
main{min-height:70vh!important;background:var(--sx-page-bg)!important;color:var(--sx-text)!important;padding-top:0}

/* Header */
.site-header,.sx-managed-header{position:sticky!important;top:0!important;left:0!important;right:0!important;z-index:1000!important;background:var(--sx-header-bg)!important;color:var(--sx-text)!important;border-bottom:2px solid var(--sx-border-strong)!important;box-shadow:0 4px 28px rgba(0,0,0,.13)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;transform:translateY(0)!important;transition:transform .28s ease,box-shadow .28s ease,background .28s ease!important;will-change:transform}
.site-header.is-hidden,.sx-managed-header.is-hidden{transform:translateY(-110%)!important;pointer-events:none!important}
@media(prefers-reduced-motion:reduce){.site-header,.sx-managed-header{transition:none!important}}
.nav-shell{min-height:78px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;background:transparent!important}
.logo-single{display:inline-flex!important;align-items:center!important;min-width:0!important;flex-shrink:0!important;text-decoration:none!important;color:var(--sx-text)!important}
.logo-main-img{height:54px!important;width:auto!important;max-width:300px!important;object-fit:contain!important;display:block!important;transition:filter .3s ease!important}
.logo-main-text{font-family:var(--sx-head)!important;font-size:42px!important;line-height:1!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.5px!important;color:var(--sx-primary)!important;white-space:nowrap!important;text-shadow:none!important}

/* Logo renk adaptasyonu – dark temada logo görseli beyazlaşır */
body[data-customer-theme="dark"] .logo-main-img,
body[data-theme="dark"] .logo-main-img { filter: brightness(0) invert(1)!important; }
body[data-customer-theme="white"] .logo-main-img,
body[data-theme="white"] .logo-main-img { filter: none!important; }
.main-nav{display:flex!important;align-items:center!important;gap:10px!important;margin-left:auto!important}
.main-nav>a,.nav-mega-trigger>a{display:flex!important;align-items:center!important;height:42px!important;padding:0 13px!important;border-radius:var(--sx-button-radius)!important;font-weight:850!important;color:var(--sx-text)!important;background:transparent!important;text-decoration:none!important;transition:.22s ease!important}
.main-nav a:hover{color:var(--sx-primary)!important;background:color-mix(in srgb,var(--sx-primary) 9%,transparent)!important}
.nav-mega-trigger{position:relative!important}
.mega-menu{position:absolute!important;top:52px!important;left:0!important;width:360px!important;padding:12px!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;background:var(--sx-surface)!important;border:1px solid var(--sx-border)!important;border-radius:calc(var(--sx-card-radius) + 2px)!important;box-shadow:0 24px 70px rgba(0,0,0,.12)!important;opacity:0!important;pointer-events:none!important;transform:translateY(10px)!important;transition:.25s ease!important}
.nav-mega-trigger:hover .mega-menu{opacity:1!important;pointer-events:auto!important;transform:translateY(0)!important}
.mega-menu a{padding:14px!important;border-radius:16px!important;background:color-mix(in srgb,var(--sx-surface) 92%,var(--sx-primary) 8%)!important;border:1px solid var(--sx-border)!important;color:var(--sx-text)!important;display:grid!important;gap:4px!important}
.mega-menu strong{font-family:var(--sx-head);font-size:21px;color:var(--sx-text)!important}.mega-menu span{font-size:12px;color:var(--sx-primary)!important;font-weight:900;text-transform:uppercase}
.nav-actions{display:flex!important;align-items:center!important;gap:8px!important;flex-shrink:0!important}
.icon-btn,.account-pill{height:44px!important;min-width:44px!important;border-radius:var(--sx-button-radius)!important;border:1px solid var(--sx-border)!important;background:var(--sx-surface)!important;color:var(--sx-text)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;text-decoration:none!important;font-weight:900!important;padding:0 14px!important;box-shadow:0 8px 22px rgba(0,0,0,.06)!important}
.icon-btn:hover,.account-pill:hover{background:color-mix(in srgb,var(--sx-primary) 10%,var(--sx-surface))!important;color:var(--sx-primary)!important;border-color:color-mix(in srgb,var(--sx-primary) 38%,var(--sx-border))!important}
.icon-btn svg{width:20px!important;height:20px!important;display:block!important}.account-pill{background:linear-gradient(135deg,var(--sx-primary),var(--sx-accent))!important;color:#fff!important;border:0!important;box-shadow:0 12px 30px color-mix(in srgb,var(--sx-primary) 22%,transparent)!important}
#cartCount,.cart-badge,.sportx-cart-badge{position:absolute!important;top:-6px!important;right:-5px!important;min-width:20px!important;height:20px!important;padding:0 5px!important;border-radius:999px!important;background:var(--sx-primary)!important;color:#fff!important;font-size:11px!important;font-weight:900!important;line-height:20px!important;text-align:center!important;border:2px solid var(--sx-surface)!important}
.hamburger{display:none;width:44px;height:44px;min-width:44px;border-radius:14px;border:1px solid var(--sx-border);background:var(--sx-surface);align-items:center;justify-content:center;flex-direction:column;gap:5px}.hamburger span{width:20px;height:2px;border-radius:20px;background:var(--sx-text);display:block;margin:0!important}

/* Common typography */
main h1,main h2,main h3,main h4,main h5,main h6{color:var(--sx-text)!important}main p,main li,main small{color:var(--sx-muted)!important}.eyebrow,.section-head span,.contact-eyebrow,.auth-eyebrow,.tracking-eyebrow{color:var(--sx-primary)!important}.eyebrow:before,.contact-eyebrow:before,.auth-eyebrow:before,.tracking-eyebrow:before{background:var(--sx-primary)!important}
.btn,main button,main input[type="submit"],.contact-submit{border-radius:var(--sx-button-radius)!important}.btn-primary,main button,main input[type="submit"],.contact-submit{background:linear-gradient(135deg,var(--sx-primary),var(--sx-accent))!important;color:#fff!important;border:0!important;box-shadow:0 16px 38px color-mix(in srgb,var(--sx-primary) 22%,transparent)!important}.btn-light,.btn-ghost{background:var(--sx-surface)!important;color:var(--sx-text)!important;border:1px solid var(--sx-border)!important}.btn-dark{background:var(--sx-secondary)!important;color:#fff!important}

/* General page/cards */
main section,main article,main .section,main .page-section,main .public-page,main .auth-section,main .contact-page,main .tracking-page,main .account-page,main .cart-page,main .checkout-page,main .orders-page,main .wishlist-page,main .shop-page,main .product-page,main .collections-page{background:transparent!important;color:var(--sx-text)!important}.card,.box,.panel,.form-card,.info-card,.auth-card,.contact-card,.tracking-card,.order-card,.profile-card,.product-card,.collection-card,.category-card,.contact-info,.contact-form-card,.contact-info-item,.contact-note,.story-step,.filters,.cart-summary,.panel-like,.product-side{background:var(--sx-surface)!important;color:var(--sx-text)!important;border:1px solid var(--sx-border)!important;border-radius:var(--sx-card-radius)!important;box-shadow:var(--sx-shadow)!important}
main input,main select,main textarea{width:100%;min-height:50px;background:var(--sx-surface)!important;border:1px solid var(--sx-border-strong)!important;color:var(--sx-text)!important;border-radius:14px!important;padding:0 15px!important;outline:none!important;box-shadow:none!important;font-family:var(--sx-body)!important;font-size:15px!important}main textarea{min-height:140px;padding-top:14px!important;resize:vertical}main input::placeholder,main textarea::placeholder{color:color-mix(in srgb,var(--sx-muted) 70%,transparent)!important}main label{color:var(--sx-text)!important;font-weight:800!important}main input:focus,main select:focus,main textarea:focus{border-color:color-mix(in srgb,var(--sx-primary) 65%,var(--sx-border))!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--sx-primary) 13%,transparent)!important}main a{color:var(--sx-primary)!important}main a:hover{color:var(--sx-accent)!important}

/* Homepage white/dark controlled blocks */
.clone-hero{background:radial-gradient(circle at 80% 0%,color-mix(in srgb,var(--sx-primary) 16%,transparent),transparent 34%),linear-gradient(180deg,var(--sx-page-bg),color-mix(in srgb,var(--sx-page-bg) 94%,var(--sx-primary) 6%))!important;color:var(--sx-text)!important}.section-head p,.look-card p,.feature-content p,.newsletter-banner p{color:var(--sx-muted)!important}.browser-card,.showcase-card,.look-card,.story-sticky,.feature-content,.ugc-card,.newsletter-banner{background:var(--sx-surface)!important;color:var(--sx-text)!important;border:1px solid var(--sx-border)!important;box-shadow:var(--sx-shadow)!important}.site-showcase,.category-cinema,.exploded-section,.look-builder,.story-section,.ugc-section{background:var(--sx-page-bg)!important;color:var(--sx-text)!important;overflow:hidden!important}.showcase-card.light,.showcase-card.dark,.showcase-card.mosaic{background:var(--sx-surface)!important;color:var(--sx-text)!important}.showcase-card p,.showcase-card.light p{color:var(--sx-muted)!important}.exploded-section:before{background:radial-gradient(circle at 80% 30%,color-mix(in srgb,var(--sx-primary) 12%,transparent),transparent 28%),var(--sx-page-bg)!important}.exploded-sticky,.story-sticky{background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--sx-primary) 12%,transparent),transparent 38%),var(--sx-surface)!important}.exp-piece{background:linear-gradient(145deg,var(--sx-surface),color-mix(in srgb,var(--sx-surface) 88%,var(--sx-primary) 12%))!important;border:1px solid var(--sx-border)!important}.tech-card{background:var(--sx-secondary)!important;color:#fff!important}.feature-banner{background:var(--sx-page-bg)!important;color:var(--sx-text)!important;overflow:hidden!important}.newsletter-banner{background:linear-gradient(135deg,var(--sx-surface),color-mix(in srgb,var(--sx-surface) 84%,var(--sx-primary) 16%))!important}.newsletter-form input{background:var(--sx-surface)!important;color:var(--sx-text)!important;border:1px solid var(--sx-border-strong)!important}.hero-bottom-marquee,.sx-marquee{background:var(--sx-primary)!important;border-color:color-mix(in srgb,var(--sx-primary) 70%,#000)!important}.hero-bottom-marquee span,.sx-marquee span{color:#fff!important}.story-core,.selected-product-placeholder{background:var(--sx-secondary)!important;color:rgba(255,255,255,.22)!important}.selected-product-cta{background:var(--sx-secondary)!important;color:#fff!important}.selected-product-info h3,.story-step h3{color:var(--sx-text)!important}.selected-product-info span,.story-step span,.selected-product-price strong{color:var(--sx-primary)!important}
/* Taşan animasyon elementlerini kes */
.story-grid{overflow:hidden}

/* Public page layout */
.auth-section,.contact-page,.tracking-page,.managed-public-page{padding:70px 0 92px!important;background:radial-gradient(circle at 15% 0%,color-mix(in srgb,var(--sx-primary) 8%,transparent),transparent 30%),var(--sx-page-bg)!important}.auth-wrap,.contact-wrap,.tracking-wrap,.managed-wrap{width:min(1180px,calc(100% - 32px));margin:auto}.contact-grid,.tracking-grid,.auth-grid{display:grid;grid-template-columns:.9fr 1.15fr;gap:26px;align-items:stretch}.auth-card,.contact-info,.contact-form-card,.tracking-card{padding:30px}.form-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.field{display:grid;gap:8px}.contact-bottom,.tracking-result,.auth-note{background:color-mix(in srgb,var(--sx-surface) 92%,var(--sx-primary) 8%)!important;border:1px solid var(--sx-border)!important;color:var(--sx-muted)!important;border-radius:calc(var(--sx-card-radius) - 2px)!important;padding:18px!important}

/* Footer */
footer,.site-footer{background:var(--sx-footer-bg)!important;color:var(--sx-text)!important;border-top:1px solid var(--sx-border)!important;box-shadow:0 -18px 55px rgba(0,0,0,.04)!important}footer p,footer span,footer li,.site-footer p,.site-footer span,.site-footer li{color:var(--sx-muted)!important}footer a,.site-footer a{color:var(--sx-text)!important}footer a:hover,.site-footer a:hover{color:var(--sx-primary)!important}.whatsapp-float,.whatsapp-btn,.whatsapp-button,a[href*="wa.me"]{background:#22c55e!important;color:#04110a!important;box-shadow:0 16px 40px rgba(34,197,94,.22)!important}

/* Search / mini cart */
.search-overlay{background:color-mix(in srgb,var(--sx-surface) 94%,transparent)!important;color:var(--sx-text)!important}.search-overlay.active,.search-overlay.is-open{display:flex!important}.search-close{background:var(--sx-surface)!important;color:var(--sx-text)!important;border:1px solid var(--sx-border)!important}#liveSearch{background:var(--sx-surface)!important;color:var(--sx-text)!important;border:1px solid var(--sx-border-strong)!important;box-shadow:0 20px 70px rgba(0,0,0,.12)!important}.mini-cart{background:var(--sx-surface)!important;color:var(--sx-text)!important;border-left:1px solid var(--sx-border)!important}.mini-cart.open,.mini-cart.is-open{transform:none!important}.mini-cart-body{color:var(--sx-muted)!important}.mini-cart-head button{background:var(--sx-secondary)!important;color:#fff!important}

/* Admin option preview compatibility */
.theme-preview-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:var(--sx-surface);border:1px solid var(--sx-border);color:var(--sx-text)}

@media(max-width:1024px){.main-nav{position:fixed!important;left:16px!important;right:16px!important;top:86px!important;z-index:9998!important;display:none!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;padding:12px!important;background:var(--sx-surface)!important;border:1px solid var(--sx-border)!important;border-radius:calc(var(--sx-card-radius) + 2px)!important;box-shadow:0 24px 70px rgba(0,0,0,.12)!important}.main-nav.open,.main-nav.is-open{display:flex!important}.main-nav>a,.nav-mega-trigger>a{display:block!important;padding:15px 14px!important;height:auto!important;border-bottom:1px solid var(--sx-border)!important;color:var(--sx-text)!important}.mega-menu{position:static!important;width:100%!important;opacity:1!important;pointer-events:auto!important;transform:none!important;margin-top:8px!important;box-shadow:none!important}.hamburger{display:inline-flex!important}.account-pill{display:none!important}.contact-grid,.tracking-grid,.auth-grid,.story-grid,.exploded-wrap,.feature-banner{grid-template-columns:1fr!important}}
@media(max-width:768px){.container,.nav-shell{width:min(100% - 22px,var(--sx-site-width))!important}.nav-shell{min-height:70px!important;gap:8px!important}.logo-combo{max-width:calc(100vw - 174px)!important;gap:7px!important}.logo-icon-wrap{width:42px!important;height:42px!important;min-width:42px!important;border-radius:12px!important}.logo-wordmark-wrap{max-width:135px!important}.logo-wordmark-img{height:29px!important;max-width:135px!important}.logo-wordmark-text{font-size:23px!important;max-width:135px!important;overflow:hidden!important;text-overflow:ellipsis!important}.icon-btn,.hamburger{width:40px!important;height:40px!important;min-width:40px!important}.nav-actions{gap:7px!important}.main-nav{top:80px!important}.form-two{grid-template-columns:1fr!important}.auth-section,.contact-page,.tracking-page,.managed-public-page{padding:42px 0 72px!important}.mobile-bottom-nav{background:color-mix(in srgb,var(--sx-surface) 94%,transparent)!important;border:1px solid var(--sx-border)!important;box-shadow:0 12px 40px rgba(0,0,0,.10)!important}.mobile-bottom-nav a{color:var(--sx-text)!important}}

.card, .box, .panel, .filters, .cart-summary, .panel-like, .product-side, .review, .cart-item, .empty-state, .shipping-box, .accordion div, .mini-cart, .search-overlay input, .search-results a, .shop-toolbar, .size-row button, .qty {
  background: var(--sx-surface)!important;
  color: var(--sx-text)!important;
  border-color: var(--sx-border)!important;
}


/* Customer Theme Overrides */
body[data-customer-theme="dark"] {
  --sx-page-bg: #050505 !important;
  --sx-surface: #111111 !important;
  --sx-text: #ffffff !important;
  --sx-muted: #b8b8b8 !important;
  --sx-header-bg: #080808 !important;
  --sx-footer-bg: #080808 !important;
  --sx-border: rgba(255,255,255,.12) !important;
  --sx-border-strong: rgba(255,255,255,.20) !important;
}
body[data-customer-theme="white"] {
  --sx-page-bg: #f7f7f4 !important;
  --sx-surface: #ffffff !important;
  --sx-text: #111111 !important;
  --sx-muted: #666666 !important;
  --sx-header-bg: #ffffff !important;
  --sx-footer-bg: #ffffff !important;
  --sx-border: rgba(0,0,0,.08) !important;
  --sx-border-strong: rgba(0,0,0,.15) !important;
}
.theme-toggle-btn .sun-icon, .theme-toggle-btn .moon-icon { width: 20px; height: 20px; transition: opacity .25s; }
/* Dark temada: sun göster (light'a geç ikonu), moon gizle */
body[data-customer-theme="dark"] .theme-toggle-btn .moon-icon { display: none!important; }
body[data-customer-theme="dark"] .theme-toggle-btn .sun-icon  { display: block!important; }
/* White temada: moon göster (dark'a geç ikonu), sun gizle */
body[data-customer-theme="white"] .theme-toggle-btn .sun-icon  { display: none!important; }
body[data-customer-theme="white"] .theme-toggle-btn .moon-icon { display: block!important; }

/* Compact mobile navigation drawer */
@media (max-width: 768px) {
  body.mobile-menu-open { overflow: hidden!important; }
  body.mobile-menu-open::after { content:""; position:fixed; inset:0; z-index:999; background:rgba(7,10,14,.42); backdrop-filter:blur(3px); -webkit-backdrop-filter:blur(3px); }
  .main-nav { top:78px!important; left:10px!important; right:10px!important; max-height:calc(100svh - 90px)!important; overflow-y:auto!important; gap:0!important; padding:8px!important; border-radius:20px!important; background:var(--sx-surface)!important; box-shadow:0 22px 56px rgba(0,0,0,.20)!important; }
  .main-nav > a,.nav-mega-trigger > a { display:flex!important; align-items:center!important; min-height:50px!important; padding:0 12px!important; border:0!important; border-radius:12px!important; color:var(--sx-text)!important; font-size:15px!important; font-weight:850!important; }
  .main-nav > a:hover,.nav-mega-trigger > a:hover { background:color-mix(in srgb,var(--sx-primary) 8%,transparent)!important; color:var(--sx-primary)!important; }
  .nav-mega-trigger { padding:0 0 7px!important; margin:0 0 7px!important; border-bottom:1px solid var(--sx-border)!important; }
  .nav-mega-trigger > a { margin-bottom:3px!important; }
  .mega-menu { display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:7px!important; width:100%!important; margin:0!important; padding:0 4px!important; border:0!important; border-radius:0!important; background:transparent!important; }
  .mega-menu a { display:flex!important; flex-direction:column!important; justify-content:center!important; min-height:64px!important; padding:9px 10px!important; border:1px solid var(--sx-border)!important; border-radius:12px!important; background:color-mix(in srgb,var(--sx-page-bg) 78%,var(--sx-primary) 5%)!important; color:var(--sx-text)!important; }
  .mega-menu strong { color:var(--sx-text)!important; font-family:"Inter",Arial,sans-serif!important; font-size:12px!important; font-weight:900!important; line-height:1.15!important; }
  .mega-menu span { margin-top:4px!important; color:var(--sx-primary)!important; font-size:9px!important; font-weight:900!important; letter-spacing:.04em!important; }
  .hamburger[aria-expanded="true"] span:nth-child(1) { transform:translateY(7px) rotate(45deg); }
  .hamburger[aria-expanded="true"] span:nth-child(2) { opacity:0; }
  .hamburger[aria-expanded="true"] span:nth-child(3) { transform:translateY(-7px) rotate(-45deg); }
  .hamburger span { transition:transform .2s ease,opacity .2s ease; }
}
/* Kullanıcı henüz toggle etmemişse PHP varsayılan tema baz alınır (inline style ile kontrol edilir) */