/* ==========================================================================
   home.css — صفحة الاحتفال (احتفل في الأحساء): الواجهة، الرعاية، تفاصيل الحفل، الخريطة
   ========================================================================== */

/* ---------- الواجهة ---------- */
.hero__badge { display: block; width: min(420px, 82%); height: auto; margin: 0 0 18px; filter: drop-shadow(0 12px 30px rgba(0, 0, 0, .45)); }
.hero--event .hero__title { margin-top: 10px; }
.evinfo { list-style: none; margin: 18px 0 22px; padding: 0; display: flex; flex-wrap: wrap; gap: 10px 14px; }
.evinfo li { display: inline-flex; align-items: center; gap: 8px; padding: 10px 16px; border-radius: 999px; background: rgba(255, 255, 255, .08); border: 1px solid rgba(255, 255, 255, .16); color: #fff; font-weight: 700; font-size: .98rem; backdrop-filter: blur(6px); }
.evinfo li i { color: var(--lime-hi); font-size: 1.05rem; }

/* ---------- الرعاية ---------- */
.patron .royal__h { font-size: clamp(1.6rem, 3.4vw, 2.5rem); }
.patron__role { margin: -6px 0 16px; font-weight: 800; font-size: 1.15rem; color: color-mix(in srgb, var(--c-vision) 45%, #fff); letter-spacing: .3px; }
.patron .royal__quote { margin-top: 4px; }

/* ---------- تفاصيل الحفل ---------- */
.evcards { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin-bottom: 26px; }
.evcard { display: flex; flex-direction: column; gap: 4px; padding: 20px 18px; border-radius: var(--r-md); background: var(--paper-2, #f4f9f6); border: 1px solid rgba(0, 52, 58, .12); color: #0c2a2c; text-decoration: none; transition: transform .2s, box-shadow .2s; }
.evcard i { font-size: 1.6rem; color: var(--green); margin-bottom: 4px; }
.evcard span { font-size: .82rem; color: rgba(12, 42, 44, .6); font-weight: 600; }
.evcard b { font-size: 1.08rem; color: #00343a; line-height: 1.4; }
.evcard--cta { background: linear-gradient(135deg, var(--green), var(--green-hi)); border-color: transparent; color: #fff; }
.evcard--cta i, .evcard--cta span { color: rgba(255, 255, 255, .85); }
.evcard--cta b { color: #fff; }
.evcard--cta:hover { transform: translateY(-3px); box-shadow: 0 14px 30px rgba(0, 137, 74, .3); }
.sec:not(.sec--tint) a.evcard--cta { color: #fff; }
@media (max-width: 899px) { .evcards { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 480px) { .evcards { grid-template-columns: 1fr; } }
.evgrid .panel .btn { margin-top: 14px; }

/* ---------- الخريطة ---------- */
.mapbox { position: relative; border-radius: var(--r-lg); overflow: hidden; border: 1px solid var(--line); background: rgba(255, 255, 255, .04); aspect-ratio: 16 / 7; min-height: 320px; }
.mapbox iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; filter: saturate(.9); }
@media (max-width: 639px) { .mapbox { aspect-ratio: 4 / 3; min-height: 260px; } }