/* الهوية الجديدة (نيلي وبنفسجي) — نفس تطبيق المحاسبة.
   ألوان وظلال وحركة خفيفة بس؛ ما في أي تغيير على سلوك الطلب.
   بتتحمّل آخر ملف عشان تغلب الألوان القديمة (كموني/زيتي). */

/* الليل: نيلي غامق */
:root{
  --ground:#14122a;--surface:#1d1a3a;--sunk:#0f0d22;--ink:#f1eefc;--ink2:#a9a3c9;--line:#35305e;
  --primary:#aeb6ff;--on-primary:#14122a;--wa:#1fa383;
  --f0:#ff8fb1;--f1:#ffab7a;--f2:#ffd166;--f3:#5fe0c0;--f4:#7cc4ff;--f5:#b9a2ff;
  --amb1:rgba(108,92,255,.55);--amb2:rgba(66,84,232,.42);--amb3:rgba(190,110,255,.38);--amb4:rgba(255,120,170,.26);
  --glass:rgba(255,255,255,.07);--glass-strong:rgba(26,22,58,.62);--glass-line:rgba(190,180,255,.18);
  --glass-hi:rgba(255,255,255,.20);--glass-shadow:0 10px 30px rgba(8,6,30,.45);
}
/* النهار: لافندر فاتح */
:root[data-olv-theme="light"]{
  --ground:#f6f4ff;--surface:#ffffff;--sunk:#ebe8fa;--ink:#25223a;--ink2:#625d78;--line:#dcd8f2;
  --primary:#4254e8;--on-primary:#ffffff;--wa:#0f9d83;
  --f0:#e0367a;--f1:#e8662b;--f2:#4254e8;--f3:#0f9d83;--f4:#0b86c9;--f5:#6c4be0;
  --amb1:rgba(108,92,255,.30);--amb2:rgba(66,84,232,.20);--amb3:rgba(190,110,255,.22);--amb4:rgba(255,130,170,.20);
  --glass:rgba(255,255,255,.62);--glass-strong:rgba(255,255,255,.78);--glass-line:rgba(255,255,255,.9);
  --glass-hi:rgba(255,255,255,1);--glass-shadow:0 12px 32px rgba(66,84,232,.14);
}
:focus-visible{outline-color:var(--primary)}

