/* ═══════════════════════════════════════════════════════════════════
   نقش‌نامه — GLASS LAYER v1  «شیشه مخملی»
   طراحی: glassmorphism + noise texture + fluid motion
   ═══════════════════════════════════════════════════════════════════ */

/* ══════════════════════════════════════════════════════
   G1  GLASS TOKENS — متغیرهای شیشه‌ای
   ══════════════════════════════════════════════════════ */
:root {
  --glass-bg:         rgba(255,255,255,.045);
  --glass-bg-md:      rgba(255,255,255,.07);
  --glass-bg-hi:      rgba(255,255,255,.10);
  --glass-border:     rgba(255,255,255,.10);
  --glass-border-hi:  rgba(255,255,255,.20);
  --glass-blur:       18px;
  --glass-blur-heavy: 32px;
  --glass-sat:        saturate(1.8);
  --glass-sat-heavy:  saturate(2.2);

  /* شیشه بنفش */
  --glass-violet:        rgba(139,92,246,.12);
  --glass-violet-border: rgba(139,92,246,.28);

  /* شیشه طلایی */
  --glass-gold:        rgba(201,162,39,.10);
  --glass-gold-border: rgba(201,162,39,.25);

  /* شیشه رزگلد */
  --glass-rose:        rgba(232,121,160,.09);
  --glass-rose-border: rgba(232,121,160,.22);

  /* سایه شیشه */
  --glass-shadow:   0 8px 40px rgba(0,0,0,.45), 0 2px 8px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.09);
  --glass-shadow-hover: 0 16px 60px rgba(0,0,0,.55), 0 4px 16px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.13);
  --glass-shadow-violet: 0 12px 48px rgba(0,0,0,.5), 0 0 40px rgba(139,92,246,.22), inset 0 1px 0 rgba(255,255,255,.10);
  --glass-shadow-gold:   0 12px 48px rgba(0,0,0,.5), 0 0 40px rgba(201,162,39,.20), inset 0 1px 0 rgba(255,255,255,.10);

  /* noise texture */
  --noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E");
}

body.light-mode {
  --glass-bg:        rgba(255,255,255,.55);
  --glass-bg-md:     rgba(255,255,255,.65);
  --glass-bg-hi:     rgba(255,255,255,.80);
  --glass-border:    rgba(0,0,0,.08);
  --glass-border-hi: rgba(0,0,0,.15);
  --glass-shadow:    0 8px 40px rgba(80,60,130,.12), inset 0 1px 0 rgba(255,255,255,.9);
}

/* ══════════════════════════════════════════════════════
   G2  AMBIENT GLOW LAYER — هاله محیطی
   ══════════════════════════════════════════════════════ */
body::after {
  content: '';
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(ellipse 600px 400px at 15% 20%, rgba(139,92,246,.07), transparent 70%),
    radial-gradient(ellipse 500px 350px at 85% 75%, rgba(201,162,39,.05), transparent 70%),
    radial-gradient(ellipse 400px 300px at 50% 100%, rgba(232,121,160,.04), transparent 70%);
}

/* ══════════════════════════════════════════════════════
   G3  GLASS CARD BASE — کارت شیشه‌ای پایه
   ══════════════════════════════════════════════════════ */
.film-card,
.artist-card,
.work-card,
.news-card {
  background: var(--glass-bg);
  backdrop-filter: blur(var(--glass-blur)) var(--glass-sat);
  -webkit-backdrop-filter: blur(var(--glass-blur)) var(--glass-sat);
  border: 1px solid var(--glass-border);
  box-shadow: var(--glass-shadow);
  border-radius: var(--r-lg);
  will-change: transform;
}

.film-card::after,
.artist-card::after,
.work-card::after,
.news-card::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  border-radius: inherit;
  background: var(--noise);
  opacity: .6;
}

.film-card:hover,
.artist-card:hover,
.work-card:hover {
  background: var(--glass-bg-md);
  border-color: var(--glass-violet-border);
  box-shadow: var(--glass-shadow-violet);
  transform: translateY(-8px) scale(1.015);
}

