@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600&display=swap');

:root {
  --cl-accent: #7c8fd4;
  --bs-font-sans-serif: 'Inter', sans-serif;
  --bs-body-bg: #0d0f1a;
  --bs-body-color: #d0d4e8;
  --bs-border-color: #1e2235;
  --cl-background-primary: #0d0f1a;
  --cl-background-secondary: #131726;
  --cl-border: #1e2235;
}

body { background: #0d0f1a !important; color: #d0d4e8; font-family: 'Inter', sans-serif; }
h1,h2,h3,h4,h5,h6,.fw-bold,.navbar-brand { font-family: 'Space Grotesk', sans-serif; }

/* ── Navbar ── */
.navbar {
  background: rgba(13,15,26,0.85) !important;
  backdrop-filter: blur(20px);
  border-bottom: 1px solid #1e2235 !important;
}
.navbar-brand {
  font-weight: 700;
  background: linear-gradient(135deg, #7c8fd4, #a8b4e8);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
}
.navbar .btn-outline-primary, .navbar .nav-link {
  border-color: #7c8fd4; color: #7c8fd4; border-radius: 8px;
  font-family: 'Space Grotesk', sans-serif; font-weight: 600; font-size: 0.875rem;
}
.navbar .btn-outline-primary:hover { background: #7c8fd4; color: #0d0f1a; }

/* ── Navbar desktop alignment ── */
.navbar-nav.align-items-lg-center { align-items: center !important; }

.navbar-nav .btn,
.navbar-nav .nav-link {
  height: 38px !important;
  display: inline-flex !important;
  align-items: center !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  box-sizing: border-box !important;
}

/* ── Currency selector ── */
.choices { margin-bottom: 0 !important; }

.currency-selector.lg { width: auto !important; min-width: unset !important; }
.currency-selector.lg .choices { width: auto !important; min-width: unset !important; }

.currency-selector.lg .choices__inner {
  background: #1a1f35 !important;
  border: 1px solid #1e2235 !important;
  border-radius: 10px !important;
  color: #d0d4e8 !important;
  width: auto !important;
  min-width: unset !important;
  min-height: unset !important;
  height: 38px !important;
  padding: 0 2rem 0 0.75rem !important;
  display: flex !important;
  align-items: center !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
}

.choices__list--single .choices__item {
  color: #d0d4e8 !important;
  font-family: 'Space Grotesk', sans-serif !important;
  font-weight: 600 !important;
}
.choices__list--dropdown,
.choices__list[aria-expanded] {
  background: #131726 !important;
  border: 1px solid #1e2235 !important;
  border-radius: 10px !important;
  color: #d0d4e8 !important;
  z-index: 9999 !important;
}
.choices__list--dropdown .choices__item {
  color: #d0d4e8 !important;
  padding: 0.6rem 0.75rem !important;
}
.choices__list--dropdown .choices__item--selectable.is-highlighted {
  background: rgba(124,143,212,0.15) !important;
  color: #7c8fd4 !important;
}
.choices__input--cloned { background: transparent !important; color: #d0d4e8 !important; }
.choices__placeholder { color: #6b7280 !important; }
.choices[data-type*=select-one]::after { border-color: #7c8fd4 transparent transparent !important; }
.choices[data-type*=select-one].is-open::after { border-color: transparent transparent #7c8fd4 !important; }

/* ── Mobile navbar ── */
@media (max-width: 991px) {
  .navbar-collapse .navbar-nav {
    align-items: stretch !important;
    gap: 0.4rem !important;
    padding: 0.5rem 0 !important;
  }
  .navbar-collapse .navbar-nav .nav-item,
  .navbar-collapse .navbar-nav li {
    width: 100% !important;
  }
  .navbar-collapse .navbar-nav .btn,
  .navbar-collapse .navbar-nav button,
  .navbar-collapse .navbar-nav a {
    width: 100% !important;
    justify-content: center !important;
    height: 44px !important;
  }
  .navbar-collapse .nav-link {
    border: 1px solid #1e2235 !important;
    border-radius: 10px !important;
    text-align: center !important;
  }
  .navbar-collapse .currency-selector.lg,
  .navbar-collapse .currency-selector.lg .choices,
  .navbar-collapse .currency-selector.lg .choices__inner {
    width: 100% !important;
    max-width: 100% !important;
    height: 44px !important;
    justify-content: center !important;
  }
  .navbar-collapse .currency-selector.lg .choices[data-type*=select-one]::after {
    right: 1rem !important;
  }
}

/* ── Hero ── */
.hero,
.hero.height-small,
.hero.height-medium,
.hero.height-short {
  min-height: unset !important;
  height: auto !important;
  background-image: none !important;
  background: #0d0f1a !important;
  border-bottom: 1px solid #1e2235;
  position: relative;
  overflow: hidden;
}
@media (min-width: 768px) {
  .hero, .hero.height-small, .hero.height-medium, .hero.height-short {
    min-height: unset !important;
  }
}
.hero .container { padding-top: 3rem !important; padding-bottom: 3rem !important; }
.hero .bg-overlay { display: none !important; }
.hero h1 {
  font-family: 'Space Grotesk', sans-serif;
  font-size: clamp(2.5rem, 6vw, 4.5rem); font-weight: 700;
  background: linear-gradient(135deg, #7c8fd4, #a8b4e8);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
  line-height: 1.1;
}
.hero p { color: #6b7280; font-size: 1.1rem; max-width: 500px; margin: 0 auto 2rem; }
.hero .stats .value {
  font-family: 'Space Grotesk', sans-serif; font-size: 1.25rem; font-weight: 700;
  color: #7c8fd4; display: flex; align-items: center; gap: 0.3rem;
}
.hero .stats .label { font-size: 0.75rem; color: #6b7280; }
.hero .stats > div { display: flex; flex-direction: column; align-items: center; gap: 0.2rem; }

/* ── Sections ── */
.section-title h2 { font-family: 'Space Grotesk', sans-serif; font-size: 2rem; font-weight: 700; color: #d0d4e8; }
.section-subtitle p { color: #6b7280; }
.py-5-nav { padding-top: 5rem !important; padding-bottom: 5rem !important; }

/* ── Cards ── */
.card {
  background: #131726 !important; border: 1px solid #1e2235 !important;
  border-radius: 16px !important; transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s; overflow: hidden;
}
.card:hover { transform: translateY(-4px); border-color: rgba(124,143,212,0.4) !important; box-shadow: 0 0 20px rgba(124,143,212,0.15); }
.card .card-body { padding: 1rem 1.25rem 1.25rem; }
.card .card-title { font-family: 'Space Grotesk', sans-serif; font-weight: 600; color: #d0d4e8; margin-bottom: 0; font-size: 1rem; }
.card .price { font-family: 'Space Grotesk', sans-serif; font-size: 1.4rem; font-weight: 700; color: #d0d4e8; margin-bottom: 0.2rem; }
.card .text-primary { color: #7c8fd4 !important; font-size: 0.85rem; font-weight: 500; }
.card .btn-primary { background: #7c8fd4; border-color: #7c8fd4; color: #0d0f1a; font-family: 'Space Grotesk', sans-serif; font-weight: 600; border-radius: 8px; font-size: 0.85rem; }
.products.row { align-items: stretch; }
.products.row .card { height: 100%; }

/* ── Testimonials ── */
.testimonial { background: #131726; border: 1px solid #1e2235; border-radius: 16px; padding: 1.25rem; margin-bottom: 1.5rem; transition: border-color 0.2s; }
.testimonial:hover { border-color: rgba(124,143,212,0.3); }
.testimonial .quote svg { color: #7c8fd4; width: 1.5rem; height: 1.5rem; }
.testimonial .message p { color: #9ca3af; font-size: 0.9rem; line-height: 1.6; }
.testimonial .footer { display: flex; justify-content: space-between; margin-top: 1rem; padding-top: 0.75rem; border-top: 1px solid #1e2235; font-size: 0.8rem; }
.testimonial .footer .items { color: #7c8fd4; font-weight: 500; }
.testimonial .footer .date { color: #6b7280; }

/* ── Footer ── */
.footer { background: #0d0f1a; border-top: 1px solid #1e2235; }
.footer .nav-link { color: #6b7280 !important; font-size: 0.875rem; padding: 0.2rem 0 !important; transition: color 0.2s; }
.footer .nav-link:hover { color: #7c8fd4 !important; }
.footer h5 { font-family: 'Space Grotesk', sans-serif; font-weight: 600; color: #d0d4e8; font-size: 0.9rem; margin-bottom: 1rem; }
.footer a[href*="discord"] { color: #5865F2 !important; }
.footer a[href*="discord"]:hover { color: #7289da !important; }

/* ── Buttons ── */
.btn-primary { background: #7c8fd4 !important; border-color: #7c8fd4 !important; color: #0d0f1a !important; font-family: 'Space Grotesk', sans-serif; font-weight: 600; border-radius: 10px; }
.btn-primary:hover { opacity: 0.9 !important; }
.btn-outline-primary { border-color: #7c8fd4 !important; color: #7c8fd4 !important; font-family: 'Space Grotesk', sans-serif; font-weight: 600; border-radius: 10px; }
.btn-outline-primary:hover { background: #7c8fd4 !important; color: #0d0f1a !important; }

/* ── Forms ── */
.modal-content { background: #131726; border: 1px solid #1e2235; border-radius: 16px; }
.modal-header { border-bottom-color: #1e2235; }
.modal-footer { border-top-color: #1e2235; }
.form-control, .form-select { background: #1a1f35 !important; border-color: #1e2235 !important; color: #d0d4e8 !important; border-radius: 10px; }
.form-control:focus, .form-select:focus { border-color: rgba(124,143,212,0.5) !important; box-shadow: 0 0 0 3px rgba(124,143,212,0.15) !important; }
.form-control::placeholder { color: #6b7280; }
.form-label { color: #d0d4e8; font-weight: 500; font-size: 0.9rem; }

/* ── Misc ── */
.text-primary { color: #7c8fd4 !important; }
a { color: #7c8fd4; }
a:hover { color: #a8b4e8; }
.announcement { background: rgba(124,143,212,0.1); border-bottom: 1px solid rgba(124,143,212,0.2); color: #7c8fd4; font-family: 'Space Grotesk', sans-serif; font-size: 0.875rem; font-weight: 500; }
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #0d0f1a; }
::-webkit-scrollbar-thumb { background: #1e2235; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #7c8fd4; }
.product-img-placeholder { background: #1a1f35; }
.cart .count { background: #7c8fd4; color: #0d0f1a; }

/* ── Discord button ── */
.ka-discord-btn { display: flex !important; align-items: center !important; gap: 0.4rem !important; padding: 0.4rem 0.75rem !important; }
.ka-discord-btn svg { flex-shrink: 0; }
.ka-discord-btn:hover { background: #5865F2 !important; border-color: #5865F2 !important; color: #fff !important; }

/* ── Policy pages ── */
.ka-policy-block { background: #131726; border: 1px solid #1e2235; border-radius: 1rem; padding: 2.5rem; margin-bottom: 3rem; }
.ka-policy-intro { color: #d0d4e8; font-size: 1rem; margin-bottom: 2rem; padding-bottom: 1.5rem; border-bottom: 1px solid #1e2235; }
.ka-policy-section { margin-bottom: 1.75rem; }
.ka-policy-section:last-child { margin-bottom: 0; }
.ka-policy-section h4 { font-family: 'Space Grotesk', sans-serif !important; font-weight: 600 !important; color: #7c8fd4 !important; font-size: 1rem !important; margin-bottom: 0.5rem !important; }
.ka-policy-section p { color: #6b7280 !important; font-size: 0.9rem !important; line-height: 1.7 !important; margin: 0 !important; }
.bg-gray { background: #131726 !important; border: 1px solid #1e2235 !important; color: #d0d4e8 !important; }
.editor { color: #d0d4e8 !important; }
.editor h1, .editor h2, .editor h3, .editor h4 { color: #d0d4e8 !important; }
.editor p, .editor li { color: #6b7280 !important; }

/* ── Cart ── */
.cart-item-bg { background: #131726 !important; border-color: #1e2235 !important; }
.cart .border { border-color: #1e2235 !important; }
.cart .text-white { color: #d0d4e8 !important; }
.cart .cart-product-link { color: #d0d4e8 !important; }
.cart .cart-product-link:hover { color: #7c8fd4 !important; }
.cart .text-muted { color: #6b7280 !important; }
.cart .btn-outline-danger { border-color: #dc3545 !important; color: #dc3545 !important; border-radius: 0.5rem !important; }
.cart .rounded-3 { border-radius: 1rem !important; }
.cart .rounded { border-radius: 1rem !important; background: #131726 !important; border-color: #1e2235 !important; }
.cart h4, .cart h5 { font-family: 'Space Grotesk', sans-serif !important; color: #d0d4e8 !important; }

/* ── Product page ── */
.product-wrapper .border { border-color: #1e2235 !important; }
.product-wrapper h1 { font-family: 'Space Grotesk', sans-serif !important; font-weight: 700 !important; color: #d0d4e8 !important; }
.product-wrapper .text-muted { color: #6b7280 !important; }
.product-wrapper .price { color: #7c8fd4 !important; font-family: 'Space Grotesk', sans-serif !important; font-weight: 700 !important; font-size: 1.5rem !important; }
.product-wrapper .btn-primary { box-shadow: 0 0 20px rgba(124,143,212,0.35) !important; padding: 0.75rem 1.5rem !important; }
.product-wrapper .btn-outline-primary { border-color: #7c8fd4 !important; color: #7c8fd4 !important; padding: 0.75rem 1.5rem !important; border-radius: 0.6rem !important; }
.product-wrapper .btn-outline-primary:hover { background: #7c8fd4 !important; color: #0d0f1a !important; }
.product-wrapper .form-label { color: #d0d4e8 !important; font-weight: 500 !important; }
.product-wrapper .text-danger { color: #f87171 !important; }
.product-wrapper .form-control, .product-wrapper .form-select, .product-wrapper input, .product-wrapper textarea {
  background: #1a1f35 !important; border: 1px solid #1e2235 !important; color: #d0d4e8 !important; border-radius: 10px !important;
}
.product-wrapper .form-control:focus, .product-wrapper input:focus { border-color: rgba(124,143,212,0.5) !important; box-shadow: 0 0 0 3px rgba(124,143,212,0.15) !important; }
.product-wrapper .form-control::placeholder, .product-wrapper input::placeholder { color: #6b7280 !important; }
.product-wrapper h2 { color: #d0d4e8 !important; font-family: 'Space Grotesk', sans-serif !important; }

/* ── Alerts ── */
.alert-warning { background: rgba(245,197,66,0.1) !important; border-color: rgba(245,197,66,0.3) !important; color: #f5c542 !important; border-radius: 0.75rem !important; }
.alert-danger { background: rgba(220,53,69,0.1) !important; border-color: rgba(220,53,69,0.3) !important; color: #f87171 !important; border-radius: 0.75rem !important; }
.spinner-border { color: #7c8fd4 !important; }-e 
/* Hide product image placeholder when no image is set */
.product-img-placeholder {
  display: none !important;
}