:root {
    --gold: rgba(212,175,55,1); /* طلایی — میتونید تغییر بدید */
    --gold-weak: rgba(212,175,55,0.18);
    --black-strong: rgba(0,0,0,0.85);
    --black-mid: rgba(0,0,0,0.6);
    --gold-2: #b8911c;
    --bg-1: #0b0b0b;
    --bg-2: #121212;
    --surface: #1a1a1a;
    --text: #e6e6e6;
    --muted: #a0a0a0;
    --accent: #e0c15e;
    --danger: #d9534f;
    --success: #30b566;
    --info: #3da5f4;
}

body {
  background-color: black;
  color: var(--text);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a {
  color: var(--gold);
  text-decoration: none;
}

a:hover {
  color: var(--accent);
  text-decoration: none;
}

/* ===== Light Theme Overrides ===== */
.theme-light {
  background-color: #ffffff !important;
  color: #212529 !important;
}
.theme-light a { color: #0d6efd; }
.theme-light a:hover { color: #0b5ed7; }

.theme-light .site-footer {
  background: #f8f9fa !important;
  color: #212529 !important;
  border-top: 1px solid rgba(0,0,0,.08) !important;
}
.theme-light .footer-title { color: #212529 !important; }
.theme-light .footer-links a { color: #6c757d !important; }
.theme-light .footer-links a:hover { color: #0d6efd !important; }
.theme-light .footer-sep { border-color: rgba(0,0,0,.08) !important; }
.theme-light .social-links .icon {
  background: rgba(0,0,0,.04) !important;
  color: #212529 !important;
  border: 1px solid rgba(0,0,0,.08) !important;
}
.theme-light .social-links .icon:hover {
  background: rgba(0,0,0,.08) !important;
  color: #0d6efd !important;
  border-color: rgba(0,0,0,.12) !important;
}

.theme-light .offcanvas { background-color: #ffffff !important; color: #212529 !important; }
.theme-light .btn-close { filter: none !important; }

.theme-light .navbar .nav-link { color: #212529 !important; }
.theme-light .navbar .nav-link:hover, .theme-light .navbar .nav-link:focus { color: var(--gold) !important; }
.theme-light .btn-cart {
  background: rgba(0,0,0,.04) !important;
  border: 1px solid rgba(0,0,0,.08) !important;
  color: #212529 !important;
}
.theme-light .btn-cart:hover { background: rgba(0,0,0,.08) !important; }

::selection { background: rgba(212, 175, 55, 0.25); color: #fff; }

/* Scrollbar (webkit) */
*::-webkit-scrollbar { width: 10px; height: 10px; }
*::-webkit-scrollbar-track { background: #0a0a0a; }
*::-webkit-scrollbar-thumb { background: linear-gradient(180deg, #2f2f2f, #1e1e1e); border-radius: 6px; border: 2px solid #0a0a0a; }
*::-webkit-scrollbar-thumb:hover { background: linear-gradient(180deg, #3a3a3a, #222); }

/* Navbar */
.glass-navbar {
  background: rgba(10, 10, 10, 0.75);
  backdrop-filter: saturate(140%) blur(10px);
  -webkit-backdrop-filter: saturate(140%) blur(10px);
  border-bottom: 1px solid rgba(212, 175, 55, 0.35);
}

.navbar-dark .navbar-brand,
.navbar-dark .navbar-nav .nav-link {
  color: var(--muted);
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link.active {
  color: var(--gold);
}

.brand-mark {
  width: 36px;
  height: 36px;
  color: #0b0b0b;
  background: linear-gradient(135deg, var(--gold), var(--gold-2));
  box-shadow: 0 0 16px rgba(212, 175, 55, 0.35);
}

.navbar-toggler { border-color: rgba(212,175,55,.35); }

.nav-underline {
  position: relative;
}

.nav-underline::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -6px;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--gold), transparent);
  opacity: 0.55;
  transform: scaleX(0);
  transition: transform 0.25s ease;
}

.nav-underline:hover::after,
.nav-link.active.nav-underline::after {
  transform: scaleX(1);
}

.btn-cart {
  color: var(--gold);
  background: linear-gradient(135deg, rgba(212, 175, 55, 0.2), rgba(184, 145, 28, 0.15));
  border: 1px solid rgba(212, 175, 55, 0.35);
}

.btn-cart:hover {
  color: #ffffff;
  background: linear-gradient(135deg, rgba(212, 175, 55, 0.3), rgba(184, 145, 28, 0.25));
}

.cart-count {
  background-color: #b22222;
}

/* Buttons */
.btn {
  border-radius: 0.5rem;
  transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
}

.btn-primary {
  color: #0b0b0b;
  background-color: var(--gold);
  border-color: var(--gold-2);
}

.btn-primary:hover {
  color: #0b0b0b;
  background-color: #e0c15e;
  border-color: #c8a032;
  box-shadow: 0 10px 30px rgba(212,175,55,.25);
  transform: translateY(-1px);
}

.btn-outline-primary {
  color: var(--gold);
  border-color: var(--gold-2);
}

.btn-outline-primary:hover {
  color: #0b0b0b;
  background-color: var(--gold);
  border-color: var(--gold-2);
  box-shadow: 0 10px 30px rgba(212,175,55,.25);
  transform: translateY(-1px);
}

.btn-ghost {
  color: var(--gold);
  background: transparent;
  border: 1px dashed rgba(212,175,55,.35);
}

.btn-ghost:hover {
  color: #fff;
  background: rgba(212,175,55,.15);
  border-color: rgba(212,175,55,.55);
}

/* Cards */
.card {
  background-color: var(--surface);
  border: 1px solid rgba(212, 175, 55, 0.25);
  color: var(--text);
  box-shadow: 0 10px 30px rgba(0,0,0,.25);
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.card-header,
.card-footer {
  border-color: rgba(212, 175, 55, 0.2);
  background-color: #161616;
}

.card-title {
  color: var(--gold);
}

.card:hover { border-color: rgba(212,175,55,.4); box-shadow: 0 18px 50px rgba(0,0,0,.35); transform: translateY(-2px); }

/* Forms */
.form-control,
.form-select {
  background-color: #151515;
  border: 1px solid #2a2a2a;
  color: var(--text);
}

.form-control::placeholder {
  color: var(--muted);
}

.form-control:focus,
.form-select:focus {
  border-color: var(--gold);
  box-shadow: 0 0 0 0.25rem rgba(212, 175, 55, 0.25);
  background-color: #1a1a1a;
  color: var(--text);
}

.form-check-input { background-color: #101010; border-color: #2a2a2a; }
.form-check-input:checked { background-color: var(--gold); border-color: var(--gold-2); }

/* Tables */
.table {
  color: var(--text);
  background-color: #141414;
}

.table thead,
.table-dark {
  background-color: #141414;
}

.table-striped > tbody > tr:nth-of-type(odd) {
  --bs-table-accent-bg: rgba(255, 255, 255, 0.02);
  color: var(--text);
}

.badge { border-radius: .5rem; }
.badge-pending { background-color: rgba(212,175,55,.25); color: var(--gold); }
.badge-confirmed { background-color: rgba(61,165,244,.18); color: var(--info); }
.badge-completed { background-color: rgba(48,181,102,.18); color: var(--success); }
.badge-cancelled { background-color: rgba(255,255,255,.12); color: var(--muted); }

/* Footer */
.site-footer {
  background: radial-gradient(circle at 10% 10%, rgba(30, 30, 30, 1) 0%, rgba(10, 10, 10, 1) 60%);
  border-top: 1px solid rgba(212, 175, 55, 0.3);
}

.footer-title {
  color: var(--gold);
}

.footer-links a {
  color: var(--muted);
}

.footer-links a:hover {
  color: var(--gold);
}

.footer-sep {
  border-color: rgba(212, 175, 55, 0.2);
}

.footer-logo {
  filter: drop-shadow(0 0 6px rgba(212, 175, 55, 0.3));
}

/* Offcanvas */
.offcanvas.text-bg-dark {
  background-color: #0f0f0f !important;
  color: var(--text);
}

.btn-close-white {
  filter: hue-rotate(25deg) saturate(140%);
}

/* ===== White Navbar Variant ===== */
.navbar-white.glass-navbar {
  background: #ffffff !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.navbar-white .navbar-brand,
.navbar-white .navbar-nav .nav-link {
  color: #212529;
}
.navbar-white .navbar-nav .nav-link:hover,
.navbar-white .navbar-nav .nav-link.active {
  color: var(--gold);
}

.navbar-white .brand-mark { background: rgba(212,175,55,.12); color: var(--gold); }
.navbar-white .btn-cart {
  color: #212529;
  background: rgba(0, 0, 0, 0.04);
  border: 1px solid rgba(0, 0, 0, 0.08);
}
.navbar-white .btn-cart:hover { background: rgba(0, 0, 0, 0.08); }

/* Ensure white navbar text colors override site.css defaults */
.navbar.bg-white .navbar-brand,
.navbar.bg-white .navbar-nav .nav-link { color: #212529 !important; }
.navbar.bg-white .navbar-nav .nav-link:hover,
.navbar.bg-white .navbar-nav .nav-link.active { color: var(--gold) !important; }
.navbar.bg-white .btn-cart {
  color: #212529 !important;
  background: rgba(0,0,0,.04);
  border: 1px solid rgba(0,0,0,.08);
}
.navbar.bg-white .btn-cart:hover { background: rgba(0,0,0,.08); }

/* Misc */
hr {
  border-color: rgba(212, 175, 55, 0.2);
}

/* Dropdowns & Modal */
.dropdown-menu { background-color: #121212; border: 1px solid rgba(212,175,55,.25); }
.dropdown-item { color: var(--text); }
.dropdown-item:hover { background-color: rgba(212,175,55,.12); color: #fff; }
.modal-content { background-color: #121212; color: var(--text); border: 1px solid rgba(212,175,55,.25); }
.modal-header, .modal-footer { border-color: rgba(212,175,55,.2); }

/* Utilities */
.gold-divider { height: 2px; background: linear-gradient(90deg, transparent, var(--gold), transparent); opacity: .8; }
.gold-border { border: 1px solid rgba(212,175,55,.35) !important; }
.gold-shine {
    position: relative;
    overflow: hidden;
}

    .gold-shine::after {
        content: "";
        position: absolute;
        top: 0;
        left: -100%;
        width: 60%;
        height: 100%;
        background: linear-gradient( 120deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.25) 40%, rgba(255,255,255,0) 80% );
        transform: skewX(-12deg);
        animation: shine 4s ease-in-out infinite;
    }

/* انیمیشن درخشش خودکار */
@keyframes shine {
    0% {
        left: -100%;
    }

    20% {
        left: 120%;
    }

    100% {
        left: 120%;
    }
}
/* Remove external hero bg to avoid blocked requests */
.hero-bg { background: none !important; opacity: 0 !important; }