@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800&display=swap');

:root {
  --mn-bg: #120e1a;
  --mn-bg-panel: #1b1526;
  --mn-panel-2: #241c33;
  --mn-parchment: #f1e9f5;
  --mn-dim: #b9aecb;
  --mn-gold: #d9a441;
  --mn-gold-bright: #f0c464;
  --mn-red: #8a2f3a;
  --mn-green: #3f8a5c;
  --mn-shadow: rgba(0, 0, 0, 0.5);
  --mn-radius: 12px;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  font-family: 'Vazirmatn', Tahoma, sans-serif;
  background: var(--mn-bg);
  color: var(--mn-parchment);
  direction: rtl;
  line-height: 1.8;
}

a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
button, input, select, textarea { font-family: inherit; }

.container { max-width: 1180px; margin: 0 auto; padding: 0 18px; }

.mn-topbar {
  background: var(--mn-bg-panel);
  border-bottom: 3px solid var(--mn-gold);
  box-shadow: 0 4px 14px var(--mn-shadow);
  position: sticky; top: 0; z-index: 40;
}
.mn-topbar-inner { display: flex; align-items: center; justify-content: space-between; padding: 14px 0; flex-wrap: wrap; gap: 12px; }
.mn-logo { display: flex; align-items: center; gap: 10px; font-size: 1.5rem; font-weight: 800; color: var(--mn-gold-bright); }
.mn-nav { display: flex; gap: 16px; font-weight: 600; color: var(--mn-dim); }
.mn-nav a:hover { color: var(--mn-gold-bright); }

.mn-hero { text-align: center; padding: 34px 0 18px; }
.mn-hero h1 { font-size: 1.9rem; margin: 0 0 8px; color: var(--mn-gold-bright); }
.mn-hero p { color: var(--mn-dim); margin: 0; }

.mn-card {
  background: var(--mn-bg-panel);
  border: 1px solid var(--mn-panel-2);
  border-radius: var(--mn-radius);
  box-shadow: 0 6px 18px var(--mn-shadow);
}

.mn-layout { display: grid; grid-template-columns: 1.3fr 1fr; gap: 18px; margin: 20px 0 40px; align-items: start; }
@media (max-width: 900px) { .mn-layout { grid-template-columns: 1fr; } }

#mn-map { height: 420px; border-radius: var(--mn-radius); overflow: hidden; border: 1px solid var(--mn-panel-2); }

.mn-filters { display: flex; flex-wrap: wrap; gap: 8px; padding: 14px; }
.mn-filters select, .mn-filters input {
  background: var(--mn-panel-2); color: var(--mn-parchment); border: 1px solid #3a2e4d;
  border-radius: 8px; padding: 8px 10px; font-size: 0.85rem;
}

.mn-venue-list { display: flex; flex-direction: column; gap: 10px; padding: 14px; max-height: 480px; overflow-y: auto; }
.mn-venue-item { padding: 12px; border-radius: 10px; background: var(--mn-panel-2); cursor: pointer; transition: background .15s; }
.mn-venue-item:hover { background: #2c2340; }
.mn-venue-item h3 { margin: 0 0 4px; font-size: 1rem; color: var(--mn-gold-bright); }
.mn-venue-item .meta { font-size: .8rem; color: var(--mn-dim); display: flex; gap: 10px; flex-wrap: wrap; }
.mn-badge { display: inline-block; padding: 2px 8px; border-radius: 20px; font-size: .72rem; font-weight: 700; }
.mn-badge.soldout { background: var(--mn-red); color: #fff; }
.mn-badge.open { background: var(--mn-green); color: #fff; }

.mn-btn {
  display: inline-block; background: var(--mn-gold); color: #1b1526; font-weight: 700;
  border: none; border-radius: 8px; padding: 10px 18px; cursor: pointer; font-size: .95rem;
}
.mn-btn:hover { background: var(--mn-gold-bright); }
.mn-btn.secondary { background: var(--mn-panel-2); color: var(--mn-parchment); border: 1px solid #3a2e4d; }
.mn-btn:disabled { opacity: .5; cursor: not-allowed; }

.mn-section { padding: 22px 0; }
.mn-section h2 { color: var(--mn-gold-bright); font-size: 1.2rem; }

.mn-form-row { display: flex; flex-direction: column; gap: 6px; margin-bottom: 12px; }
.mn-form-row label { font-size: .85rem; color: var(--mn-dim); }
.mn-form-row input, .mn-form-row textarea, .mn-form-row select {
  background: var(--mn-panel-2); color: var(--mn-parchment); border: 1px solid #3a2e4d; border-radius: 8px; padding: 10px 12px;
}

.mn-modal-backdrop { position: fixed; inset: 0; background: rgba(0,0,0,.6); display: flex; align-items: center; justify-content: center; z-index: 100; padding: 16px; }
.mn-modal { background: var(--mn-bg-panel); border-radius: var(--mn-radius); padding: 22px; max-width: 420px; width: 100%; }

.mn-ticket { max-width: 460px; margin: 30px auto; padding: 26px; text-align: center; }
.mn-ticket img.qr { width: 200px; height: 200px; margin: 16px auto; }
.mn-ticket .code { font-size: 1.4rem; letter-spacing: 2px; font-weight: 800; color: var(--mn-gold-bright); }
.mn-ticket dl { text-align: right; display: grid; grid-template-columns: auto 1fr; gap: 6px 14px; margin-top: 16px; }
.mn-ticket dt { color: var(--mn-dim); }

@media print {
  .mn-topbar, .no-print { display: none !important; }
  body { background: #fff; color: #000; }
  .mn-ticket { box-shadow: none; border: 1px solid #999; }
}

.mn-msg { padding: 10px 14px; border-radius: 8px; font-size: .88rem; margin: 10px 0; }
.mn-msg.error { background: rgba(138,47,58,.25); color: #f3b7bd; border: 1px solid var(--mn-red); }
.mn-msg.success { background: rgba(63,138,92,.2); color: #b6e6c6; border: 1px solid var(--mn-green); }

table.mn-table { width: 100%; border-collapse: collapse; font-size: .88rem; }
table.mn-table th, table.mn-table td { padding: 8px 10px; border-bottom: 1px solid var(--mn-panel-2); text-align: right; }
table.mn-table th { color: var(--mn-dim); }