.news-card:hover {
  background: var(--glass-bg-md);
  border-color: var(--glass-gold-border);
  box-shadow: var(--glass-shadow-gold);
  transform: translateY(-7px);
}

/* لبه درخشان بالایی */
.film-card::before,
.artist-card::before,
.work-card::before,
.news-card::before {
  content: '';
  position: absolute;
  top: 0; right: 0; left: 0;
  height: 1px;
  background: linear-gradient(90deg,
    transparent,
    rgba(255,255,255,.22) 30%,
    rgba(255,255,255,.35) 50%,
    rgba(255,255,255,.22) 70%,
    transparent
  );
  border-radius: inherit;
  z-index: 2;
  pointer-events: none;
  opacity: 0;
  transition: opacity var(--dur);
}
.film-card:hover::before,
.artist-card:hover::before,
.work-card:hover::before,
.news-card:hover::before { opacity: 1; }

/* ══════════════════════════════════════════════════════
   G4  HEADER GLASS — هدر شیشه‌ای
   ══════════════════════════════════════════════════════ */
.site-header {
  background: rgba(12,10,14,.45) !important;
  backdrop-filter: blur(28px) saturate(2) !important;
  -webkit-backdrop-filter: blur(28px) saturate(2) !important;
  border-bottom: 1px solid var(--glass-border) !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.04), 0 4px 28px rgba(0,0,0,.4) !important;
}
.site-header.scrolled {
  background: rgba(12,10,14,.75) !important;
  box-shadow: 0 1px 0 var(--glass-border), 0 8px 40px rgba(0,0,0,.55) !important;
}
body.light-mode .site-header {
  background: rgba(247,245,255,.72) !important;
  box-shadow: 0 1px 0 rgba(0,0,0,.07), 0 4px 20px rgba(80,60,130,.08) !important;
}

/* ══════════════════════════════════════════════════════
   G5  GLASS BUTTONS — دکمه‌های شیشه‌ای
   ══════════════════════════════════════════════════════ */
.btn {
  position: relative;
  isolation: isolate;
  background: linear-gradient(135deg,
    rgba(139,92,246,.9),
    rgba(91,33,182,.95)
  ) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(167,139,250,.35) !important;
  box-shadow:
    0 4px 20px rgba(0,0,0,.4),
    0 0 0 1px rgba(255,255,255,.06) inset,
    0 1px 0 rgba(255,255,255,.18) inset !important;
}
.btn::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(135deg, rgba(255,255,255,.15) 0%, transparent 60%);
  pointer-events: none;
  opacity: 1;
  transition: opacity var(--dur);
}
.btn:hover {
  box-shadow:
    0 8px 30px rgba(0,0,0,.5),
    0 0 28px rgba(139,92,246,.4),
    0 0 0 1px rgba(255,255,255,.08) inset,
    0 1px 0 rgba(255,255,255,.22) inset !important;
  transform: translateY(-3px) !important;
}
.btn-gold {
  background: linear-gradient(135deg, rgba(201,162,39,.9), rgba(138,107,16,.95)) !important;
  border-color: rgba(232,188,58,.35) !important;
}
.btn-gold:hover {
  box-shadow: 0 8px 30px rgba(0,0,0,.5), 0 0 28px rgba(201,162,39,.38) !important;
}

/* Ghost button glass */
.btn-ghost {
  background: var(--glass-bg) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border: 1px solid var(--glass-border) !important;
  box-shadow: var(--glass-shadow) !important;
  color: var(--text-mid) !important;
}
.btn-ghost:hover {
  background: var(--glass-gold) !important;
  border-color: var(--glass-gold-border) !important;
  color: var(--gold-hi) !important;
  box-shadow: var(--glass-shadow-gold) !important;
}

/* ══════════════════════════════════════════════════════
   G6  GLASS PANELS — پانل‌های شیشه‌ای
   ══════════════════════════════════════════════════════ */
