/* Iraq Event identity. Mobile source correction 20261024-work-r4. */
:root{--ie-forest:#0A1F1A;--ie-lime:#B0E974;--ie-paper:#F9F8F4;--ie-mist:#DDE8DE;--ie-sage:#52675F;--ink:var(--ie-forest);--paper:var(--ie-paper);--lime:var(--ie-lime)}
body{background:var(--ie-paper);color:var(--ie-forest)}
.site-header,.site-footer{background:var(--ie-forest)}
.site-header{border-bottom:1px solid #dde8de20}.brand img{border-radius:8px}
.button{border-radius:16px;min-height:48px;gap:10px;transition:transform .18s,box-shadow .18s,background .18s}
.button:not(.secondary){background:linear-gradient(125deg,#c9f5a1,var(--ie-lime));color:var(--ie-forest)}
.button:hover{transform:translateY(-2px);box-shadow:0 9px 22px #0a1f1a17}.button:disabled{transform:none;box-shadow:none;opacity:.55;cursor:wait}
.button svg,.login-link svg,.bookings-link svg,.add-place-link svg,.payment-choice-cta svg{width:22px;height:22px;flex:none}
.login-link,.bookings-link,.add-place-link{align-items:center;gap:8px}.login-link{display:inline-flex}@media(min-width:1181px){.bookings-link,.add-place-link{display:inline-flex}}.login-link{border:1px solid #b0e97480;background:#b0e9740b;padding:10px 16px;border-radius:14px}
.hero{background:radial-gradient(ellipse at 12% 45%,#244c344d,transparent 52%),var(--ie-forest)}
.hero-arch{filter:drop-shadow(0 24px 30px #b0e97412)}
.hero-star,.hero-art .star,.hero-copy .star,.hero-spark{display:none!important}
.form-panel,.otp-box,.detail-block,.ticket-choice{border-radius:24px;border:1px solid var(--ie-mist);box-shadow:0 12px 38px #0a1f1a06}
.portal-grid{align-items:center;gap:clamp(28px,5vw,88px)}.portal-intro{position:relative;isolation:isolate}.portal-intro:before{content:'';position:absolute;inset:-30px;z-index:-1;background:radial-gradient(ellipse at center,#b0e97436,transparent 68%);pointer-events:none}
.auth-panel{background:#fff;padding:clamp(24px,4vw,48px)}.auth-panel h2{font-size:clamp(26px,3vw,36px);letter-spacing:-.02em}.auto-note{color:var(--ie-sage);line-height:1.8}
.field>span:first-child{font-weight:600;margin-bottom:8px;display:block}.field input,.field select,.field textarea{border:1px solid #a9baaf;border-radius:12px;min-height:52px;background:#fff;color:var(--ie-forest);padding:12px 14px;line-height:1.5}
.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible{outline:3px solid #b0e974;outline-offset:2px;border-color:var(--ie-forest)}
.otp-digits{gap:10px;margin:28px auto}.otp-digits input{border:1px solid #a9baaf;background:#f9fbf7;box-shadow:0 3px 0 #0a1f1a05;border-radius:14px}.otp-digits input:focus{border-color:var(--ie-forest);background:#f1ffe5;outline-color:var(--ie-lime)}
.otp-fallback{font-size:14px;min-height:44px!important;background:#f1f5ee!important;border:1px solid #c8d7c6;box-shadow:none!important}
.quantity-control{display:inline-grid;grid-template-columns:52px minmax(55px,80px) 52px;direction:ltr;align-items:center;gap:4px;width:max-content;max-width:100%;border:1px solid #a9baaf;border-radius:16px;padding:5px;background:#fff}.quantity-control input{appearance:textfield;min-width:0;width:100%;text-align:center;border:0!important;font-size:22px;background:transparent!important}.quantity-control input::-webkit-inner-spin-button{appearance:none}.quantity-button{border:0;border-radius:12px;background:#edf5e8;color:var(--ie-forest);font-size:28px;min-width:44px;min-height:48px;cursor:pointer}.quantity-button:disabled{opacity:.35;cursor:default}
.password-control{position:relative;display:flex;align-items:center;gap:8px}.password-control input{width:100%;padding-inline-end:65px}.password-toggle{position:absolute;inset-inline-end:5px;min-height:44px;border:0;background:transparent;color:var(--ie-forest);font:inherit;font-size:13px;padding:8px}
.ticket-choice{padding:24px!important;background:linear-gradient(135deg,#fff,#f1f7ec);transition:border-color .2s}.ticket-choice:focus-within{border-color:#52675f}.catalog-card{border-radius:24px;overflow:hidden;transition:transform .2s,box-shadow .2s}.catalog-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px #0a1f1a12}.card-art{border-radius:0}.card-body{padding:24px}
.category-strip a,.categories a,.category-links a{display:flex;align-items:center;gap:12px}.category-strip svg,.categories svg,.category-links svg{width:30px;height:30px;flex:none;color:var(--ie-forest)}
.payment-choice{display:flex!important;align-items:center;gap:16px;border:1px solid #b6c8b5!important;border-radius:18px!important;padding:18px!important;background:#fff!important;color:var(--ie-forest)!important;transition:border-color .2s,box-shadow .2s;min-height:88px}.payment-choice:hover{border-color:#35573d!important;box-shadow:0 6px 22px #0a1f1a0b}.payment-choice-copy{flex:1;text-align:start}.payment-choice-cta{display:flex;gap:8px;align-items:center;background:var(--ie-lime);color:var(--ie-forest);border-radius:12px;padding:12px;white-space:nowrap;font-weight:600}.payment-choice-cta>span[aria-hidden]{display:none}
.page-checkout .desktop-nav,.page-checkout .add-place-link,.page-checkout .bookings-link,.page-checkout .login-link{display:none}.page-checkout .header-inner{justify-content:space-between}.checkout-header-action{font-size:14px}.page-checkout .price-breakdown{background:#f2f7ee;border-radius:18px;padding:22px}.holder-fields{border:0;padding:0}.holder-fields legend{font-size:22px;font-weight:700;margin-bottom:12px}.check-line{align-items:start;line-height:1.8}.check-line input{width:22px;height:22px;flex:none;accent-color:#315e32}
.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;border:1px solid var(--ie-mist);border-radius:18px;padding:20px;grid-column:1/-1}.permission-grid label{display:flex;gap:10px;align-items:center;padding:10px;background:#f4f8f0;border-radius:10px;min-height:44px}.permission-grid input{width:20px;height:20px;accent-color:#315e32}
.workspace-nav{padding:10px;border:1px solid var(--ie-mist);border-radius:18px;background:#fff;gap:6px}.workspace-nav a{border-radius:12px;white-space:nowrap}.workspace-nav a[aria-current]{background:var(--ie-forest);color:var(--ie-lime)}
@media(max-width:600px){.portal-intro{padding:0}.portal-intro h1{font-size:34px}.auth-panel{padding:24px 18px}.page-checkout .order-layout{gap:16px}.page-checkout .page-heading{margin-bottom:20px}.payment-choice{gap:10px;padding:14px!important;flex-wrap:wrap}.payment-choice-copy{min-width:100px}.payment-choice-cta{font-size:13px;padding:10px}.payment-choice .payment-logo{max-width:90px}.payment-card-networks{max-width:110px}.payment-choice-copy span{font-size:12px}.permission-grid{grid-template-columns:1fr}.login-link{padding:8px 12px}.otp-digits{gap:6px}.checkout-header-action{padding:10px 12px}.page-checkout .language-switch{display:none}.form-panel{border-radius:20px}}
@media(prefers-reduced-motion:reduce){.button,.catalog-card,.payment-choice{transition:none;transform:none!important}}
@media print{.checkout-header-action{display:none!important}.form-panel,.detail-block{box-shadow:none}}
@font-face{font-family:IE-Cairo;src:url('/assets/experience-r2/Cairo-Variable.ttf') format('truetype');font-style:normal;font-weight:200 1000;font-display:swap}html[lang=ar] body,html[lang=ar] button,html[lang=ar] input,html[lang=ar] select,html[lang=ar] textarea{font-family:IE-Cairo,Plex,sans-serif}.categories .category-arrow{display:none}.categories .category-icon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:16px;background:#eaf4df}.categories .category-icon svg{width:28px;height:28px}

.title-spark{display:none!important}.art-disc svg{width:52px;height:52px}.ticket-star svg{width:26px;height:26px}.band-mark>span svg{width:50px;height:50px}.hero .arch-front{background:linear-gradient(150deg,#c9f5a1,#b0e974)!important}.hero .arch-label{color:#0a1f1a}.categories a{min-height:90px}

/* Edition 03: compact discovery, recognisable portal shape, accessible motion. */
.site-header .brand img,.site-footer .brand img{width:184px;max-width:100%;height:auto;border-radius:0;object-fit:contain}
.hero-copy h1{font-size:clamp(42px,5.2vw,72px);line-height:1.3}.hero-grid{padding-block:48px!important}.hero-kicker{letter-spacing:0}
.catalog-card:focus-within{outline:3px solid var(--ie-lime);outline-offset:4px}.ie-mobile-dock{display:none}
@keyframes ie-arrive{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:no-preference){.auth-panel,.pos-workspace .form-panel{animation:ie-arrive .32s ease-out both}}
@media(max-width:680px){.hero-grid{padding-block:28px!important;gap:22px}.page-home .hero-art{display:block;max-width:360px;overflow:hidden;pointer-events:none;transform:none}.hero-copy h1{font-size:42px}.hero-caption{margin-top:20px}.page-home .section{padding-block:32px}.ie-mobile-dock{position:fixed;z-index:60;bottom:max(10px,env(safe-area-inset-bottom));left:14px;right:14px;display:flex;justify-content:space-around;border:1px solid #dde8de40;border-radius:22px;background:#0a1f1af5;box-shadow:0 8px 32px #0a1f1a30;padding:10px}.ie-mobile-dock a{display:flex;align-items:center;gap:7px;min-height:44px;color:#f9f8f4;font-size:13px;text-decoration:none}.ie-mobile-dock svg{width:21px;height:21px;color:var(--ie-lime)}body:has(.ie-mobile-dock){padding-bottom:0}body:has(.ie-mobile-dock) .site-footer{padding-bottom:calc(var(--ie-mobile-dock-height,84px) + 40px + env(safe-area-inset-bottom))}.site-header .brand img{width:100%;max-width:144px}body:has(.ie-mobile-dock) .assistant-launch{bottom:calc(var(--ie-mobile-dock-height,84px) + 24px + env(safe-area-inset-bottom))}body.keyboard-open .ie-mobile-dock{display:none}}
@media print{.ie-mobile-dock{display:none!important}}

/* Header dimensions are owned here; secondary links retain app.css visibility. */
@media(max-width:800px){
 .site-header .header-inner{gap:8px;padding-inline:max(12px,env(safe-area-inset-left)) max(12px,env(safe-area-inset-right));min-width:0}
 .site-header .brand{flex:0 1 144px;min-width:72px;max-width:36vw}
 .site-header .header-actions{flex:0 1 auto;min-width:0;gap:6px}
 .site-header .login-link{min-width:44px;max-width:36vw;min-height:44px;padding:8px;white-space:normal;overflow-wrap:anywhere;line-height:1.5;font-size:13px}
 .site-header .menu-toggle{flex:0 0 44px;width:44px;height:44px}
 .site-header .mobile-nav{max-height:calc(100dvh - 90px);overflow-y:auto;overscroll-behavior:contain}
 .site-header .mobile-nav a{overflow-wrap:anywhere;min-height:44px}
 .page-checkout .checkout-header-action{white-space:normal;min-width:0;line-height:1.5;padding:8px;font-size:13px}
 .portal-grid>*,.detail-grid>*,.order-layout>*,.hero-grid>*{min-width:0}
 .field input,.field select,.field textarea{font-size:16px}
 .portal-intro:before{inset:0}
}
@media(max-width:680px){
 .ie-mobile-dock{inset-inline:max(10px,env(safe-area-inset-left)) max(10px,env(safe-area-inset-right));gap:6px;align-items:stretch}
 .ie-mobile-dock a{flex:1;min-width:0;min-height:44px;justify-content:center;flex-wrap:wrap;text-align:center;line-height:1.5;overflow-wrap:anywhere}
}

/* The optional return-to-top control is removed from this experience. */
.back-to-top{display:none!important}
