@font-face{font-family:KWAmiri;src:url(/contact/assets/fonts/amiri-welcome.woff2) format("woff2");font-weight:400;font-display:swap}
:root{--navy:#003466;--green:#0a7d47;--green2:#0EA860;--gold:#E4C400;--ink:#12233a;--mute:#4d6070;--bg:#f4f8fb;--line:#dbe6f0;--card:#fff;--err:#b3261e;
--f:Cairo,Tahoma,"Segoe UI",system-ui,-apple-system,"Noto Naskh Arabic",Arial,sans-serif;--a:KWAmiri,Cairo,"Traditional Arabic","Noto Naskh Arabic",serif}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--f);font-size:1rem;line-height:1.75;color:var(--ink);background:var(--bg)}
a{color:var(--navy)}
:focus-visible{outline:3px solid var(--navy);outline-offset:2px}
.wrap{max-width:720px;margin:0 auto;padding:0 16px}
.welcome{font-family:var(--a);font-weight:400;font-size:clamp(1.6rem,7.2vw,2.1rem);line-height:1.5;margin:18px 0 6px}
.pick{display:grid;gap:12px;margin-top:6px}
@media(min-width:620px){.pick{grid-template-columns:1fr 1fr}}
.pick button{font:inherit;text-align:start;background:var(--card);color:var(--navy);border:2px solid var(--line);border-inline-start:8px solid var(--gold);border-radius:12px;padding:10px 14px;min-height:66px;cursor:pointer;box-shadow:0 2px 0 rgba(0,51,102,.08)}
.pick button strong{display:block;font-size:1rem}
.pick button span{font-size:.8125rem;color:var(--mute)}
.pick button[aria-expanded=true]{border-color:var(--navy);border-inline-start-color:var(--green2);background:#eef5fb}
h2{font-size:1.25rem;color:var(--navy);margin:34px 0 10px;line-height:1.5}
.quick{display:grid;gap:10px}
.btn,.quick a,.quick summary{font:inherit;display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:6px 12px;font-size:.9375rem;border-radius:10px;text-decoration:none;font-weight:600;border:1.5px solid var(--navy);color:var(--navy);background:#fff;cursor:pointer}
.quick a.wa{background:var(--green);border-color:var(--green);color:#fff;font-size:1rem;min-height:48px}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.quick details{grid-column:1/-1}
.quick summary{list-style:none}
.quick summary::-webkit-details-marker{display:none}
.chan{display:grid;gap:8px;margin-top:8px}
.chan a{min-height:42px}
.hours{color:var(--mute);font-size:.875rem;margin:10px 0 0}
.panel{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px 16px;margin-top:22px}
.panel[hidden]{display:none}
.panel h2{margin-top:0}
.f{margin:0 0 16px;border:0;padding:0;min-width:0}
label,legend{display:block;font-weight:600;margin:0 0 4px;padding:0}
.opt{font-weight:400;color:var(--mute);font-size:.875rem}
input[type=text],input[type=tel],input[type=email],select,textarea{width:100%;font:inherit;min-height:48px;padding:9px 12px;border:2px solid var(--line);border-radius:10px;background:#fff;color:var(--ink)}
textarea{min-height:120px;resize:vertical}
input[dir=ltr]{text-align:left}
input[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true]{border-color:var(--err)}
.hint{font-size:.85rem;color:var(--mute);margin:4px 0 0;line-height:1.6}
.err{color:var(--err);font-size:.875rem;font-weight:600;margin:4px 0 0}
.err[hidden]{display:none}
.phone{display:flex;gap:8px;align-items:stretch;direction:ltr}
.phone .cc{display:flex;align-items:center;gap:2px;padding:0 10px;border:2px solid var(--line);border-radius:10px;background:#eef3f6;font-weight:700;min-width:88px;justify-content:center}
.phone .cc input[type=text]{width:5ch;min-width:0;min-height:0;padding:6px 0;border:0;border-radius:0;background:transparent;font-weight:700;text-align:left}
.phone .cc:focus-within{border-color:var(--navy)}
.phone .cc input:focus{outline:none}
.pills{display:flex;flex-wrap:wrap;gap:8px}
.pills label{display:flex;align-items:center;gap:8px;min-height:42px;padding:4px 12px;border:2px solid var(--line);border-radius:10px;font-weight:400;margin:0;cursor:pointer;background:#fff}
.pills input{width:22px;height:22px;margin:0;accent-color:var(--navy)}
.pills label:has(input:checked){border-color:var(--navy);background:#eef5fb;font-weight:600}
.stu{border:2px solid var(--line);border-radius:12px;padding:12px;margin:0 0 14px;background:#fbfdfe}
.stu legend{padding:0 6px;color:var(--navy)}
.stu .f:last-child{margin-bottom:0}
.warn{background:#fff8d6;border:1px solid #e6d27a;border-radius:10px;padding:8px 12px;font-size:.875rem;margin:6px 0 0}
.consent label{display:flex;gap:10px;align-items:flex-start;font-weight:400}
.consent input{width:24px;height:24px;margin-top:5px;flex:none;accent-color:var(--navy)}
.go{width:100%;font:inherit;font-size:1rem;font-weight:700;min-height:48px;border:0;border-radius:12px;background:var(--navy);color:#fff;cursor:pointer}
.go:disabled{opacity:.7;cursor:wait}
.status{margin-top:12px;font-weight:600}
.status.bad{background:#fdecea;border:1px solid #e6b3ae;border-radius:10px;padding:10px 12px;color:#6b1a14}
.status.bad a{display:inline-flex;margin-top:8px}
.hp{position:absolute;inset-inline-start:-9999px;width:1px;height:1px;overflow:hidden}
details.q{background:#fff;border:1px solid var(--line);border-radius:12px;margin:8px 0}
details.q summary{cursor:pointer;font-weight:600;min-height:46px;display:flex;align-items:center;padding:8px 14px;color:var(--navy)}
details.q div{padding:0 14px 12px}
.todo{background:#ffe96b;color:#4a3b00;padding:0 4px;border-radius:4px}
.box{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px 16px;margin:26px 0}
.ref{display:inline-block;direction:ltr;font-weight:700;font-size:1.5rem;letter-spacing:2px;background:#eef5fb;border:2px dashed var(--navy);border-radius:10px;padding:2px 16px;color:var(--navy)}
.legal h2{font-size:1.0625rem}
.legal li{margin:4px 0}
@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}

.kw-hero .sub,.hours,details.q div,.box p,.legal p,.legal li{font-family:var(--a);font-size:1em;line-height:1.9}

/* الغلاف الموحّد: تعديلات هذه الصفحة */
.kw-brand{min-width:0;white-space:nowrap;font-size:clamp(.8125rem,3.9vw,1rem);order:1}
.kw-brand img{width:40px;height:40px}
.kw-menu{order:3;flex-basis:100%}
.fz{display:flex;gap:3px;flex:none;order:2;margin-inline-start:auto}
.fz button{font:inherit;font-size:.75rem;font-weight:700;min-width:26px;min-height:26px;padding:0 3px;border:0;border-radius:6px;background:#edf2f8;color:var(--navy);cursor:pointer;line-height:1}
.fz button:disabled{opacity:.4;cursor:default}
.kw-hero .kw-wrap{max-width:720px}
.kw-hero h1.welcome{font-family:var(--a);font-weight:400;font-size:clamp(1.6rem,7.2vw,2.1rem);line-height:1.5;margin:4px 0 6px}
.kw-hero .sub{margin:0;max-width:34em;color:var(--mute);font-weight:400}

@media(max-width:480px){.kw-brand{gap:8px;font-size:clamp(.75rem,3.6vw,.9rem)}.kw-brand img{width:36px;height:36px}.kw-top .kw-wrap{gap:4px 10px}.kw-menu a{padding:2px 8px;font-size:.9rem;min-height:38px}}

/* رأس ثابت عند التمرير (طلب المدير)؛ التذييل يبقى في آخر الصفحة */
html{scroll-padding-top:6.5rem}
.kw-top{position:sticky;top:0;z-index:30}

/* أزرار القنوات المنسدلة: تمييزها عن زر واتساب الرئيسي وعن بقية الأزرار */
.quick details{border-radius:12px}
.quick details>summary{list-style:none;justify-content:space-between;gap:10px;min-height:46px;padding:6px 14px;font-weight:700;border-width:1.5px;border-style:solid}
.quick details>summary::-webkit-details-marker{display:none}
.quick details>summary::after{content:"";flex:none;width:.55rem;height:.55rem;border-right:2.5px solid currentColor;border-bottom:2.5px solid currentColor;transform:rotate(45deg);margin-top:-.2rem;transition:transform .15s}
.quick details[open]>summary::after{transform:rotate(-135deg);margin-top:.2rem}
.quick details.ch-wa>summary{background:#eaf6ef;border-color:var(--green);color:#0a5c34}
.quick details.ch-tg>summary{background:#e8f0f8;border-color:var(--navy);color:var(--navy)}
.quick details[open]>summary{border-bottom-left-radius:0;border-bottom-right-radius:0}
.quick details>.chan{display:grid;gap:8px;margin:0;padding:10px;border:1.5px solid var(--line);border-top:0;border-radius:0 0 12px 12px;background:#fff}
.quick details.ch-wa>.chan{border-color:var(--green)}
.quick details.ch-tg>.chan{border-color:var(--navy)}
.quick details>.chan a{min-height:42px;border-width:1px;font-weight:600;background:#f7fafc}
.quick details.ch-wa>.chan a{color:#0a5c34;border-color:#9ccdb2}
.quick details.ch-tg>.chan a{border-color:#9db6cf}

.toc{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 16px;margin:0 0 8px}
.toc strong{display:block;margin-bottom:4px}
.toc ol{margin:0;padding-inline-start:1.4rem;columns:1}
.toc a{display:inline-block;padding:3px 0}
@media(min-width:700px){.toc ol{columns:2}}

/* الشاشات المتوسطة والكبيرة: الأحجام الأكبر الأصلية */
@media(min-width:700px){
.kw-menu{order:2;flex-basis:auto}
.fz{order:3;margin-inline-start:0}
.kw-brand{font-size:1.0625rem}
.kw-hero h1.welcome{font-size:clamp(2.1rem,5vw,2.75rem)}
body{font-size:1.0625rem;line-height:1.85}
.pick button strong{font-size:1.0625rem}
.pick button span{font-size:.875rem}
h2{font-size:1.375rem}
.quick a.wa{font-size:1.0625rem}
.hours,.opt,.err,.warn{font-size:.9375rem}
.hint{font-size:.875rem}
.go{font-size:1.0625rem}
.ref{font-size:1.625rem}
.legal h2{font-size:1.1875rem}
.kw-hero .sub,.hours,details.q div,.box p,.legal p,.legal li{font-size:1.08em;line-height:2}
}
