/* ── مياو AI — مساعد ميس كيتي ────────────────────────────────────── */

.mkmiaw{
	--mw-ink:#F4EFEA; --mw-dim:#A2948F; --mw-bg:#131010; --mw-card:#1B1615;
	--mw-line:#2E2725; --mw-rose:#B1868D; --mw-rose-l:#C79AA1;
	/* الموضع عبر متغيّرين: --mw-bottom الأساس، و--mw-lift رفعٌ فوق شريط
	   الواتساب العائم. الشريط يستخدم env(safe-area-inset-bottom) — وهي
	   34px في آيفون بمؤشّر الهوم وصفر في غيره — فأي رقم ثابت هنا يخطئ
	   على نصّ الأجهزة. main.js يقيس مستطيل الشريط الحقيقي ويكتب القيمة. */
	--mw-bottom:18px; --mw-lift:0px;
	position:fixed; inset-block-end:calc(var(--mw-bottom) + var(--mw-lift));
	right:18px; z-index:99990;
	font-family:"Tajawal",-apple-system,"Segoe UI",sans-serif;
	/* الحاوية نفسها ما تستقبل لمس — وإلا أكلت ضغطات زر الواتساب تحتها */
	pointer-events:none;
}
.mkmiaw-fab,.mkmiaw-panel{pointer-events:auto}