.movie-cast,
.movie-crew,
.contact-info-card,
.ai-section-bg,
.lf-inner,
.promo-banner,
.cta-inner,
.search-modal-box {
  background: var(--glass-bg) !important;
  backdrop-filter: blur(var(--glass-blur)) var(--glass-sat) !important;
  -webkit-backdrop-filter: blur(var(--glass-blur)) var(--glass-sat) !important;
  border-color: var(--glass-border) !important;
  box-shadow: var(--glass-shadow) !important;
  position: relative;
}

/* شیشه داشبورد کارت */
.dashboard-card {
  background: var(--glass-bg) !important;
  backdrop-filter: blur(20px) var(--glass-sat) !important;
  -webkit-backdrop-filter: blur(20px) var(--glass-sat) !important;
  border: 1px solid var(--glass-border) !important;
  box-shadow: var(--glass-shadow) !important;
  transition: transform var(--dur) var(--ease), box-shadow var(--dur), border-color var(--dur), background var(--dur) !important;
}
.dashboard-card:hover {
  background: var(--glass-violet) !important;
  border-color: var(--glass-violet-border) !important;
  box-shadow: var(--glass-shadow-violet) !important;
  transform: translateY(-5px) scale(1.01) !important;
}
.dashboard-card--graph {
  background: linear-gradient(135deg, var(--glass-violet), var(--glass-gold)) !important;
  border-color: var(--glass-violet-border) !important;
}

/* پرایس کارت */
.price-card {
  background: var(--glass-bg) !important;
  backdrop-filter: blur(var(--glass-blur)) var(--glass-sat) !important;
  -webkit-backdrop-filter: blur(var(--glass-blur)) var(--glass-sat) !important;
  border-color: var(--glass-border) !important;
  box-shadow: var(--glass-shadow) !important;
}
.price-card:hover {
  background: var(--glass-violet) !important;
  border-color: var(--glass-violet-border) !important;
  box-shadow: var(--glass-shadow-violet) !important;
}
.price-card.featured-plan {
  background: var(--glass-gold) !important;
  border-color: var(--glass-gold-border) !important;
  box-shadow: var(--glass-shadow-gold) !important;
}
.price-card.featured-plan:hover {
  box-shadow: var(--glass-shadow-gold), 0 0 60px rgba(201,162,39,.15) !important;
}

/* ══════════════════════════════════════════════════════
   G7  GLASS FORMS — فرم‌های شیشه‌ای
   ══════════════════════════════════════════════════════ */
input[type=text],
input[type=email],
input[type=password],
input[type=search],
input[type=number],
input[type=date],
input[type=url],
textarea,
select,
.contact-input,
.contact-textarea,
.admin-input,
.admin-search-input {
  background: var(--glass-bg) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border-color: var(--glass-border-hi) !important;
  box-shadow: inset 0 2px 8px rgba(0,0,0,.2), 0 1px 0 rgba(255,255,255,.04) !important;
  transition:
    border-color var(--dur-fast),
    box-shadow var(--dur-fast),
    background var(--dur-fast) !important;
}

input:focus,
textarea:focus,
select:focus,
.contact-input:focus,
.contact-textarea:focus,
.admin-input:focus,
.admin-search-input:focus {
  background: var(--glass-bg-md) !important;
  border-color: rgba(139,92,246,.55) !important;
  box-shadow:
    inset 0 2px 8px rgba(0,0,0,.15),
    0 0 0 3px rgba(139,92,246,.15),
    0 0 20px rgba(139,92,246,.12) !important;
  outline: none !important;
}

/* ══════════════════════════════════════════════════════
   G8  ADMIN SIDEBAR GLASS
   ══════════════════════════════════════════════════════ */
.admin-sidebar {
  background: rgba(12,10,14,.55) !important;
  backdrop-filter: blur(var(--glass-blur-heavy)) var(--glass-sat-heavy) !important;
  -webkit-backdrop-filter: blur(var(--glass-blur-heavy)) var(--glass-sat-heavy) !important;
  border-left: 1px solid var(--glass-border) !important;
  box-shadow: inset -1px 0 0 rgba(255,255,255,.05), 4px 0 24px rgba(0,0,0,.4) !important;
}
body.light-mode .admin-sidebar {
  background: rgba(255,255,255,.75) !important;
  box-shadow: inset -1px 0 0 rgba(0,0,0,.06), 4px 0 24px rgba(80,60,130,.08) !important;
}

