/* ══════════════════════════════════════════════════════════
   premium-enhance.css
   শুধু Visual Enhancement — কোনো Logic, কোনো Structure Change
   করা হয়নি। Vant UI-এর Standard, Public Class Name ব্যবহার
   করা হয়েছে (যেমন .van-button, .van-cell) যেগুলো Compiled
   App-এও কখনো বদলায় না, তাই এটা Safe।

   Original Theme File-এর কোনো Line মুছে ফেলা বা Overwrite করা
   হয়নি — এই File আলাদা, শুধু নতুন Visual Polish যোগ করে।
   ══════════════════════════════════════════════════════════ */

/* ── Premium Gold Accent Variable (নতুন, Existing Variable-কে Override করে না) ── */
:root {
  --premium-gold: #F5C542;
  --premium-gold-soft: #E9C77A;
  --premium-glass: rgba(255,255,255,0.04);
  --premium-glass-border: rgba(255,255,255,0.08);
  --premium-shadow-soft: 0 8px 24px -8px rgba(0,0,0,0.5);
  --premium-shadow-glow: 0 0 24px -4px rgba(245,197,66,0.25);
}

/* ── Smooth Transition on Interactive Elements Only (Broad "*" Selector Avoid Kora Hoyeche, Karon Eta Game Canvas/Animation-Er Sathe Conflict Korte Pare) ── */
.van-button, .van-card, .van-cell, .van-tag, .van-grid-item__content, .van-tabbar-item, .van-nav-bar {
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}

/* ── Card / Cell — হালকা Glassmorphism + Premium Shadow ── */
.van-card,
.van-cell,
.van-cell-group,
.van-collapse-item,
.van-swipe-cell {
  background: linear-gradient(160deg, rgba(255,255,255,0.03), rgba(255,255,255,0)) , var(--bg_color_L3) !important;
  border: 1px solid var(--premium-glass-border) !important;
  border-radius: 16px !important;
  box-shadow: var(--premium-shadow-soft) !important;
  backdrop-filter: blur(6px);
}

/* ── Button — Premium Gradient + Hover Lift + Glow ── */
.van-button--primary {
  border: none !important;
  box-shadow: var(--premium-shadow-soft), 0 0 0 1px rgba(255,255,255,0.06) inset !important;
  letter-spacing: .02em;
}
.van-button--primary:active {
  transform: scale(0.97);
  filter: brightness(1.08);
}
.van-button {
  border-radius: 14px !important;
}

/* ── Nav Bar — হালকা Glass + Bottom Glow Line ── */
.van-nav-bar {
  background: linear-gradient(180deg, rgba(0,0,0,0.35), rgba(0,0,0,0.1)) !important;
  backdrop-filter: blur(10px);
  position: relative;
}
.van-nav-bar::after {
  content: '';
  position: absolute; left: 0; right: 0; bottom: 0; height: 1px;
  background: linear-gradient(90deg, transparent, var(--premium-gold-soft), transparent);
  opacity: .35;
}

/* ── Tabbar (নিচের Menu) — Premium Active Glow ── */
.van-tabbar {
  backdrop-filter: blur(14px);
  box-shadow: 0 -8px 24px -8px rgba(0,0,0,0.4) !important;
}
.van-tabbar-item--active {
  filter: drop-shadow(0 0 6px rgba(245,197,66,0.35));
}

/* ── Popup / Dialog — Premium Rounded + Blur Backdrop ── */
.van-popup {
  border-radius: 20px 20px 0 0 !important;
  box-shadow: 0 -12px 40px -12px rgba(0,0,0,0.6) !important;
}
.van-overlay {
  backdrop-filter: blur(3px);
}
.van-dialog {
  border-radius: 18px !important;
  overflow: hidden;
}

/* ── Field / Input — Premium Focus Glow ── */
.van-field__control {
  transition: all .18s ease !important;
}
.van-cell--required .van-field__control:focus,
.van-field--focused {
  box-shadow: 0 0 0 2px rgba(245,197,66,0.18) !important;
  border-radius: 8px;
}

/* ── Grid Item (Home Menu Icons) — Hover/Press Feedback ── */
.van-grid-item__content:active {
  transform: scale(0.94);
  filter: brightness(1.1);
}

/* ── Progress Bar — Premium Shine ── */
.van-progress__portion {
  background: var(--progress_bar) !important;
  box-shadow: 0 0 10px rgba(255,193,71,0.4);
}

/* ── Loading Spinner — Smoother, Premium Feel ── */
.van-loading__spinner {
  filter: drop-shadow(0 0 6px rgba(245,197,66,0.3));
}

/* ── Badge / Tag — Premium Gradient ── */
.van-tag--primary {
  background: var(--main_gradient_color) !important;
  border: none !important;
  box-shadow: 0 2px 8px -2px rgba(0,0,0,0.4);
}

/* ── Swipe / Banner Image — Rounded + Shadow (Home Banner) ── */
.van-swipe-item img {
  border-radius: 14px;
}

/* ── Scrollbar (Desktop Preview) — Premium Thin Style ── */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-thumb { background: var(--Stroke_color); border-radius: 4px; }
::-webkit-scrollbar-track { background: transparent; }