/* LEVOR · from LevorLauncher.astro v1.0 (d181) */
.levor{--lv-green:#0F2B25;--lv-deep:#0C241F;--lv-cream:#EEF1EC;--lv-gold:#D2A23A;
  position:fixed;inset-block-end:calc(20px + env(safe-area-inset-bottom,0px));inset-inline-end:20px;z-index:60;font-family:"Cairo",system-ui,sans-serif}
/* الخيار ج المعتمد: شكل عضوي أخضر، وخلفه طبقة ذهبية شفافة تتحرّك في الحضور الهادئ. بلا ظلّ ولا تدرّج. */
.levor-fab{display:block;position:relative;z-index:1;width:88px;height:68px;padding:0;border:0;border-radius:58% 42% 47% 53% / 46% 57% 43% 54%;cursor:pointer;overflow:hidden;
  background:var(--lv-green)}
.levor-layer{position:absolute;inset-block-end:0;inset-inline-end:0;width:88px;height:68px;pointer-events:none}
.levor-layer::before{content:"";position:absolute;inset:-7px;background:var(--lv-gold);opacity:.3;border-radius:44% 56% 60% 40% / 56% 42% 58% 44%;animation:levor-drift 11s ease-in-out infinite alternate;animation-play-state:paused}
.levor[data-levor-state="idle"] .levor-layer::before{animation-play-state:running}
@keyframes levor-drift{from{transform:translate(-4px,3px) rotate(-5deg)}to{transform:translate(5px,-4px) rotate(6deg)}}
.levor-fab:focus-visible,.levor-x:focus-visible{outline:2px solid var(--lv-gold);outline-offset:3px}
.levor-icon,.levor-icon .levor-svg{display:block;width:100%;height:100%}
.levor-panel{position:absolute;z-index:2;inset-block-end:84px;inset-inline-end:0;width:min(380px,calc(100vw - 40px));
  height:min(560px,calc(100dvh - 140px));display:flex;flex-direction:column;overflow:hidden;
  background:var(--lv-deep);color:var(--lv-cream);border:1px solid rgba(238,241,236,.12);border-radius:18px;
  box-shadow:0 22px 56px rgba(0,0,0,.42);opacity:0;transform:translateY(10px) scale(.96);
  transform-origin:bottom right;transition:opacity .22s ease,transform .3s cubic-bezier(.2,.8,.2,1)}
.levor[dir="rtl"] .levor-panel{transform-origin:bottom left}
.levor-panel.is-open{opacity:1;transform:none}
.levor-panel[hidden]{display:none}
.levor-head{display:flex;align-items:center;gap:12px;padding:12px 14px 12px 16px;border-block-end:1px solid rgba(238,241,236,.08)}
.levor-mark{width:160px;flex:none} /* الحد الأدنى للشعار بالاسم: 160 بكسل (LEV-ID-04) */
.levor-mark .levor-svg{display:block;width:100%;height:auto;overflow:visible}
.levor-sub{margin:0;flex:1;font-size:13px;line-height:1.5;color:rgba(238,241,236,.6)}
.levor-x{flex:none;width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:var(--lv-cream);cursor:pointer}
.levor-x svg{width:20px;height:20px}
.levor-x:hover{background:rgba(238,241,236,.08)}
.levor-body{flex:1;overflow:auto;padding:14px 16px}
@media (prefers-reduced-motion:reduce){.levor-panel{transition:none;transform:none}.levor-layer::before{animation:none}}

/* تلميح الزر: عند مرور المؤشر والتركيز فقط، خارج الزر */
.levor-tip{position:absolute;inset-block-end:calc(100% + 8px);inset-inline-end:0;padding:4px 10px;border-radius:8px;background:var(--lv-green);color:var(--lv-cream);font-size:13px;line-height:1.5;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s ease}
.levor-fab[aria-expanded="false"]:focus-visible~.levor-tip{opacity:1}
@media (hover:hover){.levor-fab[aria-expanded="false"]:hover~.levor-tip{opacity:1}}