/* لینک‌های سایدبار */
.sidebar ul li a,
.sidebar-nav-item a {
  border-radius: var(--r-sm) !important;
  transition:
    background var(--dur-fast),
    color var(--dur-fast),
    padding-right var(--dur) var(--ease),
    box-shadow var(--dur-fast) !important;
}
.sidebar ul li a:hover,
.sidebar-nav-item a:hover {
  background: var(--glass-violet) !important;
  color: var(--violet-hi) !important;
  box-shadow: 0 2px 12px rgba(139,92,246,.15) !important;
  padding-right: 18px !important;
}
.sidebar ul li a.active,
.sidebar-nav-item a.active {
  background: linear-gradient(120deg, var(--glass-violet), rgba(91,33,182,.14)) !important;
  color: var(--violet-hi) !important;
  border: 1px solid var(--glass-violet-border) !important;
  box-shadow: 0 2px 16px rgba(139,92,246,.2) !important;
}

/* ══════════════════════════════════════════════════════
   G9  ADMIN CONTENT GLASS PANELS
   ══════════════════════════════════════════════════════ */
.admin-table {
  background: var(--glass-bg) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border-radius: var(--r) !important;
  border: 1px solid var(--glass-border) !important;
  overflow: hidden !important;
  box-shadow: var(--glass-shadow) !important;
}
table thead {
  background: rgba(255,255,255,.03) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  border-bottom: 1px solid var(--glass-border-hi) !important;
}
table tbody tr:hover {
  background: var(--glass-violet) !important;
}

/* ══════════════════════════════════════════════════════
   G10  ADMIN LOGIN GLASS
   ══════════════════════════════════════════════════════ */
.admin-login-form {
  background: var(--glass-bg-md) !important;
  backdrop-filter: blur(var(--glass-blur-heavy)) var(--glass-sat-heavy) !important;
  -webkit-backdrop-filter: blur(var(--glass-blur-heavy)) var(--glass-sat-heavy) !important;
  border: 1px solid var(--glass-border-hi) !important;
  box-shadow:
    var(--glass-shadow),
    0 0 80px rgba(139,92,246,.10),
    inset 0 1px 0 rgba(255,255,255,.12) !important;
  position: relative;
  overflow: hidden;
}
.admin-login-form::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.3) 50%, transparent);
}
.admin-login-body {
  background: var(--ink-0) !important;
  background-image:
    radial-gradient(ellipse 800px 600px at 30% 20%, rgba(139,92,246,.14), transparent 70%),
    radial-gradient(ellipse 600px 500px at 70% 80%, rgba(201,162,39,.08), transparent 70%) !important;
}

/* ══════════════════════════════════════════════════════
   G11  SEARCH MODAL GLASS
   ══════════════════════════════════════════════════════ */
.search-modal-box {
  border: 1px solid var(--glass-border-hi) !important;
  box-shadow:
    var(--glass-shadow-violet),
    inset 0 1px 0 rgba(255,255,255,.1) !important;
}
.search-modal-backdrop {
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
}
.search-modal-input-wrap {
  background: var(--glass-bg-md) !important;
  border-color: var(--glass-border-hi) !important;
}
.search-modal-input-wrap:focus-within {
  border-color: rgba(139,92,246,.5) !important;
  box-shadow: 0 0 0 3px rgba(139,92,246,.12), 0 0 24px rgba(139,92,246,.12) !important;
}

/* ══════════════════════════════════════════════════════
   G12  MOBILE MENU GLASS
   ══════════════════════════════════════════════════════ */