/* الأزرار الرئيسية: تدرّج نيلي → بنفسجي */
:root[data-olv-theme="light"] .primary,:root[data-olv-theme="light"] .feature-btn{background:linear-gradient(135deg,#4254e8,#6c4be0);color:#fff;box-shadow:0 8px 20px rgba(66,84,232,.28)}
:root[data-olv-theme="light"] .entry-btn{background:linear-gradient(135deg,#4254e8,#6c4be0)!important;color:#fff!important;box-shadow:0 12px 28px rgba(66,84,232,.35)!important}
:root:not([data-olv-theme="light"]) .entry-btn{background:linear-gradient(135deg,#aeb6ff,#c9b6ff)!important;color:#14122a!important}
.mood.active{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}
.option.selected{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 30%,transparent)}
.entry-review span[aria-hidden]{color:#ffb020}

/* بطاقات الأصناف: ترتفع شوي عن الخلفية وخط علوي بلون القسم */
.item,.subitem,.subcategory-card,.feature,.recommend{transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s}
@media (hover:hover){
  .item:hover,.subcategory-card:hover{transform:translateY(-3px);box-shadow:inset 0 1px 0 var(--glass-hi),0 16px 34px color-mix(in srgb,var(--primary) 22%,transparent)}
}
.add{background:color-mix(in srgb,var(--primary) 14%,var(--glass-hi));color:var(--primary);border-color:color-mix(in srgb,var(--primary) 35%,transparent);font-weight:700}
.cart{background:linear-gradient(135deg,rgba(66,84,232,.92),rgba(108,75,224,.92));color:#fff;border-color:rgba(255,255,255,.3)}
:root:not([data-olv-theme="light"]) .cart{background:linear-gradient(135deg,rgba(80,92,235,.85),rgba(130,90,235,.85))}
#trackOrderBtn{color:var(--primary)}

@media (prefers-reduced-motion:reduce){.item,.subitem,.subcategory-card{transition:none}.item:hover{transform:none}}

/* صفحة الترحيب: عنوان وأيقونات بألوان الهوية الجديدة (اللوجو نفسه ما بنلمسه) */
:root{--olv-title:#e4e0ff;--olv-title-shine:#ffffff}
:root[data-olv-theme="light"]{--olv-title:#2f2a8f;--olv-title-shine:#8b7bff}
:root[data-olv-theme="light"] .entry-social a{color:#4254e8!important;border-color:rgba(66,84,232,.3)!important}
:root[data-olv-theme="light"] .entry-copy{color:#625d78!important}
.entry-bg:after{border-color:var(--glass-line)!important}

/* الخلفية: نفس خلفية برنامج المحاسبة بالضبط (لافندر فاتح من فوق يمين → خوخي فاتح تحت) */
:root[data-olv-theme="light"]{--ground:#fbf9ff;--bg-top:#fbf9ff;--bg-bottom:#fff8f3}
:root[data-olv-theme="light"] body:before,
:root[data-olv-theme="light"] .entry-bg,
:root[data-olv-theme="light"] .choice{
  background:radial-gradient(900px 500px at 85% 0,#e4e8ff,transparent),linear-gradient(180deg,var(--bg-top),var(--bg-bottom))!important}
/* الشفق المتحرك بصفحة الترحيب: خفيف جداً بالنهار عشان تبقى الخلفية نفس التطبيق */
:root[data-olv-theme="light"] .aurora-canvas{opacity:.22}

/* بلاطات ملوّنة مثل المحاسبة: كل قسم إله لونه، خلفية بتدرّج خفيف + حدّ ولمعة بنفس اللون */
.grp-list .grp:nth-child(6n+1){--fc:var(--f0)}.grp-list .grp:nth-child(6n+2){--fc:var(--f4)}.grp-list .grp:nth-child(6n+3){--fc:var(--f5)}
.grp-list .grp:nth-child(6n+4){--fc:var(--f3)}.grp-list .grp:nth-child(6n+5){--fc:var(--f1)}.grp-list .grp:nth-child(6n+6){--fc:var(--f2)}
.grp{--tc:var(--fc,var(--primary));
  background:linear-gradient(135deg,color-mix(in srgb,var(--tc) 16%,var(--surface)) 0%,color-mix(in srgb,var(--tc) 5%,var(--surface)) 100%);
  border-color:color-mix(in srgb,var(--tc) 30%,transparent);
  box-shadow:inset 0 1px 0 var(--glass-hi),0 14px 30px color-mix(in srgb,var(--tc) 22%,transparent)}
.grp-copy b{color:var(--tc)}
.grp-photo{box-shadow:0 14px 26px color-mix(in srgb,var(--tc) 40%,transparent)}
.tile,.item{--tc:var(--fc,var(--primary))}
.tile:not(.active){background:color-mix(in srgb,var(--tc) 12%,var(--surface));border-color:color-mix(in srgb,var(--tc) 28%,transparent)}
.item{background:linear-gradient(135deg,color-mix(in srgb,var(--tc) 9%,var(--surface)),var(--surface));border-color:color-mix(in srgb,var(--tc) 22%,transparent);box-shadow:0 10px 24px color-mix(in srgb,var(--tc) 14%,transparent)}
.tile.active{background:var(--tc);color:#fff}

/* بطاقات الأصناف: ألوان الدورة الستة مثل بلاطات المحاسبة، وزر الإضافة بتدرّج */
.grid .item:nth-child(6n+1){--fc:var(--f5)}.grid .item:nth-child(6n+2){--fc:var(--f4)}.grid .item:nth-child(6n+3){--fc:var(--f0)}
.grid .item:nth-child(6n+4){--fc:var(--f3)}.grid .item:nth-child(6n+5){--fc:var(--f1)}.grid .item:nth-child(6n+6){--fc:var(--f2)}
.item .add{background:var(--tc,var(--primary));color:#fff;border:0}
.item .body .price,.item .price{color:var(--tc)}

/* حركات مثل المحاسبة: لمعة ملوّنة بتتحرك ببطء ورا بلاطات الأقسام، ضغطة بتغمّض البلاطة، ودخول متتابع */
.grp{overflow:visible;isolation:isolate}
.grp:before{content:"";position:absolute;inset:0;border-radius:inherit;z-index:-1;pointer-events:none;overflow:hidden;
  background:radial-gradient(120px 90px at 22% 30%,color-mix(in srgb,var(--tc) 38%,transparent),transparent 70%);
  animation:olvGlow 7s ease-in-out infinite alternate;will-change:transform,opacity}
@keyframes olvGlow{from{transform:translate3d(-8px,2px,0);opacity:.55}to{transform:translate3d(44px,-4px,0);opacity:1}}
.grp-list .grp:nth-child(2):before{animation-delay:-2s}.grp-list .grp:nth-child(3):before{animation-delay:-4s}.grp-list .grp:nth-child(4):before{animation-delay:-6s}
.grp,.tile,.item,.add{transition:transform .2s cubic-bezier(.22,1,.36,1),box-shadow .25s}
.grp:active,.item:active,.tile:active{transform:scale(.97)}
.add:active{transform:scale(.88) rotate(90deg)}
.tile.active{animation:olvPop .35s cubic-bezier(.34,1.56,.64,1)}
@keyframes olvPop{from{transform:scale(.9)}to{transform:none}}
.tile-item{animation-delay:calc(var(--i,0)*60ms)}
@media (prefers-reduced-motion:reduce){.grp:before,.tile.active{animation:none}.grp:active,.item:active,.tile:active,.add:active{transform:none}}

/* صفحة «كيف تود أن تطلب؟»: نفس بلاطات الأقسام الملوّنة، سفري أزرق، صالة بنفسجي، توصيل وردي */
.choice-box:nth-of-type(1){--tc:var(--f4)}.choice-box:nth-of-type(2){--tc:var(--f5)}.choice-box:nth-of-type(3){--tc:var(--f0)}
:root .choice-box.choice-box{
  background:linear-gradient(135deg,color-mix(in srgb,var(--tc) 18%,var(--surface)),color-mix(in srgb,var(--tc) 5%,var(--surface)))!important;
  border-color:color-mix(in srgb,var(--tc) 32%,transparent)!important;
  box-shadow:inset 0 1px 0 var(--glass-hi),0 14px 30px color-mix(in srgb,var(--tc) 24%,transparent)!important;
  isolation:isolate}
:root .choice-box.choice-box strong{color:var(--tc)!important}
:root .choice-box.choice-box>span{color:var(--ink2)!important}
:root .choice-box.choice-box:after{box-shadow:0 14px 26px color-mix(in srgb,var(--tc) 40%,transparent)!important;border-color:transparent!important}
:root .choice-box.choice-box:before{display:block!important;content:"";position:absolute;inset:0;border-radius:inherit;z-index:-1;pointer-events:none;overflow:hidden;
  background:radial-gradient(120px 90px at 22% 30%,color-mix(in srgb,var(--tc) 38%,transparent),transparent 70%)!important;
  border:0!important;box-shadow:none!important;animation:olvGlow 7s ease-in-out infinite alternate}
.choice-box:nth-of-type(2):before{animation-delay:-3s!important}.choice-box:nth-of-type(3):before{animation-delay:-5s!important}
.choice-box.disabled{--tc:#8b87a0}
.choice-box:active{transform:scale(.97)!important}
:root:not([data-olv-theme="light"]) .choice-back{background:var(--glass-strong)!important;color:var(--ink)!important;border-color:var(--glass-line)!important}
@media (prefers-reduced-motion:reduce){:root .choice-box.choice-box:before{animation:none}}