/* ==========================================================
   PREMIUM DARK GLASS THEME - zentraler Look-Override

   Diese Datei ändert nur die Optik, nicht die Shop-Logik.
   ========================================================== */
:root{
  --bg:#070b14;
  --bg2:#101827;
  --surface:rgba(255,255,255,.075);
  --surface-strong:rgba(255,255,255,.11);
  --card:#111827;
  --card2:#0f172a;
  --text:#f8fafc;
  --muted:#a7b0c2;
  --line:rgba(255,255,255,.14);
  --accent:#8b5cf6;
  --accent2:#22d3ee;
  --accent3:#f97316;
  --success:#22c55e;
  --danger:#ef4444;
  --warning:#f59e0b;
  --radius:22px;
  --shadow:0 24px 70px rgba(0,0,0,.45);
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0 !important;
  color:var(--text) !important;
  background:
    radial-gradient(circle at top left, rgba(139,92,246,.28), transparent 34rem),
    radial-gradient(circle at top right, rgba(34,211,238,.20), transparent 30rem),
    linear-gradient(135deg,#070b14 0%,#0f172a 46%,#111827 100%) !important;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  min-height:100vh;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.75),transparent 72%);
  z-index:-1;
}
a{color:#67e8f9;}
header{
  background:rgba(6,10,20,.78) !important;
  color:var(--text) !important;
  border-bottom:1px solid var(--line);
  backdrop-filter:blur(18px);
  box-shadow:0 12px 35px rgba(0,0,0,.35);
}
.shop-title{
  font-weight:950 !important;
  letter-spacing:.4px !important;
  text-shadow:0 0 24px rgba(34,211,238,.35);
}
.shop-title::before{content:"✦ "; color:var(--accent2);}
.shop-title::after{content:" ✦"; color:var(--accent);}
.tab-container,
.tabs{
  background:rgba(8,13,26,.65) !important;
  border-bottom:1px solid var(--line);
  backdrop-filter:blur(16px);
}
.tabs button,
.tab,
button,
.addBtn,
#finalBtn,
.dailyDealBtn,
.feature-btn,
.account-menu a,
.account-menu span,
.guest-links a,
.submit-btn,
input[type="submit"]{
  border:1px solid rgba(255,255,255,.16) !important;
  border-radius:999px !important;
  color:white !important;
  background:linear-gradient(135deg,var(--accent),var(--accent2)) !important;
  box-shadow:0 10px 24px rgba(34,211,238,.17) !important;
  font-weight:800 !important;
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease !important;
}
.tabs button:hover,
.tab:hover,
button:hover,
.addBtn:hover,
#finalBtn:hover,
.dailyDealBtn:hover,
.feature-btn:hover,
.account-menu a:hover,
.guest-links a:hover,
.submit-btn:hover,
input[type="submit"]:hover{
  transform:translateY(-1px);
  filter:brightness(1.08);
  box-shadow:0 14px 34px rgba(139,92,246,.28) !important;
}
.tabs button.active,
.tab.active{
  background:linear-gradient(135deg,var(--accent3),#f43f5e) !important;
  box-shadow:0 12px 30px rgba(249,115,22,.26) !important;
}
#products{
  padding:28px 18px 36px !important;
  gap:22px !important;
}
.product,
.container,
.box,
.card,
.feature-hero,
.dailyDealBox,
#cart,
.legend,
.popup-content,
.reviewPopupBox,
.stock-box,
.login-box,
.account-card,
.reward-card,
.collection-card,
.ticket-card{
  color:var(--text) !important;
  background:linear-gradient(180deg,rgba(255,255,255,.105),rgba(255,255,255,.055)) !important;
  border:1px solid var(--line) !important;
  border-radius:var(--radius) !important;
  box-shadow:var(--shadow) !important;
  backdrop-filter:blur(18px);
}
.product{
  position:relative;
  overflow:hidden;
  width:235px !important;
  min-height:275px;
}
.product::before,
.feature-hero::before,
.dailyDealBox::before{
  content:"";
  position:absolute;
  inset:-1px;
  background:linear-gradient(135deg,rgba(139,92,246,.26),transparent 35%,rgba(34,211,238,.20));
  opacity:.65;
  pointer-events:none;
}
.product > *, .feature-hero > *, .dailyDealBox > *{position:relative;}
.product:hover{transform:translateY(-8px) scale(1.015) !important;}
.product h4, h1, h2, h3{
  color:var(--text) !important;
  letter-spacing:.2px;
}
p, .dailyDealCategory, .dailyDealTimer, .category, small, label, .muted{
  color:var(--muted) !important;
}
input, select, textarea, #productSearch{
  color:var(--text) !important;
  background:rgba(2,6,23,.72) !important;
  border:1px solid var(--line) !important;
  border-radius:16px !important;
  outline:none !important;
}
input::placeholder, textarea::placeholder{color:#7f8aa3 !important;}
input:focus, select:focus, textarea:focus, #productSearch:focus{
  border-color:rgba(34,211,238,.75) !important;
  box-shadow:0 0 0 4px rgba(34,211,238,.12) !important;
}
#searchDropdown,
.searchResult{
  background:#0b1220 !important;
  color:var(--text) !important;
  border-color:var(--line) !important;
}
.searchResult:hover{background:rgba(139,92,246,.18) !important;}
.cartItem{
  border-bottom:1px solid var(--line) !important;
  color:var(--text) !important;
}
.cartItem button,
.close-btn,
.reviewCancelBtn{
  background:linear-gradient(135deg,#ef4444,#f97316) !important;
}
.favoriteBtn{background:linear-gradient(135deg,#e11d48,#8b5cf6) !important;}
.favoriteBtn.savedFavorite,.reviewSaveBtn{background:linear-gradient(135deg,#16a34a,#22c55e) !important;}
.outOfStock{
  background:rgba(239,68,68,.16) !important;
  border-color:rgba(239,68,68,.72) !important;
}
.lowStock{
  background:rgba(245,158,11,.16) !important;
  border-color:rgba(245,158,11,.72) !important;
}
.outOfStockMsg{color:#fecaca !important; font-weight:900;}
.ratingBox{color:#fde68a !important;}
.original-price{color:#94a3b8 !important;}
.discounted-price,.dailyDealNew{color:#fb7185 !important;}
.dailyDealDiscount{background:linear-gradient(135deg,#f43f5e,#f97316) !important;}
.feature-grid{gap:12px !important;}
.feature-chip{
  background:rgba(15,23,42,.76) !important;
  color:var(--text) !important;
  border:1px solid var(--line) !important;
  box-shadow:0 12px 30px rgba(0,0,0,.24) !important;
}
.sidebar{
  background:rgba(5,10,21,.86) !important;
  border-right:1px solid var(--line);
  backdrop-filter:blur(18px);
}
.sidebar h2{color:#67e8f9 !important;}
.sidebar a{border:1px solid transparent;}
.sidebar a:hover{background:rgba(139,92,246,.18) !important; border-color:var(--line);}
table,.product-table{
  background:rgba(15,23,42,.72) !important;
  color:var(--text) !important;
  border-radius:18px;
  overflow:hidden;
  border-collapse:separate !important;
  border-spacing:0 !important;
}
th,.product-table th{
  background:linear-gradient(135deg,#312e81,#0e7490) !important;
  color:white !important;
}
td,.product-table td{border-bottom:1px solid var(--line) !important; color:var(--text) !important;}
tr:hover{background:rgba(139,92,246,.12) !important;}
.success{color:#86efac !important;}
.error{color:#fecaca !important;}
#promoPopup .popup-content{background:linear-gradient(180deg,#111827,#0b1220) !important;}
.popup-content .code{background:linear-gradient(135deg,var(--accent3),#f43f5e) !important;}
@media(max-width:768px){
  .account-menu{background:rgba(5,10,21,.96) !important;}
  .product{width:100% !important;}
  #products{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  .feature-grid{grid-template-columns:repeat(2,1fr) !important;}
}
@media(max-width:420px){
  #products{grid-template-columns:1fr !important;}
  .product{width:100% !important;}
}