.mobile-menu-panel {
  background: rgba(12,10,14,.88) !important;
  backdrop-filter: blur(32px) saturate(2.2) !important;
  -webkit-backdrop-filter: blur(32px) saturate(2.2) !important;
  border-bottom: 1px solid var(--glass-border) !important;
}
.mobile-nav {
  background: rgba(12,10,14,.88) !important;
  backdrop-filter: blur(28px) saturate(2) !important;
  -webkit-backdrop-filter: blur(28px) saturate(2) !important;
  border-top: 1px solid var(--glass-border-hi) !important;
}

/* ══════════════════════════════════════════════════════
   G13  HERO GLASS STATS
   ══════════════════════════════════════════════════════ */
.hero-stats {
  display: flex;
  justify-content: center;
  gap: clamp(16px, 4vw, 48px);
  flex-wrap: wrap;
  margin-top: 44px;
}
.hero-stat {
  background: var(--glass-bg);
  backdrop-filter: blur(16px) var(--glass-sat);
  -webkit-backdrop-filter: blur(16px) var(--glass-sat);
  border: 1px solid var(--glass-border);
  border-radius: var(--r-lg);
  padding: 18px 28px;
  text-align: center;
  box-shadow: var(--glass-shadow);
  transition: transform var(--dur) var(--ease), box-shadow var(--dur);
  min-width: 110px;
}
.hero-stat:hover {
  transform: translateY(-4px);
  box-shadow: var(--glass-shadow-violet);
  border-color: var(--glass-violet-border);
}

/* ══════════════════════════════════════════════════════
   G14  GLASS FOOTER
   ══════════════════════════════════════════════════════ */
.site-footer-v2 {
  background: rgba(12,10,14,.6) !important;
  backdrop-filter: blur(24px) var(--glass-sat) !important;
  -webkit-backdrop-filter: blur(24px) var(--glass-sat) !important;
  border-top: 1px solid var(--glass-border) !important;
}
.fsoc-btn {
  background: var(--glass-bg) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border-color: var(--glass-border-hi) !important;
  transition: all var(--dur) var(--ease) !important;
}
.fsoc-btn:hover {
  background: var(--glass-gold) !important;
  border-color: var(--glass-gold-border) !important;
  transform: translateY(-4px) scale(1.08) !important;
  box-shadow: 0 8px 24px rgba(201,162,39,.25) !important;
}

/* ══════════════════════════════════════════════════════
   G15  GLASS TOASTS + BACK-TO-TOP
   ══════════════════════════════════════════════════════ */
.toast {
  background: var(--glass-bg-hi) !important;
  backdrop-filter: blur(20px) var(--glass-sat) !important;
  -webkit-backdrop-filter: blur(20px) var(--glass-sat) !important;
  border-color: var(--glass-border-hi) !important;
  box-shadow: var(--glass-shadow) !important;
}
.back-to-top {
  background: linear-gradient(135deg, rgba(139,92,246,.85), rgba(91,33,182,.90)) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border: 1px solid rgba(167,139,250,.3) !important;
  box-shadow:
    0 8px 28px rgba(0,0,0,.5),
    0 0 28px rgba(139,92,246,.3) !important;
}

/* ══════════════════════════════════════════════════════
   G16  GLASS PAGINATION
   ══════════════════════════════════════════════════════ */
.pagination a,
.pagination span,
.page-link {
  background: var(--glass-bg) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border-color: var(--glass-border-hi) !important;
  box-shadow: var(--glass-shadow) !important;
  transition: all var(--dur) var(--ease) !important;
}
.pagination a:hover,
.page-link:hover {
  background: var(--glass-violet) !important;
  border-color: var(--glass-violet-border) !important;
  box-shadow: var(--glass-shadow-violet) !important;
  transform: translateY(-2px) !important;
}
.pagination .active,
.page-link.active {
  background: linear-gradient(135deg, rgba(139,92,246,.9), rgba(91,33,182,.95)) !important;
  border-color: rgba(167,139,250,.4) !important;
  box-shadow: 0 4px 18px rgba(139,92,246,.45), inset 0 1px 0 rgba(255,255,255,.15) !important;
}

