/* ============================================
   GLOBAL FIX CSS — minimal, no nav overrides
   main.css handles all nav styling
   ============================================ */

/* Mobile nav open state — must be here because main.css media query only hides it */
@media (max-width: 768px) {
  .nav-toggle { display: flex !important; }
  .nav-links.open { display: flex !important; }
}

/* Nav user badge */
.nav-user-badge {
  display: flex; align-items: center; gap: 0.4rem;
  background: rgba(201,168,76,0.08); border: 1px solid rgba(201,168,76,0.25);
  border-radius: 30px; padding: 0.3rem 0.8rem 0.3rem 0.3rem;
  flex-shrink: 0; white-space: nowrap;
}
.nav-avatar {
  width: 32px; height: 32px; border-radius: 50%;
  background: linear-gradient(135deg, var(--gold), var(--gold-light));
  color: var(--black); font-family: var(--font-display);
  font-size: 0.9rem; font-weight: 700;
  display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
.nav-user-name { font-family: var(--font-ui); font-size: 0.85rem; color: var(--gold); font-weight: 600; }
.nav-logout-btn {
  background: none; border: 1px solid rgba(255,107,107,0.3);
  color: var(--silver); font-family: var(--font-ui); font-size: 0.8rem;
  padding: 0.2rem 0.6rem; border-radius: 8px; cursor: pointer; transition: all 0.3s;
}
.nav-logout-btn:hover { color: #ff6b6b; border-color: rgba(255,107,107,0.6); }

/* Hindi toggle button */
.nav-hindi-btn {
  background: rgba(255,153,0,0.1); border: 1px solid rgba(255,153,0,0.3);
  color: #ffaa00; font-family: var(--font-ui); font-size: 0.82rem; font-weight: 600;
  padding: 0.4rem 0.85rem; border-radius: 20px; cursor: pointer;
  transition: all 0.3s; letter-spacing: 0.04em; white-space: nowrap; flex-shrink: 0;
}
.nav-hindi-btn:hover { background: rgba(255,153,0,0.2); }

/* Toast */
.toast { position:fixed;bottom:2rem;right:2rem;background:rgba(10,10,30,.95);border:1px solid rgba(201,168,76,.3);border-radius:14px;padding:1rem 1.4rem;display:flex;align-items:center;gap:.8rem;z-index:99999;transform:translateY(100px);opacity:0;transition:all .4s cubic-bezier(.16,1,.3,1);max-width:380px; }
.toast.show { transform:translateY(0);opacity:1; }
.toast-icon { font-size:1.3rem;flex-shrink:0; }
.toast-text strong { display:block;font-family:var(--font-ui);color:var(--gold);font-size:.88rem; }
.toast-text span { font-family:var(--font-ui);color:var(--silver);font-size:.8rem; }

/* Modal */
.modal-overlay { position:fixed;inset:0;background:rgba(2,2,10,.85);z-index:10000;display:none;align-items:center;justify-content:center;padding:1rem;backdrop-filter:blur(8px); }
.modal-overlay.open { display:flex; }
.modal { background:rgba(8,8,30,.97);border:1px solid rgba(201,168,76,.25);border-radius:24px;padding:2rem;position:relative;width:100%;box-shadow:0 0 60px rgba(74,29,150,.5);animation:modalIn .3s cubic-bezier(.16,1,.3,1); }
@keyframes modalIn { from{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1} }
.modal-close { position:absolute;top:1rem;right:1rem;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--silver);cursor:pointer;font-size:.85rem;transition:all .3s; }
.modal-close:hover { background:rgba(255,107,107,.15);color:#ff6b6b;border-color:rgba(255,107,107,.3); }

/* Utility */
.hidden { display:none !important; }

/* Review form */
.star-inp { font-size:2.2rem;color:rgba(201,168,76,.2);cursor:pointer;transition:all .15s;line-height:1;user-select:none; }
.star-inp.lit { color:var(--gold);text-shadow:0 0 10px rgba(201,168,76,.5); }

/* Select custom arrow */
select.form-input {
  appearance: none; -webkit-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath stroke='%23c9a84c' stroke-width='1.5' fill='none' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: right 1rem center;
  padding-right: 2.5rem !important; cursor: pointer;
}
select.form-input option { background: #0a0a1e; color: #f5f0ff; }

/* Dashboard cursor off */
.dashboard-body .cursor-glow, .dashboard-body .cursor-trail { display:none; }