/* chat window (LVR-WEB-01) */
.levor-body{display:flex;flex-direction:column;min-height:0;overflow:hidden;padding:0}
.levor-log{flex:1;min-height:0;overflow-y:auto;padding:14px 16px;display:flex;flex-direction:column;gap:10px;overscroll-behavior:contain}
.levor-msg{margin:0;max-width:88%;padding:9px 12px;border-radius:12px;font-size:14px;line-height:1.7;white-space:pre-line;overflow-wrap:anywhere}
.levor-msg.is-bot{align-self:flex-start;background:rgba(238,241,236,.07)}
.levor-msg.is-user{align-self:flex-end;background:rgba(210,162,58,.2)}
.levor-msg a{color:var(--lv-gold);text-decoration:underline;text-underline-offset:2px}
.levor-actions{display:flex;flex-wrap:wrap;gap:8px}
.levor-action{flex:1 1 auto;padding:9px 12px;border-radius:10px;border:1px solid var(--lv-gold);font-size:13px;font-weight:600;line-height:1.4;text-align:center;text-decoration:none;color:var(--lv-gold)}
.levor-action:first-child{background:var(--lv-gold);color:var(--lv-green)}
.levor-action:focus-visible,.levor-send:focus-visible,.levor-input:focus-visible,.levor-msg a:focus-visible{outline:2px solid var(--lv-gold);outline-offset:2px}
.levor-form{display:flex;align-items:flex-end;gap:8px;padding:10px 12px 6px;border-block-start:1px solid rgba(238,241,236,.08)}
.levor-input{flex:1;min-width:0;max-height:96px;padding:8px 10px;resize:none;border:1px solid rgba(238,241,236,.2);border-radius:10px;background:rgba(238,241,236,.05);color:var(--lv-cream);font:inherit;font-size:16px;line-height:1.5}
.levor-input::placeholder{color:rgba(238,241,236,.5)}
.levor-send{flex:none;width:44px;height:44px;display:grid;place-items:center;padding:0;border:0;border-radius:10px;background:var(--lv-gold);color:var(--lv-green);cursor:pointer}
.levor-send svg{width:22px;height:22px}
.levor[dir="rtl"] .levor-send svg{transform:scaleX(-1)}
.levor-send:disabled{opacity:.45;cursor:not-allowed}
.levor-note{margin:0;padding:0 12px 10px;font-size:11.5px;line-height:1.5;color:rgba(238,241,236,.72)}
.levor-chips{display:flex;flex-wrap:wrap;gap:6px}
.levor-chip{min-height:40px;padding:6px 12px;border:1px solid var(--lv-gold);border-radius:999px;background:transparent;color:var(--lv-cream);font:inherit;font-size:13px;line-height:1.4;cursor:pointer}
.levor-chip:hover{background:rgba(210,162,58,.16)}
.levor-chip:focus-visible{outline:2px solid var(--lv-gold);outline-offset:2px}

/* الهاتف: زر أصغر لا يغطي عدّاد البطاقات، ونافذة ملء الشاشة بزر إغلاق واضح */
@media (max-width:480px){
  .levor{inset-inline-end:14px}
  .levor-fab,.levor-layer{width:62px;height:48px}
  .levor-layer::before{inset:-4px}
  .levor-fab[aria-expanded="true"],.levor-fab[aria-expanded="true"]~.levor-layer,.levor-fab[aria-expanded="true"]~.levor-tip{display:none}
  .levor-panel{position:fixed;inset:0;width:100%;height:100vh;height:100dvh;border:0;border-radius:0}
  .levor-head{padding-block-start:calc(12px + env(safe-area-inset-top,0px))}
  .levor-x{width:44px;height:44px;background:rgba(238,241,236,.14);border:1px solid rgba(238,241,236,.35)}
  .levor-x svg{width:22px;height:22px}
  .levor-note{padding-block-end:calc(10px + env(safe-area-inset-bottom,0px))}
  html.levor-lock{overflow:hidden}
}