/* ══════════════════════════════════════════════════════
   G17  GLASS BADGE TAGS
   ══════════════════════════════════════════════════════ */
.artist-jobs span,
.movie-meta-row span,
.movie-year-badge {
  background: var(--glass-bg-md) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  border-color: var(--glass-border-hi) !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.25) !important;
  transition: all var(--dur-fast) !important;
}
.artist-jobs span:hover,
.movie-meta-row span:hover {
  background: var(--glass-violet) !important;
  border-color: var(--glass-violet-border) !important;
  box-shadow: 0 2px 16px rgba(139,92,246,.2) !important;
  transform: translateY(-1px);
}
.movie-year-badge {
  background: var(--glass-gold) !important;
  border-color: var(--glass-gold-border) !important;
  color: var(--gold-hi) !important;
}

/* ══════════════════════════════════════════════════════
   G18  GLASS CHATBOT STATS
   ══════════════════════════════════════════════════════ */
.chatbot-stat-card {
  background: var(--glass-bg) !important;
  backdrop-filter: blur(16px) var(--glass-sat) !important;
  -webkit-backdrop-filter: blur(16px) var(--glass-sat) !important;
  border: 1px solid var(--glass-border) !important;
  box-shadow: var(--glass-shadow) !important;
}
.chatbot-stat-card:hover {
  background: var(--glass-violet) !important;
  border-color: var(--glass-violet-border) !important;
  box-shadow: var(--glass-shadow-violet) !important;
}

/* ══════════════════════════════════════════════════════
   G19  GLASS GALLERY ITEMS
   ══════════════════════════════════════════════════════ */
.gallery-item,
.admin-gallery-item {
  backdrop-filter: blur(4px) !important;
  -webkit-backdrop-filter: blur(4px) !important;
  border: 1px solid var(--glass-border) !important;
  box-shadow: var(--glass-shadow) !important;
  transition: transform .3s var(--ease), box-shadow .3s var(--ease), border-color .3s !important;
}
.gallery-item:hover,
.admin-gallery-item:hover {
  border-color: var(--glass-violet-border) !important;
  box-shadow: var(--glass-shadow-violet) !important;
  transform: translateY(-4px) scale(1.025) !important;
}

/* ══════════════════════════════════════════════════════
   G20  LF-TAB GLASS
   ══════════════════════════════════════════════════════ */
.lf-tab {
  background: var(--glass-bg) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border-color: var(--glass-border-hi) !important;
  box-shadow: 0 2px 10px rgba(0,0,0,.2) !important;
}
.lf-tab.active {
  background: linear-gradient(135deg, rgba(139,92,246,.9), rgba(91,33,182,.95)) !important;
  border-color: rgba(167,139,250,.35) !important;
  box-shadow: 0 4px 18px rgba(139,92,246,.35) !important;
}
.lf-tab:hover:not(.active) {
  background: var(--glass-violet) !important;
  border-color: var(--glass-violet-border) !important;
}

/* ══════════════════════════════════════════════════════
   G21  CINEMA POSTER GLASS
   ══════════════════════════════════════════════════════ */
.cinema-hero-poster img {
  box-shadow:
    0 24px 80px rgba(0,0,0,.8),
    0 0 0 1px rgba(255,255,255,.08),
    0 0 60px rgba(139,92,246,.15) !important;
}
.cinema-hero-poster img:hover {
  box-shadow:
    0 32px 100px rgba(0,0,0,.85),
    0 0 0 1px rgba(255,255,255,.12),
    0 0 80px rgba(139,92,246,.25) !important;
  transform: scale(1.025) translateY(-6px) !important;
}

/* ══════════════════════════════════════════════════════
   G22  ADMIN FORM GLASS
   ══════════════════════════════════════════════════════ */
.admin-form {
  background: var(--glass-bg) !important;
  backdrop-filter: blur(20px) var(--glass-sat) !important;
  -webkit-backdrop-filter: blur(20px) var(--glass-sat) !important;
  border: 1px solid var(--glass-border) !important;
  border-radius: var(--r-lg) !important;
  padding: 28px 32px !important;
  box-shadow: var(--glass-shadow) !important;
  position: relative;
  overflow: hidden;
}
.admin-form::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.18) 40%, rgba(255,255,255,.24) 60%, transparent);
  pointer-events: none;
}

