/* صفحة الترحيب وصفحة اختيار نوع الطلب بنفس ثيم الزجاج تبع المنيو.
   شكل بس: الأزرار و chooseMode() ونصوص الترجمة ما تغيّرت. */

/* نفس ضو اللمبات اللي ورا المنيو */
.entry-bg,.choice{
  background:radial-gradient(60% 34% at 88% 8%,var(--amb1),transparent 72%),
    radial-gradient(60% 40% at 0% 50%,var(--amb2),transparent 72%),
    radial-gradient(60% 34% at 80% 92%,var(--amb3),transparent 72%),
    radial-gradient(50% 30% at 100% 62%,var(--amb4),transparent 72%),var(--ground)!important}
:root[data-olv-theme="light"] .entry-bg,:root[data-olv-theme="light"] .choice{
  background:radial-gradient(60% 34% at 88% 8%,var(--amb1),transparent 72%),
    radial-gradient(60% 40% at 0% 50%,var(--amb2),transparent 72%),
    radial-gradient(60% 34% at 80% 92%,var(--amb3),transparent 72%),
    radial-gradient(50% 30% at 100% 62%,var(--amb4),transparent 72%),var(--ground)!important}
.entry-bg{animation:bgDrift 18s ease-in-out infinite alternate,ambShift 14s ease-in-out infinite alternate}
@keyframes ambShift{from{filter:hue-rotate(0deg) saturate(1)}to{filter:hue-rotate(-12deg) saturate(1.15)}}
.choice:before{display:none}
/* القوس الذهبي صار إطار زجاج خفيف */
.entry-bg:before{display:none}
.entry-bg:after{border-color:var(--glass-line)!important;background:var(--glass);box-shadow:inset 0 1px 0 var(--glass-hi)!important}

/* النصوص */
.entry-text{text-shadow:none}
.entry-title,:root[data-olv-theme="light"] .entry-title{color:var(--ink);text-shadow:none;animation:wordWipe .8s cubic-bezier(.22,1,.36,1) .35s both}
.entry-copy,:root[data-olv-theme="light"] .entry-copy{color:var(--ink2);text-shadow:none;animation:itemIn .6s cubic-bezier(.22,1,.36,1) .6s both}
.entry-btn,:root[data-olv-theme="light"] .entry-btn{min-height:54px;border-radius:999px;background:var(--ink);color:var(--ground);border:0;box-shadow:0 12px 30px rgba(0,0,0,.25);animation:itemIn .6s cubic-bezier(.22,1,.36,1) .75s both}
.entry-social{animation:itemIn .6s cubic-bezier(.22,1,.36,1) .9s both}
.entry-review,:root[data-olv-theme="light"] .entry-review{background:var(--glass);border-color:var(--glass-line);color:var(--ink);box-shadow:inset 0 1px 0 var(--glass-hi)}
.entry-review span[aria-hidden]{color:#e3a63c}

/* صفحة الاختيار */
.choice-back{background:var(--glass-strong);border-color:var(--glass-line);color:var(--ink);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}
.choice-logo{filter:none}
.choice-card h1,:root[data-olv-theme="light"] .choice-card h1{color:var(--ink);text-shadow:none;animation:wordWipe .75s cubic-bezier(.22,1,.36,1) .1s both}
.choice-card>p{color:var(--ink2)}
.choice-grid{gap:16px}
.choice-box,.choice-box:nth-child(n){min-height:118px;margin-top:10px;padding:16px 20px;overflow:visible;border:1px solid var(--glass-line);border-radius:28px;
  background:var(--glass);box-shadow:inset 0 1px 0 var(--glass-hi),var(--glass-shadow);color:var(--ink);
  grid-template-columns:minmax(0,1fr) 120px;column-gap:12px;animation:grpIn .6s cubic-bezier(.22,1,.36,1) both}
.choice-box:nth-child(1){animation-delay:.2s}.choice-box:nth-child(2){animation-delay:.29s}.choice-box:nth-child(3){animation-delay:.38s}
.choice-box:hover{transform:none;border-color:var(--glass-line);box-shadow:inset 0 1px 0 var(--glass-hi),var(--glass-shadow)}
.choice-box:active{transform:scale(.98)}
.choice-box:before{display:none}
/* صورة دايرة طالعة من الكرت متل كروت الأقسام */
.choice-box:after{content:"";position:absolute;z-index:0;inset:auto;top:50%;inset-inline-end:-6px;width:124px;height:124px;margin-top:-68px;border-radius:50%;
  background:var(--sunk) center/cover no-repeat;box-shadow:0 16px 28px rgba(0,0,0,.35);pointer-events:none}
.choice-box:nth-child(1):after{background-image:url(photos/cappuccino.webp)}
.choice-box:nth-child(2):after{background-image:url(photos/iced-spanish-latte.webp)}
.choice-box:nth-child(3):after{background-image:url(photos/olv-burger.webp)}
.choice-icon{display:none}
.choice-box strong,.choice-box>span{grid-column:1;text-shadow:none;position:relative;z-index:1}
.choice-box strong{color:var(--ink);font:500 26px/1.3 var(--display)}
.choice-box>span{color:var(--ink2);font-size:12.5px;line-height:1.6}
.choice-box>span:after,.choice-box strong:after{display:none!important;content:none!important}
.choice-box.disabled:after{filter:grayscale(1)}
.choice-phone{color:var(--ink2)}
@media(max-width:480px){
  .choice-box,.choice-box:nth-child(n){min-height:112px;padding:14px 16px;grid-template-columns:minmax(0,1fr) 108px}
  .choice-box:after{width:112px;height:112px;margin-top:-62px}
  .choice-box strong{font-size:23px}
}
@media(prefers-reduced-motion:reduce){.entry-bg,.entry-title,.entry-copy,.entry-btn,.entry-social,.choice-card h1,.choice-box{animation:none!important}}