/* ── الفقاعة ── */
.mkmiaw-fab{
	display:inline-flex; align-items:center; gap:9px;
	padding:11px 16px 11px 13px; border:0; cursor:pointer;
	border-radius:999px; background:var(--mw-rose); color:#fff;
	font-family:inherit; font-size:14px; font-weight:700; line-height:1;
	box-shadow:0 8px 26px -8px rgba(0,0,0,.6); transition:background .18s,transform .18s;
}
.mkmiaw-fab:hover{background:var(--mw-rose-l); transform:translateY(-1px)}
.mkmiaw-fab:focus-visible{outline:2px solid var(--mw-rose-l); outline-offset:3px}
.mkmiaw-fab svg{width:22px; height:22px; flex:0 0 22px; fill:none;
	stroke:#fff; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round}
.mkmiaw.is-open .mkmiaw-fab{display:none}

/* ── اللوحة ── */
.mkmiaw-panel{
	display:none; width:min(370px,calc(100vw - 32px));
	height:min(560px,calc(100vh - 110px));
	flex-direction:column; overflow:hidden;
	background:var(--mw-bg); color:var(--mw-ink);
	border:1px solid var(--mw-line); border-radius:18px;
	box-shadow:0 26px 70px -22px rgba(0,0,0,.75);
}
.mkmiaw.is-open .mkmiaw-panel{display:flex}

.mkmiaw-top{
	display:flex; align-items:center; gap:10px;
	padding:13px 15px; border-bottom:1px solid var(--mw-line); background:var(--mw-card);
}
.mkmiaw-av{
	width:34px; height:34px; flex:0 0 34px; border-radius:50%;
	background:var(--mw-rose); display:grid; place-items:center;
}
.mkmiaw-av svg{width:19px; height:19px; fill:none; stroke:#fff;
	stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round}
.mkmiaw-name{font-weight:700; font-size:15px; line-height:1.25}
.mkmiaw-sub{font-size:12px; color:var(--mw-dim); line-height:1.35}
.mkmiaw-x{
	margin-inline-start:auto; width:30px; height:30px; border:0; cursor:pointer;
	border-radius:8px; background:transparent; color:var(--mw-dim); font-size:19px; line-height:1;
}
.mkmiaw-x:hover{background:#241E1D; color:var(--mw-ink)}
.mkmiaw-x:focus-visible{outline:2px solid var(--mw-rose-l); outline-offset:2px}

/* ── الرسائل ── */
.mkmiaw-log{flex:1 1 auto; overflow-y:auto; padding:15px; display:flex;
	flex-direction:column; gap:11px; scroll-behavior:smooth}
.mkmiaw-msg{max-width:86%; padding:10px 13px; border-radius:14px;
	font-size:14.5px; line-height:1.75; white-space:pre-wrap; overflow-wrap:anywhere}
.mkmiaw-msg.bot{align-self:flex-start; background:var(--mw-card);
	border:1px solid var(--mw-line); border-start-start-radius:5px}
.mkmiaw-msg.me{align-self:flex-end; background:var(--mw-rose); color:#fff;
	border-end-end-radius:5px}
.mkmiaw-msg a{color:var(--mw-rose-l)}
.mkmiaw-msg.me a{color:#fff; text-decoration:underline}

/* ── بطاقات القطط ── */
.mkmiaw-cards{display:flex; flex-direction:column; gap:8px; align-self:stretch}
.mkmiaw-card{
	display:flex; align-items:center; gap:11px; padding:9px;
	background:var(--mw-card); border:1px solid var(--mw-line);
	border-radius:13px; text-decoration:none; color:inherit; transition:border-color .16s;
}
.mkmiaw-card:hover{border-color:var(--mw-rose)}
.mkmiaw-card img{width:54px; height:54px; flex:0 0 54px; border-radius:10px;
	object-fit:cover; background:#241E1D}
.mkmiaw-card b{display:block; font-size:13.5px; font-weight:700; line-height:1.35}
.mkmiaw-card span{display:block; font-size:12px; color:var(--mw-dim); line-height:1.5}
.mkmiaw-card i{display:block; font-size:13px; font-style:normal; font-weight:700;
	color:var(--mw-rose-l); margin-top:2px}

/* ── الأزرار المقترحة ── */
.mkmiaw-chips{display:flex; flex-wrap:wrap; gap:6px; align-self:stretch}
.mkmiaw-chip{
	padding:7px 12px; border:1px solid var(--mw-line); background:transparent;
	color:var(--mw-ink); border-radius:999px; font-family:inherit; font-size:12.5px;
	cursor:pointer; text-decoration:none; line-height:1.4; transition:border-color .16s,background .16s;
}
.mkmiaw-chip:hover{border-color:var(--mw-rose); background:var(--mw-card)}
.mkmiaw-chip:focus-visible{outline:2px solid var(--mw-rose-l); outline-offset:2px}

/* ── نموذج الطلب ── */
.mkmiaw-ord{display:flex; flex-wrap:wrap; gap:6px; align-self:stretch}
.mkmiaw-ord input{
	flex:1 1 120px; min-width:0; padding:9px 11px; font-family:inherit; font-size:14px;
	background:var(--mw-card); border:1px solid var(--mw-line); border-radius:10px;
	color:var(--mw-ink); direction:ltr; text-align:start;
}
.mkmiaw-ord input:focus{outline:none; border-color:var(--mw-rose)}
.mkmiaw-ord button{
	flex:0 0 auto; padding:9px 15px; border:0; border-radius:10px;
	background:var(--mw-rose); color:#fff; font-family:inherit; font-size:13.5px;
	font-weight:700; cursor:pointer;
}
.mkmiaw-ord button:hover{background:var(--mw-rose-l)}

/* ── الكتابة ── */
.mkmiaw-typing{display:flex; gap:4px; align-self:flex-start; padding:12px 14px;
	background:var(--mw-card); border:1px solid var(--mw-line);
	border-radius:14px; border-start-start-radius:5px}
.mkmiaw-typing i{width:6px; height:6px; border-radius:50%; background:var(--mw-dim);
	animation:mkmiawdot 1s infinite}
.mkmiaw-typing i:nth-child(2){animation-delay:.16s}
.mkmiaw-typing i:nth-child(3){animation-delay:.32s}
@keyframes mkmiawdot{0%,60%,100%{transform:translateY(0);opacity:.45}
	30%{transform:translateY(-4px);opacity:1}}

/* ── الإدخال ── */
.mkmiaw-foot{display:flex; gap:8px; padding:11px 12px;
	border-top:1px solid var(--mw-line); background:var(--mw-card)}
.mkmiaw-in{
	flex:1 1 auto; min-width:0; padding:11px 13px; font-family:inherit; font-size:15px;
	background:var(--mw-bg); border:1px solid var(--mw-line); border-radius:12px;
	color:var(--mw-ink); resize:none; max-height:96px; line-height:1.6;
}
.mkmiaw-in:focus{outline:none; border-color:var(--mw-rose)}
.mkmiaw-in::placeholder{color:#9C8D87}
.mkmiaw-send{
	flex:0 0 42px; width:42px; height:42px; align-self:flex-end; border:0; cursor:pointer;
	border-radius:12px; background:var(--mw-rose); color:#fff; display:grid; place-items:center;
}
.mkmiaw-send:hover{background:var(--mw-rose-l)}
.mkmiaw-send:disabled{opacity:.5; cursor:default}
.mkmiaw-send:focus-visible{outline:2px solid var(--mw-rose-l); outline-offset:2px}
.mkmiaw-send svg{width:19px; height:19px; fill:none; stroke:#fff;
	stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round}

.mkmiaw-note{padding:0 14px 10px; font-size:12px; color:#9A8C88;
	background:var(--mw-card); text-align:center; line-height:1.5}

@media (max-width:480px){
	.mkmiaw{--mw-bottom:12px; right:12px; left:12px}
	/* احتياط لو تعطّل الجافاسكربت: ارتفاع الشريط + منطقة الأمان + فراغ.
	   ويُلغى وقت ما تكون اللوحة مفتوحة عشان تأخذ كامل الطول. */
	.mkmiaw:not(.is-open){--mw-lift:calc(58px + env(safe-area-inset-bottom))}
	.mkmiaw-panel{width:100%; height:min(70vh,500px)}
	.mkmiaw-fab{float:right}
}
@media (prefers-reduced-motion:reduce){
	.mkmiaw-fab,.mkmiaw-card,.mkmiaw-chip{transition:none}
	.mkmiaw-typing i{animation:none}
	.mkmiaw-log{scroll-behavior:auto}
}

/* وقت ما يطلع توست «أضيفت للسلة» ننزّل مياو تحته — اللوحة تصنع
   سياق تراكم خاص، فالحل الوحيد تنزيل الحاوية نفسها */
body.mk-toasting .mkmiaw{z-index:9998}

/* لمّا تكون داخل حسابك، مساعد هوستنجر يقعد في نفس الزاوية — نرفع مياو فوقه.
   الزائر ما يشوف مساعد هوستنجر أصلًا، فما يتأثر. */
body.logged-in .mkmiaw{--mw-bottom:86px}
@media (max-width:480px){ body.logged-in .mkmiaw{--mw-bottom:80px} }

/* 5.9.4 — 👍👎 · قائمة الانتظار */
.mkmiaw-fb{align-self:flex-start;display:flex;align-items:center;gap:6px;margin:-4px 2px 2px;font-size:12px;color:var(--mw-dim)}
.mkmiaw-fb button{border:1px solid var(--mw-line);background:transparent;color:inherit;border-radius:999px;padding:2px 9px;font-size:13px;line-height:1.6;cursor:pointer;transition:border-color .16s}
.mkmiaw-fb button:hover,.mkmiaw-fb button:focus-visible{border-color:var(--mw-rose)}
.mkmiaw-fb.done{color:var(--mw-rose-l)}
.mkmiaw-wl{flex-wrap:wrap}
.mkmiaw-wl small{flex:1 0 100%;font-size:11.5px;line-height:1.6;color:var(--mw-dim)}

/* ── 6.0.43 مياو المرافق: قطة أنيقة تطل من طرف الشاشة ── */
.mkmg{--mg-e:cubic-bezier(.23,1,.32,1);position:fixed;right:0;bottom:92px;z-index:99991;display:flex;align-items:flex-end;direction:ltr;
	pointer-events:none;font-family:"Tajawal",-apple-system,"Segoe UI",sans-serif}
.mkmg[hidden],.mkmw-open .mkmg{display:none}
.mkmg-av{all:unset;box-sizing:border-box;pointer-events:auto;cursor:pointer;width:52px;height:52px;flex:0 0 52px;margin-right:-4px;
	transform:translateX(120%) rotate(-18deg);transform-origin:100% 100%;transition:transform .5s var(--mg-e);
	filter:drop-shadow(0 8px 12px rgba(0,0,0,.42));-webkit-tap-highlight-color:transparent}
.mkmg-av svg{display:block;width:100%;height:100%}
.mkmg-av:focus-visible{outline:2px solid #C79AA1;outline-offset:2px;border-radius:50%}
.mkmg.is-peek .mkmg-av{transform:translateX(38%) rotate(-18deg)}
.mkmg.is-say .mkmg-av{transform:translateX(16%) rotate(-10deg)}
.mkmg-eye{transform-box:fill-box;transform-origin:center;animation:mkmg-blink 5s infinite}
@keyframes mkmg-blink{0%,93%,100%{transform:scaleY(1)}96%{transform:scaleY(.12)}}
.mkmg-b{position:relative;box-sizing:border-box;width:min(232px,calc(100vw - 74px));margin:0 -2px 26px 0;padding:10px 12px 9px;
	border-radius:16px 16px 4px 16px;background:#1B1615;color:#F4EFEA;border:1px solid rgba(177,134,141,.42);
	box-shadow:0 18px 44px -16px rgba(0,0,0,.72);pointer-events:none;opacity:0;transform:translateY(6px) scale(.97);
	transform-origin:100% 100%;transition:opacity .2s ease-out,transform .28s var(--mg-e)}
.mkmg.is-say .mkmg-b{opacity:1;transform:none;pointer-events:auto;transition-delay:.12s}
.mkmg-x{all:unset;cursor:pointer;position:absolute;top:4px;inset-inline-end:5px;width:22px;height:22px;display:grid;place-items:center;
	border-radius:50%;color:#A2948F;font-size:16px;line-height:1}
.mkmg-t{margin:0 0 7px;padding-inline-end:16px;font-size:13px;line-height:1.6;text-align:start;
	display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
.mkmg-a{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px}
.mkmg-go{all:unset;cursor:pointer;padding:6px 12px;border-radius:999px;background:#9A6B73;color:#fff;font-size:12.5px;font-weight:700;line-height:1.3;
	transition:transform .16s ease-out,background-color .18s ease}
.mkmg-go:active{transform:scale(.97)}
.mkmg-no{all:unset;cursor:pointer;padding:4px 0;font-size:11.5px;line-height:1.4;color:#A2948F;text-decoration:underline;text-underline-offset:3px}
.mkmg-go:focus-visible,.mkmg-no:focus-visible,.mkmg-x:focus-visible{outline:2px solid #C79AA1;outline-offset:3px}
@media (hover:hover) and (pointer:fine){.mkmg-go:hover{background:#B1868D}.mkmg-no:hover,.mkmg-x:hover{color:#F4EFEA}}
html.mk-light .mkmg-b{background:#fff;color:#231A1B;border-color:#E3D4CF;box-shadow:0 18px 44px -18px rgba(60,30,35,.35)}
html.mk-light .mkmg-no,html.mk-light .mkmg-x{color:#6E655D}
@media (hover:hover) and (pointer:fine){html.mk-light .mkmg-no:hover,html.mk-light .mkmg-x:hover{color:#231A1B}}
.mkmg-t{min-height:1.6em}
.mkmg-dots{display:inline-flex;gap:4px;align-items:center;height:1.6em}
.mkmg-dots i{width:6px;height:6px;border-radius:50%;background:#C79AA1;opacity:.35;animation:mkmg-dot 1s infinite ease-in-out}
.mkmg-dots i:nth-child(2){animation-delay:.15s}.mkmg-dots i:nth-child(3){animation-delay:.3s}
@keyframes mkmg-dot{0%,100%{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}
.mkmg.is-type .mkmg-a,.mkmg.is-type .mkmg-x{visibility:hidden}
.mkmg.is-say.is-talk .mkmg-av svg{animation:mkmg-nod .5s infinite ease-in-out;transform-origin:50% 90%}
@keyframes mkmg-nod{0%,100%{transform:rotate(0)}50%{transform:rotate(-5deg) translateY(-1px)}}
@media (prefers-reduced-motion:reduce){.mkmg-av,.mkmg-b{transition:opacity .2s ease}.mkmg-eye,.mkmg-dots i,.mkmg.is-say.is-talk .mkmg-av svg{animation:none}}

/* ── 6.0.60 مياو المربي: فقاعة الترحيب أول ما يدخل منصته ── */
.mkmiaw-brhi{position:fixed; z-index:99991; width:min(330px,calc(100vw - 24px)); box-sizing:border-box;
	background:#1B1615; color:#F4EFEA; border:1px solid rgba(199,154,161,.55); border-radius:18px;
	box-shadow:0 22px 60px -18px rgba(0,0,0,.8); padding:14px 14px 12px; direction:rtl; cursor:pointer;
	font-family:"Tajawal",-apple-system,"Segoe UI",sans-serif;
	opacity:0; transform:translateY(8px) scale(.98); transition:opacity .28s ease, transform .32s cubic-bezier(.22,.61,.36,1)}
.mkmiaw-brhi.on{opacity:1; transform:none}
.mkmiaw-brhi .hd{display:flex; align-items:center; gap:10px; padding-inline-end:22px}
.mkmiaw-brhi .av{width:40px; height:40px; flex:0 0 40px; border-radius:50%; background:#B1868D; display:grid; place-items:center}
.mkmiaw-brhi .av svg{width:22px; height:22px; fill:none; stroke:#fff; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round}
.mkmiaw-brhi b{display:block; font-size:15px; line-height:1.5; font-weight:800}
.mkmiaw-brhi small{display:block; color:#C79AA1; font-size:12.5px; font-weight:700; line-height:1.5}
.mkmiaw-brhi p{margin:9px 0 11px; font-size:13.5px; line-height:1.75; color:#E6DEDA; white-space:pre-wrap; overflow-wrap:anywhere}
.mkmiaw-brhi .ac{display:flex; gap:8px}
.mkmiaw-brhi .go,.mkmiaw-brhi .no{font-family:inherit; font-size:14px; font-weight:800; line-height:1; border-radius:999px; padding:11px 14px; cursor:pointer}
.mkmiaw-brhi .go{flex:1; border:0; background:#C79AA1; color:#0B0B0B}
.mkmiaw-brhi .no{border:1px solid #2E2725; background:transparent; color:#A2948F; font-weight:700}
.mkmiaw-brhi .x{position:absolute; top:8px; left:10px; background:none; border:0; color:#A2948F; font-size:22px; line-height:1; cursor:pointer; padding:2px 4px}
.mkmiaw-brhi :is(.go,.no,.x):focus-visible{outline:2px solid #C79AA1; outline-offset:2px}
html.mkmw-open .mkmiaw-brhi{display:none}
@media (prefers-reduced-motion:reduce){.mkmiaw-brhi{transition:none}}


/* 6.0.64 — القائمة الجانبية: كل عناصر مياو تختفي وترجع لما تتسكّر */
html.mk-drawer .mkmiaw,html.mk-drawer .mkmg,html.mk-drawer .mkmiaw-brhi{display:none!important}