/* ══════════════════════════════════════════════════════
   G23  SHARE BUTTON GLASS
   ══════════════════════════════════════════════════════ */
.share-btn {
  background: var(--glass-bg) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border-color: var(--glass-border-hi) !important;
  box-shadow: var(--glass-shadow) !important;
  transition: all var(--dur) var(--ease) !important;
}
.share-btn:hover {
  background: var(--glass-violet) !important;
  border-color: var(--glass-violet-border) !important;
  box-shadow: var(--glass-shadow-violet) !important;
  transform: translateY(-2px) !important;
}

/* ══════════════════════════════════════════════════════
   G24  HEADER BUTTONS GLASS
   ══════════════════════════════════════════════════════ */
.theme-toggle-btn,
.nav-search-btn,
.nav-ai-btn {
  background: var(--glass-bg) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border-color: var(--glass-border-hi) !important;
  box-shadow: 0 2px 10px rgba(0,0,0,.25) !important;
}
.theme-toggle-btn:hover,
.nav-search-btn:hover,
.nav-ai-btn:hover {
  background: var(--glass-violet) !important;
  border-color: var(--glass-violet-border) !important;
  box-shadow: 0 4px 18px rgba(139,92,246,.3) !important;
  color: var(--violet-hi) !important;
}

/* ══════════════════════════════════════════════════════
   G25  STATIC LIST GLASS
   ══════════════════════════════════════════════════════ */
.static-list-item {
  background: var(--glass-bg) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border-color: var(--glass-border) !important;
  box-shadow: 0 2px 12px rgba(0,0,0,.2) !important;
}
.static-list-item:hover {
  background: var(--glass-violet) !important;
  border-color: var(--glass-violet-border) !important;
  box-shadow: 0 4px 20px rgba(139,92,246,.18) !important;
}

/* ══════════════════════════════════════════════════════
   G26  SCROLLBAR GLASS
   ══════════════════════════════════════════════════════ */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track {
  background: rgba(255,255,255,.02);
  border-radius: 10px;
}
::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, rgba(139,92,246,.6), rgba(201,162,39,.5));
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,.05);
}
::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, rgba(139,92,246,.85), rgba(201,162,39,.75));
}

/* ══════════════════════════════════════════════════════
   G27  CONTACT SUBMIT GLASS
   ══════════════════════════════════════════════════════ */
.contact-submit-btn {
  background: linear-gradient(135deg, rgba(139,92,246,.9), rgba(91,33,182,.95)) !important;
  border: 1px solid rgba(167,139,250,.35) !important;
  box-shadow:
    0 4px 20px rgba(0,0,0,.4),
    0 0 28px rgba(139,92,246,.2),
    inset 0 1px 0 rgba(255,255,255,.15) !important;
  backdrop-filter: blur(8px) !important;
}
.contact-submit-btn:hover {
  box-shadow:
    0 8px 32px rgba(0,0,0,.5),
    0 0 40px rgba(139,92,246,.35),
    inset 0 1px 0 rgba(255,255,255,.18) !important;
  transform: translateY(-3px) !important;
}

/* ══════════════════════════════════════════════════════
   G28  EMPTY STATE LINKS GLASS
   ══════════════════════════════════════════════════════ */
.empty-state a {
  background: var(--glass-bg) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border-color: var(--glass-violet-border) !important;
  box-shadow: 0 2px 12px rgba(139,92,246,.12) !important;
}
.empty-state a:hover {
  background: var(--glass-violet) !important;
  box-shadow: 0 4px 20px rgba(139,92,246,.25) !important;
}

/* ══════════════════════════════════════════════════════
   G29  ADMIN TOAST GLASS
   ══════════════════════════════════════════════════════ */
