/* TawjihiJO — Premium Bordeaux & Gold theme */

:root{
  --red-deep:#6e0e1e;
  --red-darker:#3d0810;
  --red-mid:#8a1526;
  --gold:#c9a227;
  --gold-light:#e8cf8d;
  --ink:#2a1114;
  --cream:#fdf8f0;
  --cream-2:#f7ede0;
  --muted:#8a7368;
  --shadow: 0 10px 30px rgba(62,8,16,.18);
}

*{ margin:0; padding:0; box-sizing:border-box; }

body{
  font-family:'Tajawal','Cairo',Arial,sans-serif;
  color:var(--ink);
  background:
    radial-gradient(circle at 15% 0%, rgba(201,162,39,.08), transparent 45%),
    radial-gradient(circle at 85% 100%, rgba(110,14,30,.08), transparent 45%),
    var(--cream);
  min-height:100vh;
}

/* Topbar */
.topbar{
  background:linear-gradient(120deg,var(--red-darker),var(--red-deep) 55%,var(--red-mid));
  color:#fff;
  text-align:center;
  padding:16px 10px 14px;
  font-weight:700;
  font-size:15px;
  border-bottom:3px solid var(--gold);
  box-shadow:0 4px 14px rgba(0,0,0,.2);
}
.topbar a{ color:#fff; text-decoration:none; letter-spacing:.3px; }
.topbar a:hover{ text-decoration:underline; }

.container{ max-width:480px; margin:0 auto; padding:30px 20px 10px; }

/* Icon / crest */
.icon-circle{
  width:120px; height:120px; margin:0 auto 18px;
  border-radius:50%;
  background:radial-gradient(circle at 35% 30%, #fff, var(--cream-2));
  border:5px solid var(--gold);
  display:flex; align-items:center; justify-content:center;
  box-shadow:var(--shadow), inset 0 0 0 2px rgba(110,14,30,.15);
}
.icon-circle svg{ width:55px; height:55px; fill:var(--red-deep); }

h1.title{
  text-align:center;
  color:var(--red-deep);
  font-size:26px;
  line-height:1.35;
  font-weight:800;
  margin-bottom:8px;
  letter-spacing:.2px;
}

/* Ornamental divider — the signature flourish */
.divider{
  display:flex; align-items:center; justify-content:center; gap:10px;
  margin:6px 0 14px;
  color:var(--gold);
}
.divider::before, .divider::after{
  content:""; height:1px; width:46px;
  background:linear-gradient(90deg, transparent, var(--gold));
}
.divider::after{ background:linear-gradient(90deg, var(--gold), transparent); }
.divider span{ font-size:13px; }

p.subtitle{ text-align:center; color:#5a3b3f; font-size:15px; margin-bottom:18px; }

.year-badge{
  display:block; width:fit-content; margin:0 auto 25px;
  background:linear-gradient(180deg,var(--cream),var(--cream-2));
  border:1.5px solid var(--gold);
  color:var(--red-deep);
  font-weight:800; font-size:18px;
  padding:8px 32px; border-radius:30px;
  box-shadow:0 2px 8px rgba(201,162,39,.25);
}

/* Cards */
.search-card, .result-card, .info-box{
  background:#fff;
  border-radius:18px;
  padding:26px 22px;
  box-shadow:var(--shadow);
  margin-bottom:20px;
  border-top:3px solid var(--gold);
}

.search-card h2{ text-align:center; font-size:19px; color:var(--red-deep); margin-bottom:18px; font-weight:800; }
.search-card input{
  width:100%; padding:16px 15px;
  border:1.5px solid #ecd9c2;
  border-radius:12px; font-size:16px;
  background:var(--cream); text-align:center; margin-bottom:18px;
}
.search-card input:focus{ outline:2px solid var(--gold); border-color:var(--gold); }
.search-card button{
  width:100%; padding:16px; border:none; border-radius:12px;
  background:linear-gradient(90deg,var(--red-mid),var(--red-deep));
  color:#fff; font-size:18px; font-weight:800; cursor:pointer;
  letter-spacing:.3px;
  box-shadow:0 6px 16px rgba(110,14,30,.3);
  transition:filter .15s ease, transform .15s ease;
}
.search-card button:hover{ filter:brightness(1.08); transform:translateY(-1px); }

.error-box{
  background:#fbe9e6; color:#8a1c1c; border:1px solid #f0c6c0;
  padding:14px; border-radius:10px; text-align:center; margin-bottom:18px; font-size:14px;
}

.info-box{ font-size:14px; line-height:2; color:#4a3a3d; text-align:right; border-top:3px solid var(--gold); }

/* Result page */
.name{ text-align:center; font-size:22px; font-weight:800; color:var(--red-deep); margin-bottom:5px; }
.seat{ text-align:center; color:var(--muted); font-size:14px; margin-bottom:20px; }
.row{ display:flex; justify-content:space-between; padding:12px 0; border-bottom:1px solid #f1e4d4; font-size:15px; }
.row span:first-child{ color:#7a6a63; }
.row span:last-child{ font-weight:700; color:var(--ink); }
.status-badge{
  display:block; width:fit-content; margin:20px auto 0;
  padding:10px 32px; border-radius:30px; color:#fff;
  font-weight:800; font-size:17px;
  box-shadow:0 4px 12px rgba(0,0,0,.15);
}
.back-link{ display:block; text-align:center; margin-top:15px; color:var(--red-deep); font-weight:700; text-decoration:none; font-size:14px; }
.back-link:hover{ text-decoration:underline; }

/* Footer */
footer{ text-align:center; font-size:12px; color:var(--muted); padding:22px 20px 40px; line-height:1.8; }
footer a{ color:var(--red-deep); text-decoration:none; font-weight:700; }
footer a:hover{ text-decoration:underline; }