/* Design 2: Exklusiver Sammelclub – customer-facing premium theme. */
.theme-collector {
  --club-ink: #080b12;
  --club-panel: #111722;
  --club-panel-soft: #171f2d;
  --club-gold: #d9b45b;
  --club-gold-light: #f5dda0;
  --club-platinum: #c7d2e1;
  --club-muted: #9ba8ba;
  --club-line: rgba(217, 180, 91, .24);
  background: radial-gradient(circle at 18% 4%, #1c2433 0, #0b0f18 32%, #070910 76%);
  color: #edf1f7;
  color-scheme: dark;
}

.theme-collector .topbar {
  background: #05070b;
  border-bottom: 1px solid var(--club-line);
  color: var(--club-gold-light);
  letter-spacing: .16em;
}

.theme-collector .site-header {
  background: rgba(8, 11, 18, .94);
  border-bottom: 1px solid var(--club-line);
  box-shadow: 0 14px 40px rgba(0, 0, 0, .32);
  backdrop-filter: blur(18px);
}

.theme-collector .brand strong,
.theme-collector .site-header nav a,
.theme-collector .avatar-button,
.theme-collector h1,
.theme-collector h2,
.theme-collector h3 { color: #f5f7fa; }
.theme-collector .brand b,
.theme-collector .site-header nav a:hover,
.theme-collector .eyebrow { color: var(--club-gold); }
.theme-collector .logo-star { box-shadow: 0 0 0 2px var(--club-gold), 0 12px 30px rgba(0,0,0,.48); }
.theme-collector .points,
.theme-collector .avatar-button i { background: #171d27; border: 1px solid var(--club-line); color: var(--club-gold-light); }
.theme-collector .account-menu { background: #111722; border: 1px solid var(--club-line); box-shadow: 0 20px 50px rgba(0,0,0,.45); }
.theme-collector .account-menu a { color: #e8edf4; }
.theme-collector .account-menu a:hover,
.theme-collector .account-menu a:focus-visible { background: #202a39; color: #fff4cd; outline: none; }
.theme-collector .avatar-button small { color: var(--club-muted); }
.theme-collector .site-header nav a:hover { border-color: var(--club-gold); }

.theme-collector .hero {
  background:
    radial-gradient(circle at 82% 35%, rgba(217,180,91,.13), transparent 26%),
    linear-gradient(122deg, #0c111b 0%, #151d2a 54%, #090c13 100%);
  border-bottom: 1px solid var(--club-line);
  box-shadow: inset 0 -60px 120px rgba(0,0,0,.23);
}
.theme-collector .hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  opacity: .3;
  background-image: linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
  background-size: 42px 42px;
  mask-image: linear-gradient(to right, black, transparent 72%);
}
.theme-collector .hero-copy h1 em { color: var(--club-gold-light); text-shadow: 0 4px 28px rgba(217,180,91,.18); }
.theme-collector .hero-copy p,
.theme-collector .trust { color: var(--club-platinum); }
.theme-collector .hero-art::after { background: radial-gradient(circle, rgba(217,180,91,.22), rgba(98,113,135,.08) 52%, transparent 70%); }
.theme-collector .hero-art .hero-cards img { border: 1px solid rgba(245,221,160,.38); filter: drop-shadow(0 22px 30px rgba(0,0,0,.56)); }
.theme-collector .hero-art .hero-cards img:nth-child(2) { border-color: rgba(199,210,225,.62); }
.theme-collector .arrival { background: #111722; border: 1px solid var(--club-line); color: var(--club-gold-light); box-shadow: 0 15px 38px rgba(0,0,0,.4); }
.theme-collector .arrival b { color: #f5f7fa; }

.theme-collector .btn.primary,
.theme-collector .mini-btn {
  background: linear-gradient(135deg, #f3dc9b, #c79b3e);
  border-color: #e7c978;
  color: #171109;
  box-shadow: 0 9px 24px rgba(190,142,43,.2);
}
.theme-collector .btn.secondary { background: rgba(255,255,255,.025); border-color: rgba(217,180,91,.48); color: var(--club-gold-light); }
.theme-collector .btn:hover,
.theme-collector .mini-btn:hover { filter: brightness(1.08); transform: translateY(-1px); }

.theme-collector .quick-row { background: #0b0f17; border-color: var(--club-line); }
.theme-collector .quick-row article { border-color: rgba(199,210,225,.12); }
.theme-collector .quick-row i,
.theme-collector .quick-row strong { color: var(--club-gold-light); }
.theme-collector .quick-row i { background: rgba(217,180,91,.1); border: 1px solid rgba(217,180,91,.24); }
.theme-collector .quick-row span,
.theme-collector .section-head p,
.theme-collector .product-body p,
.theme-collector .product-body small,
.theme-collector .release { color: var(--club-muted); }

.theme-collector .section,
.theme-collector .dashboard { background: transparent; }
.theme-collector .product-card,
.theme-collector .orders,
.theme-collector .event-card,
.theme-collector .benefit-grid article,
.theme-collector .empty,
.theme-collector .cms-block,
.theme-collector .page-shell {
  background: linear-gradient(150deg, rgba(23,31,45,.98), rgba(12,16,25,.98));
  border: 1px solid rgba(199,210,225,.12);
  color: #edf1f7;
  box-shadow: 0 18px 42px rgba(0,0,0,.26);
}
.theme-collector .product-card:hover { border-color: rgba(217,180,91,.45); box-shadow: 0 24px 50px rgba(0,0,0,.42); transform: translateY(-5px); }
.theme-collector .product-image { background: radial-gradient(circle at 50% 38%, #273247, #111722 66%); }
.theme-collector .heart { background: rgba(8,11,18,.82); border-color: rgba(217,180,91,.35); color: var(--club-platinum); }
.theme-collector .heart.active { color: var(--club-gold); }
.theme-collector .product-foot { border-color: rgba(199,210,225,.12); }
.theme-collector .product-foot strong { color: var(--club-gold-light); }
.theme-collector .status { border: 1px solid rgba(217,180,91,.3); background: rgba(217,180,91,.1); color: var(--club-gold-light); }
.theme-collector .audience-badge.silver { border-color: rgba(199,210,225,.55); background: linear-gradient(135deg,#f5f7fa,#aeb9c8); color:#202938; }
.theme-collector .audience-badge.bronze { border-color: rgba(201,138,91,.7); background: linear-gradient(135deg,#f4dfcc,#b87345); color:#352116; }

.theme-collector .member-pass {
  background: radial-gradient(circle at 84% 12%, rgba(245,221,160,.2), transparent 28%), linear-gradient(140deg, #171d28, #080a0f 72%);
  border: 1px solid rgba(217,180,91,.52);
  box-shadow: 0 25px 55px rgba(0,0,0,.46), inset 0 0 0 1px rgba(255,255,255,.04);
}
.theme-collector .member-pass > div b,
.theme-collector .member-pass footer span { color: var(--club-gold-light); }
.theme-collector .member-pass > div span { background: linear-gradient(135deg,#f5e8bd,#b9c7d9); color:#141922; }
.theme-collector .order-row { border-color: rgba(199,210,225,.12); }
.theme-collector .order-row > i { background: rgba(217,180,91,.12); color: var(--club-gold); }
.theme-collector .order-row.priority-request > i { background: linear-gradient(145deg,#ffe66e,#ffd229); color: #5f4c00; box-shadow: inset 0 0 0 1px rgba(161,122,0,.28); }
.theme-collector .order-row p span { color: var(--club-muted); }
.theme-collector .count { background: rgba(217,180,91,.12); color: var(--club-gold-light); }
.theme-collector .cancel-reservation { background: rgba(150,44,49,.12); border-color: rgba(232,111,116,.32); color: #ffadb1; }

.theme-collector .benefits { background: rgba(5,7,11,.36); }
.theme-collector .benefit-grid article.featured { background: linear-gradient(145deg,#2a2417,#121722); border-color: rgba(217,180,91,.55); }
.theme-collector .benefit-grid i,
.theme-collector .benefit-grid b,
.theme-collector .event-card time strong { color: var(--club-gold); }
.theme-collector .benefit-grid i,
.theme-collector .benefit-grid b { background: rgba(217,180,91,.1); border: 1px solid rgba(217,180,91,.24); color: var(--club-gold-light); }
.theme-collector .benefit-grid p,
.theme-collector .event-card p,
.theme-collector .event-card span { color: var(--club-muted); }
.theme-collector .event-card time { background: rgba(217,180,91,.08); border-color: rgba(217,180,91,.22); }

.theme-collector .settings { background: linear-gradient(120deg,#171f2d,#0a0e16); border: 1px solid var(--club-line); }
.theme-collector .settings p,
.theme-collector .settings label { color: var(--club-platinum); }
.theme-collector input,
.theme-collector textarea,
.theme-collector select { background: #0d121b; border-color: rgba(199,210,225,.2); color: #f1f4f8; }
.theme-collector input:focus,
.theme-collector textarea:focus,
.theme-collector select:focus { border-color: var(--club-gold); box-shadow: 0 0 0 3px rgba(217,180,91,.12); }

.theme-collector .site-footer { background: #05070b; border-top: 1px solid var(--club-line); color: var(--club-muted); }
.theme-collector .site-footer a { color: var(--club-platinum); }

.auth-body.theme-collector { background: #080b12; }
.theme-collector .auth-visual { background: radial-gradient(circle at 20% 20%, rgba(217,180,91,.17), transparent 30%), linear-gradient(145deg,#171f2d,#080a10 70%); }
.theme-collector .auth-visual::after { background: radial-gradient(circle, rgba(217,180,91,.16), transparent 68%); }
.theme-collector .auth-visual p,
.theme-collector .auth-benefits { color: var(--club-platinum); }
.theme-collector .auth-card { background: linear-gradient(150deg,#151c28,#0b0f17); border-left: 1px solid var(--club-line); color: #edf1f7; }
.theme-collector .auth-card p { color: var(--club-muted); }
.theme-collector .auth-card label { color: var(--club-platinum); }
.theme-collector .switch-link { color: var(--club-muted); }
.theme-collector .switch-link a { color: var(--club-gold-light); }
.theme-collector .password-help a { color: var(--club-gold-light); }

.profile-onboarding-body.theme-collector { background: radial-gradient(circle at 18% 4%, #1c2433 0, #0b0f18 36%, #070910 78%); color: #edf1f7; }
.theme-collector .profile-onboarding-card { background: linear-gradient(150deg,#151c28,#0b0f17); border-color: var(--club-line); color: #edf1f7; box-shadow: 0 22px 55px rgba(0,0,0,.38); }
.theme-collector .profile-onboarding-card > p,
.theme-collector .profile-editor > p,
.theme-collector .profile-privacy { color: var(--club-muted); }
.theme-collector .profile-form-grid label { color: var(--club-platinum); }
.theme-collector .profile-onboarding-shell > header > a { color: var(--club-gold-light); }
.theme-collector .profile-onboarding-shell > header > a:hover,
.theme-collector .profile-onboarding-shell > header > a:focus-visible { color: #fff4cd; outline: none; }
.theme-collector input::placeholder,
.theme-collector textarea::placeholder { color: #8996a8; opacity: 1; }
.theme-collector select option { background: #0d121b; color: #f1f4f8; }

.content-page.theme-collector { min-height: 100vh; background: radial-gradient(circle at 18% 4%, #1c2433 0, #0b0f18 36%, #070910 78%); color: #edf1f7; }
.theme-collector .page-shell h1,
.theme-collector .page-content h2,
.theme-collector .page-content h3 { color: #f5f7fa; }
.theme-collector .page-content,
.theme-collector .page-content p,
.theme-collector .page-content li { color: var(--club-platinum); }
.theme-collector .page-content a { color: var(--club-gold-light); }
.theme-collector .cms-block.yellow { background: linear-gradient(145deg,#2a2417,#121722); border-color: rgba(217,180,91,.55); color: #f5f7fa; }

@media (max-width: 760px) {
  .theme-collector .site-header { background: #080b12; }
  .theme-collector .hero { background: linear-gradient(155deg,#111925,#080b12); }
  .theme-collector .hero::before { opacity: .18; }
  .theme-collector .auth-card { border-left: 0; border-top: 1px solid var(--club-line); }
}