.admin-toast {
  background: linear-gradient(135deg, var(--glass-bg-hi), var(--glass-violet)) !important;
  backdrop-filter: blur(20px) var(--glass-sat) !important;
  -webkit-backdrop-filter: blur(20px) var(--glass-sat) !important;
  border: 1px solid var(--glass-violet-border) !important;
  box-shadow: var(--glass-shadow-violet) !important;
}

/* ══════════════════════════════════════════════════════
   G30  RESPONSIVE GLASS ADJUSTMENTS
   ══════════════════════════════════════════════════════ */

/* روی دستگاه‌های ضعیف‌تر، blur را کمتر کن */
@media (prefers-reduced-motion: reduce) {
  .film-card,
  .artist-card,
  .work-card,
  .news-card,
  .dashboard-card,
  .price-card,
  .hero-stat {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    background: var(--ink-2) !important;
  }
}

@media (max-width: 760px) {
  :root {
    --glass-blur: 14px;
    --glass-blur-heavy: 22px;
  }
  .film-card:hover,
  .artist-card:hover {
    transform: translateY(-4px) !important;
  }
}

@media (max-width: 480px) {
  :root {
    --glass-blur: 10px;
    --glass-blur-heavy: 18px;
  }
}

/* ══════════════════════════════════════════════════════
   G31  FLIP CARD GLASS
   ══════════════════════════════════════════════════════ */
.flip-card-front,
.flip-card-back {
  backdrop-filter: blur(12px) var(--glass-sat);
  -webkit-backdrop-filter: blur(12px) var(--glass-sat);
  border-color: var(--glass-border) !important;
  box-shadow: var(--glass-shadow) !important;
}
.flip-card-back {
  background: var(--glass-bg-md) !important;
  border-color: var(--glass-violet-border) !important;
}
.flip-card:hover .flip-card-inner {
  filter: drop-shadow(0 20px 40px rgba(139,92,246,.2));
}

/* ══════════════════════════════════════════════════════
   G32  BREADCRUMB GLASS
   ══════════════════════════════════════════════════════ */
.breadcrumb {
  background: var(--glass-bg);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid var(--glass-border);
  border-radius: var(--r);
  box-shadow: 0 2px 12px rgba(0,0,0,.2);
  padding: 10px clamp(16px,4vw,28px) !important;
  margin-bottom: 12px !important;
}

/* ══════════════════════════════════════════════════════
   G33  ADMIN ALERT GLASS
   ══════════════════════════════════════════════════════ */
.admin-alert--error {
  background: rgba(248,113,113,.08) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border-color: rgba(248,113,113,.28) !important;
  box-shadow: 0 4px 18px rgba(248,113,113,.1) !important;
}
.form-success {
  background: rgba(52,211,153,.08) !important;
  backdrop-filter: blur(12px) !important;
  border-color: rgba(52,211,153,.28) !important;
  box-shadow: 0 4px 18px rgba(52,211,153,.1) !important;
}
.form-error {
  background: rgba(248,113,113,.08) !important;
  backdrop-filter: blur(12px) !important;
  border-color: rgba(248,113,113,.28) !important;
  box-shadow: 0 4px 18px rgba(248,113,113,.1) !important;
}

/* ══════════════════════════════════════════════════════
   G34  HERO BADGE GLASS
   ══════════════════════════════════════════════════════ */
.hero-badge {
  background: var(--glass-violet) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border-color: var(--glass-violet-border) !important;
  box-shadow: 0 4px 20px rgba(139,92,246,.2), inset 0 1px 0 rgba(255,255,255,.1) !important;
}

/* ══════════════════════════════════════════════════════
   G35  PROMO BANNER GLASS
   ══════════════════════════════════════════════════════ */
.promo-banner {
  background: var(--glass-bg-md) !important;
  backdrop-filter: blur(var(--glass-blur)) var(--glass-sat) !important;
  -webkit-backdrop-filter: blur(var(--glass-blur)) var(--glass-sat) !important;
  border-color: var(--glass-gold-border) !important;
  box-shadow: var(--glass-shadow-gold) !important;
}