/* Event page inspired by the layout conventions of contemporary event-registration pages.
   Branding remains original to Mojtama Al-Bousala (#23426E / #02BFED / #0097AE). */
.liqa-detail{background:#f6f9fc;min-height:80vh;padding-bottom:90px}
.event-cover .event-card-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:linear-gradient(135deg,#214672,#0097ae)}
.event-cover .event-label{z-index:1}
.event-breadcrumb{display:flex;align-items:center;gap:12px;padding:26px 0 20px;color:#71869a;font-size:13px;font-weight:700}
.event-breadcrumb a:hover{color:var(--blue)}.event-breadcrumb strong{font-weight:700;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:360px}
.event-breadcrumb span{font-size:22px;color:#9fb1bf}
.event-banner{position:relative;width:100%;height:clamp(260px,36vw,475px);overflow:hidden;border-radius:22px;background:linear-gradient(125deg,#214672,#02bfed 75%,#0097ae);box-shadow:0 22px 55px #16385920}
.event-banner-image{height:100%;width:100%;display:block;object-fit:cover}
.event-banner-placeholder{display:flex;height:100%;align-items:center;justify-content:center;flex-direction:column;gap:4px;color:white;position:relative;overflow:hidden;background:radial-gradient(circle at 25% 12%,#ffffff36,transparent 43%),linear-gradient(135deg,#214471,#2865af 48%,#00a4c4)}
.event-banner-placeholder:before{content:'';position:absolute;width:400px;height:400px;border:58px solid #ffffff1c;transform:rotate(-30deg);border-radius:50%;right:-100px;top:-120px}
.event-banner-placeholder .banner-compass{font-size:100px;line-height:1;text-shadow:0 18px 35px #12466d50}
.event-banner-placeholder strong{font-family:Cairo,sans-serif;font-size:clamp(27px,3vw,40px)}
.event-banner-placeholder small{font-size:15px;opacity:.85}
.event-banner-tag{position:absolute;right:26px;top:25px;background:#fff;color:#24547b;border-radius:30px;padding:7px 17px;font-weight:800;font-size:13px;box-shadow:0 6px 25px #0001}
.event-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:32px 0 35px}
.event-heading-kicker{display:inline-block;color:var(--teal);font-size:14px;font-weight:800;margin-bottom:7px}
.event-heading h1{font-family:Cairo,sans-serif;color:var(--navy);font-size:clamp(25px,2.6vw,37px);line-height:1.55}
.event-quick-facts{display:flex;align-items:center;flex-wrap:wrap;gap:10px 20px;color:#647a8d;font-size:14px;font-weight:700;margin-top:17px}
.event-quick-facts span span{color:var(--blue);font-size:20px;vertical-align:middle;margin-left:4px}
.event-heading-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.event-heading-actions .button{min-height:46px}
.liqa-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,410px);align-items:start;gap:27px}
.liqa-detail-content{min-width:0}
.event-info-panel,.liqa-registration-card{background:#fff;border-radius:18px;border:1px solid #dfebf2;box-shadow:0 10px 40px #264c7910;margin-bottom:22px;overflow:hidden}
.event-info-panel{padding:30px 32px}
.panel-title-row{display:flex;align-items:center;gap:13px;margin-bottom:20px}
.panel-title-row h2{font-family:Cairo,sans-serif;color:var(--navy);font-size:22px;margin:0}
.panel-title-icon{display:grid;place-items:center;flex:none;width:43px;height:43px;border-radius:12px;background:#eaf9fe;color:#2481af;font-size:25px}
.event-info-panel .event-description{color:#4a6175;line-height:2.15;font-size:16px}
.event-location-details{margin-bottom:17px}
.event-location-details strong{font-size:17px;color:var(--ink)}
.event-location-details p{font-size:14px;color:#718497;margin:3px 0 0}
.event-map-preview{height:185px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:5px;border:1px solid #d7e8f0;border-radius:14px;background:repeating-linear-gradient(30deg,#e8f2f6 0,#e8f2f6 2px,#edf7fa 2px,#edf7fa 22px);color:var(--navy);position:relative;overflow:hidden}
.event-map-preview:before,.event-map-preview:after{content:'';position:absolute;width:130%;height:24px;left:-10%;transform:rotate(-24deg);background:#ffffffb3}.event-map-preview:after{transform:rotate(28deg);height:15px}
.event-map-preview>*{position:relative;z-index:1}
.event-map-pin{display:grid;place-items:center;border-radius:50%;width:54px;height:54px;background:var(--blue);color:white;box-shadow:0 6px 22px #153e6b45;font-size:33px}
.event-map-preview small{font-size:12px;color:#4a6f8d}
.event-map-frame{width:100%;height:235px;border:0;border-radius:14px;display:block}
.event-maps-button{margin-top:17px;max-width:100%;white-space:normal;text-align:center}
.attendees-heading{justify-content:space-between;flex-wrap:wrap}
.attendees-heading>.panel-title-row{margin:0}
.attendee-count{background:#e9f7fd;color:var(--blue);font-weight:800;font-size:13px;padding:7px 13px;border-radius:30px}
.event-attendees{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:21px 0}
.event-attendee{display:flex;gap:11px;align-items:center;border:1px solid #e6f1f5;border-radius:13px;padding:12px;background:#fbfdfe}
.event-attendee-avatar{flex:none;display:grid;place-items:center;width:43px;height:43px;background:#d7f3fc;color:var(--navy);font-weight:800;font-size:20px;border-radius:50%}
.event-attendee strong{display:block;color:var(--ink);font-size:14px}.event-attendee small{display:block;color:#70899d;font-size:12px}
.attendee-empty{text-align:center;background:#f5fafc;border:1px dashed #cbe2ed;padding:30px 16px;border-radius:14px;color:#748b9e}
.attendee-empty-icon{display:block;font-size:50px;color:var(--cyan);line-height:1}
.attendee-privacy{margin-top:22px;font-size:12px;color:#778da0}
.liqa-registration-column{position:sticky;top:105px}
.ticket-top{display:flex;justify-content:space-between;align-items:center;background:#f5fbfd;padding:19px 24px;border-bottom:1px solid #e1edf3;font:700 20px Cairo;color:var(--navy)}
.free-ticket{font:800 13px Tajawal;color:#0d836f;background:#d9f6ed;padding:7px 15px;border-radius:20px}
.ticket-body{padding:26px 26px 29px}
.ticket-datetime{display:flex;flex-direction:column;gap:16px;border-bottom:1px solid #edf1f4;padding-bottom:20px;margin-bottom:23px}
.ticket-datetime>div{display:flex;align-items:center;gap:13px}
.ticket-icon{display:grid;place-items:center;flex:none;width:41px;height:41px;background:#f0f8fc;color:var(--blue);border-radius:11px;font-size:23px}
.ticket-datetime strong{display:block;color:#2b4058;font-size:14px}
.ticket-datetime small{display:block;color:#74899b;font-size:13px;margin-top:1px}
.ticket-form-title{font:800 19px Cairo;color:var(--navy);margin:0}
.ticket-form-subtitle{font-size:13px;color:#8195a7;margin:2px 0 18px}
.ticket-submit{font-size:15px;margin-top:6px}
.admin-cover-upload{display:grid;grid-template-columns:minmax(180px,300px) minmax(0,1fr);gap:20px;background:#f7fbfe;border:1px dashed #b9dce9;border-radius:15px;padding:17px}
.admin-cover-preview{height:170px;overflow:hidden;background:linear-gradient(130deg,#26548a,#01bfde);border-radius:12px;display:grid;place-items:center}
.admin-cover-preview img{width:100%;height:100%;object-fit:contain;display:block}
.admin-cover-preview [hidden]{display:none}
.admin-cover-preview span{display:flex;flex-direction:column;align-items:center;color:white;font-size:58px;line-height:1.1}
.admin-cover-preview span small{font-size:14px;color:white}
.admin-cover-actions{display:flex;flex-direction:column;gap:11px}
.admin-cover-actions>input[type=file]{width:100%;border:1px solid #d4e6ee;background:white;border-radius:10px;padding:12px}
.admin-cover-actions small{display:block;color:#738b9e;font-size:12px}
.cover-url-alternative{border-top:1px solid #d6e5ed;padding-top:11px}
.cover-url-alternative summary{cursor:pointer;color:var(--blue);font-size:13px;font-weight:700}
.cover-url-alternative input{margin-top:10px;width:100%;border:1px solid #cbdfe9;border-radius:10px;min-height:43px;padding:9px}
@media(max-width:950px){.liqa-detail-grid{grid-template-columns:minmax(0,1fr)}.liqa-registration-column{position:static}.event-banner{height:320px}.event-heading{align-items:flex-start;flex-direction:column}}
@media(max-width:640px){.event-breadcrumb{padding:18px 0 14px}.event-banner{height:220px;border-radius:14px}.event-banner-placeholder .banner-compass{font-size:70px}.event-banner-tag{right:12px;top:12px}.event-heading{padding:22px 0}.event-heading h1{font-size:25px}.event-heading-actions{width:100%}.event-heading-actions .button{flex:1}.event-quick-facts{gap:7px 13px}.event-info-panel{padding:21px}.event-attendees{grid-template-columns:1fr}.panel-title-row h2{font-size:19px}.admin-cover-upload{grid-template-columns:1fr}.ticket-body{padding:20px}.liqa-detail{padding-bottom:50px}}