/* WEB-LVR-02 (5 ت2 2026): إبراز الزر. الحجم والموضع والإطار هنا وحده؛ levor-motion.js كما هو. */
.levor-fab{border:2px solid var(--lv-cream)}
.levor-layer::before{opacity:.6}
.levor-icon{position:absolute}
.levor-icon .levor-svg{overflow:visible}
/* مركز الرمز البصري في وضع الحضور الهادئ: 826×457 وحدة حول (537، 486) من viewBox الرمز (85 -13 900 900) */
/* الهاتف وما دون 768: الرمز وحده بنحو 60% من ارتفاع الزر (457 وحدة ← 29 بكسل) */
@media (max-width:767.98px){
  .levor-fab,.levor-layer{width:62px;height:48px}
  .levor-layer::before{inset:-4px}
  .levor-icon{width:56.7px;height:56.7px;left:.5px;top:-10.9px}
  .levor-panel{inset-block-end:64px}
}
/* الحاسوب: الشعار بالاسم بعرض 108 بكسل (استثناء LEV-ID-04 لهذا الزر وحده)، مرفوعاً 3% عن المنتصف */
@media (min-width:768px){
  .levor-fab,.levor-layer{width:124px;height:96px}
  .levor-layer::before{inset:-9px}
  .levor-icon{width:101.25px;height:101.25px;left:9.15px;top:-13px}
  .levor-icon [data-l="name"]{display:inline!important}
  .levor-panel{inset-block-end:112px}
}

/* فقاعة التحية: مرة في الجلسة، لا تفتح النافذة */
.levor-greet{position:absolute;inset-block-end:calc(100% + 14px);inset-inline-end:0;display:flex;align-items:center;gap:2px;width:max-content;max-width:min(300px,calc(100vw - 40px));
  padding-block:0;padding-inline:14px 0;border-radius:14px;background:var(--lv-cream);color:var(--lv-green);font-size:14.5px;font-weight:600;line-height:1.5;
  box-shadow:0 10px 28px rgba(0,0,0,.28);opacity:0;transform:translateY(6px);transition:opacity .25s ease,transform .3s cubic-bezier(.2,.8,.2,1)}
.levor-greet::after{content:"";position:absolute;inset-block-start:100%;inset-inline-end:34px;border:7px solid transparent;border-block-start-color:var(--lv-cream)}
.levor-greet[hidden]{display:none}
.levor-greet.is-in{opacity:1;transform:none}
.levor-greet p{margin:0;padding-block:9px}
.levor-greet-h{display:block;font-size:12px;font-weight:700;letter-spacing:.02em;opacity:.78}
.levor-greet-x{flex:none;width:44px;height:44px;display:grid;place-items:center;padding:0;border:0;border-radius:12px;background:transparent;color:var(--lv-green);cursor:pointer}
.levor-greet-x svg{width:18px;height:18px}
.levor-greet-x:focus-visible{outline:2px solid var(--lv-green);outline-offset:-4px}
.levor.is-greeting .levor-tip{display:none}
@media (prefers-reduced-motion:reduce){.levor-greet{transition:none;transform:none}}

/* زر «اسأل LEVOR» في الصفحات: رمز LEVOR وإطار ذهبي، ويفتح النافذة نفسها */
.levor-ask{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding-block:6px;padding-inline:6px 18px;border:1.5px solid #D2A23A;border-radius:999px;background:transparent;color:inherit;font:inherit;font-size:14.5px;font-weight:700;line-height:1.4;cursor:pointer;transition:background .25s}
.levor-ask[hidden]{display:none}
.levor-ask:hover{background:rgba(210,162,58,.12)}
.levor-ask:focus-visible{outline:2px solid #D2A23A;outline-offset:3px}
.levor-ask-ic{position:relative;flex:none;width:32px;height:32px;border-radius:50%;overflow:hidden;background:#0F2B25}
.levor-ask-ic .levor-svg{position:absolute;width:28.3px;height:28.3px;left:1.8px;top:.3px}
.levor-ask-row{margin-top:clamp(28px,4vw,44px)}
.cl .levor-ask-li{display:flex;align-items:center}
