/* ═══════════════════════════════════════════════════════════════
   سايتوتك قطر — ورقة الأنماط المحلية
   هوية «عنّاب ونحاس». مبنيّة محلياً: لا Tailwind من CDN، ولا خطوط
   من خوادم جوجل — لا يغادر أي طلب هذا النطاق.
   ═══════════════════════════════════════════════════════════════ */

:root {
  --maroon: #7B2D3B;
  --maroon-deep: #5A1F2A;
  --maroon-tint: #F5E9EB;
  --brass: #8A6A1F;
  --brass-deep: #6B5216;
  --brass-tint: #F7EFDC;
  --sand: #FBF8F4;
  --sand-2: #F0E9DF;
  --paper: #FFFFFF;
  --ink: #2A2226;
  --ink-soft: #5B4C52;
  --line: #9A8A80;
  --alert: #A5262B;
  --alert-bg: #FBEAEA;
  --amber: #7A5410;
  --amber-bg: #F7ECD8;
  --wa: #0F7A46;
}

/* ── الخطوط، مستضافة محلياً ── */
@font-face { font-family:'Cairo'; font-style:normal; font-weight:400; font-display:swap;
  src:url('../fonts/cairo-400-arabic.woff2') format('woff2');
  unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF; }
@font-face { font-family:'Cairo'; font-style:normal; font-weight:400; font-display:swap;
  src:url('../fonts/cairo-400-latin.woff2') format('woff2'); unicode-range:U+0000-00FF,U+0131,U+2000-206F; }
@font-face { font-family:'Cairo'; font-style:normal; font-weight:600; font-display:swap;
  src:url('../fonts/cairo-600-arabic.woff2') format('woff2');
  unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF; }
@font-face { font-family:'Cairo'; font-style:normal; font-weight:600; font-display:swap;
  src:url('../fonts/cairo-600-latin.woff2') format('woff2'); unicode-range:U+0000-00FF,U+0131,U+2000-206F; }
@font-face { font-family:'Cairo'; font-style:normal; font-weight:700; font-display:swap;
  src:url('../fonts/cairo-700-arabic.woff2') format('woff2');
  unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF; }
@font-face { font-family:'Cairo'; font-style:normal; font-weight:700; font-display:swap;
  src:url('../fonts/cairo-700-latin.woff2') format('woff2'); unicode-range:U+0000-00FF,U+0131,U+2000-206F; }

/* ── إعادة الضبط ── */
*,*::before,*::after { box-sizing:border-box; }
html { scrollbar-gutter:stable; -webkit-text-size-adjust:100%; }
body {
  margin:0; font-family:'Cairo',system-ui,sans-serif; font-size:1rem; line-height:1.75;
  color:var(--ink); background:var(--sand);
  background-image:radial-gradient(rgba(123,45,59,.035) 1px,transparent 1px);
  background-size:22px 22px;
}
img,svg,video { max-width:100%; height:auto; }
a { color:var(--brass-deep); }
a:hover { color:var(--maroon-deep); }
h1,h2,h3,h4,h5,h6 { margin:0 0 .6em; line-height:1.35; font-weight:700; color:inherit; }
p,ul,ol { margin:0 0 1rem; }
ul,ol { padding-inline-start:1.35rem; }
:focus-visible { outline:3px solid var(--brass); outline-offset:2px; }

/* ── أدوات مولّدة ── */
.absolute{position:absolute}
.bg-black{background-color:#2A2226}
.bg-blue-100{background-color:#F7EFDC}
.bg-blue-500{background-color:#8A6A1F}
.bg-center{background-position:center}
.bg-cover{background-size:cover}
.bg-cyan-100{background-color:#F7EFDC}
.bg-gradient-to-r{background-image:linear-gradient(to left,var(--tw-from,transparent),var(--tw-to,transparent))}
.bg-gray-100{background-color:#F0E9DF}
.bg-gray-50{background-color:#FBF8F4}
.bg-gray-500{background-color:#5B4C52}
.bg-gray-900{background-color:#2A2226}
.bg-green-100{background-color:#E7F3EC}
.bg-green-50{background-color:#E7F3EC}
.bg-green-500{background-color:#0F7A46}
.bg-orange-100{background-color:#F7ECD8}
.bg-pattern{background-color:#FBF8F4;background-image:radial-gradient(rgba(123,45,59,.045) 1px,transparent 1px);background-size:22px 22px}
.bg-purple-100{background-color:#F5E9EB}
.bg-red-100{background-color:#FBEAEA}
.bg-red-50{background-color:#FBEAEA}
.bg-red-500{background-color:#A5262B}
.bg-teal-100{background-color:#F5E9EB}
.bg-teal-50{background-color:#F5E9EB}
.bg-teal-500{background-color:#7B2D3B}
.bg-teal-600{background-color:#7B2D3B}
.bg-teal-700{background-color:#5A1F2A}
.bg-transparent{background-color:transparent}
.bg-white{background-color:#FFFFFF}
.bg-yellow-100{background-color:#F7ECD8}
.block{display:block}
.border{border:1px solid #9A8A80}
.border-2{border-width:2px;border-style:solid}
.border-4{border-width:4px;border-style:solid}
.border-b{border-bottom:1px solid #9A8A80}
.border-cyan-500{border-color:#8A6A1F}
.border-dashed{border-style:dashed}
.border-gray-100{border-color:#F0E9DF}
.border-gray-200{border-color:#E4DACE}
.border-gray-800{border-color:#2A2226}
.border-green-500{border-color:#0F7A46}
.border-l-4{border-left-width:4px;border-left-style:solid}
.border-orange-500{border-color:#7A5410}
.border-purple-500{border-color:#7B2D3B}
.border-r-4{border-right-width:4px;border-right-style:solid}
.border-red-100{border-color:#FBEAEA}
.border-red-500{border-color:#A5262B}
.border-t{border-top:1px solid #9A8A80}
.border-t-4{border-top-width:4px;border-top-style:solid}
.border-teal-100{border-color:#F5E9EB}
.border-teal-200{border-color:#E3CDD2}
.border-teal-50{border-color:#F5E9EB}
.border-teal-500{border-color:#7B2D3B}
.border-white{border-color:#FFFFFF}
.border-yellow-500{border-color:#7A5410}
.container{width:100%;margin-inline:auto;padding-inline:1rem;max-width:1180px}
.cursor-pointer{cursor:pointer}
.duration-300{transition-duration:300ms}
.flex{display:flex}
.flex-col{flex-direction:column}
.flex-shrink-0{flex-shrink:0}
.flex-wrap{flex-wrap:wrap}
.font-bold{font-weight:700}
.font-extrabold{font-weight:700}
.font-light{font-weight:400}
.font-sans{font-family:'Cairo',system-ui,sans-serif}
.font-semibold{font-weight:600}
.from-blue-50{--tw-from:#F7EFDC}
.from-cyan-50{--tw-from:#F7EFDC}
.from-green-500{--tw-from:#0F7A46}
.from-teal-50{--tw-from:#F5E9EB}
.from-teal-500{--tw-from:#7B2D3B}
.from-teal-600{--tw-from:#7B2D3B}
.gap-12{gap:3rem}
.gap-3{gap:0.75rem}
.gap-4{gap:1rem}
.gap-6{gap:1.5rem}
.gap-8{gap:2rem}
.grid{display:grid}
.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.h-1{height:0.25rem}
.h-12{height:3rem}
.h-16{height:4rem}
.h-5{height:1.25rem}
.h-6{height:1.5rem}
.h-64{height:16rem}
.h-8{height:2rem}
.h-auto{height:auto}
.h-full{height:100%}
.hidden{display:none}
.inline-block{display:inline-block}
.inline-flex{display:inline-flex}
.inset-0{inset:0}
.italic{font-style:italic}
.items-center{align-items:center}
.items-start{align-items:flex-start}
.justify-between{justify-content:space-between}
.justify-center{justify-content:center}
.leading-relaxed{line-height:1.9}
.leading-tight{line-height:1.32}
.left-0{left:0}
.list-disc{list-style-type:disc}
.list-inside{list-style-position:inside}
.max-w-2xl{max-width:42rem}
.max-w-3xl{max-width:48rem}
.max-w-4xl{max-width:56rem}
.max-w-5xl{max-width:64rem}
.max-w-6xl{max-width:72rem}
.max-w-md{max-width:28rem}
.max-w-none{max-width:none}
.max-w-xl{max-width:36rem}
.mb-1{margin-bottom:0.25rem}
.mb-10{margin-bottom:2.5rem}
.mb-12{margin-bottom:3rem}
.mb-16{margin-bottom:4rem}
.mb-2{margin-bottom:0.5rem}
.mb-3{margin-bottom:0.75rem}
.mb-4{margin-bottom:1rem}
.mb-6{margin-bottom:1.5rem}
.mb-8{margin-bottom:2rem}
.min-h-\[80vh\]{min-height:80vh}
.min-w-full{min-width:100%}
.ml-2{margin-left:0.5rem}
.ml-3{margin-left:0.75rem}
.ml-4{margin-left:1rem}
.mr-2{margin-right:0.5rem}
.mr-4{margin-right:1rem}
.mt-1{margin-top:0.25rem}
.mt-12{margin-top:3rem}
.mt-16{margin-top:4rem}
.mt-2{margin-top:0.5rem}
.mt-3{margin-top:0.75rem}
.mt-4{margin-top:1rem}
.mt-6{margin-top:1.5rem}
.mt-8{margin-top:2rem}
.mx-auto{margin-inline:auto}
.object-cover{object-fit:cover}
.opacity-10{opacity:0.10}
.opacity-40{opacity:0.40}
.opacity-60{opacity:0.60}
.order-1{order:1}
.order-2{order:2}
.overflow-hidden{overflow:hidden}
.overflow-x-auto{overflow-x:auto}
.p-12{padding:3rem}
.p-3{padding:0.75rem}
.p-4{padding:1rem}
.p-5{padding:1.25rem}
.p-6{padding:1.5rem}
.p-8{padding:2rem}
.pl-6{padding-left:1.5rem}
.pr-4{padding-right:1rem}
.pt-8{padding-top:2rem}
.px-10{padding-inline:2.5rem}
.px-12{padding-inline:3rem}
.px-4{padding-inline:1rem}
.px-6{padding-inline:1.5rem}
.px-8{padding-inline:2rem}
.py-1{padding-block:0.25rem}
.py-12{padding-block:3rem}
.py-16{padding-block:4rem}
.py-2{padding-block:0.5rem}
.py-20{padding-block:5rem}
.py-24{padding-block:6rem}
.py-3{padding-block:0.75rem}
.py-4{padding-block:1rem}
.py-5{padding-block:1.25rem}
.relative{position:relative}
.rounded{border-radius:0.35rem}
.rounded-2xl{border-radius:1.1rem}
.rounded-br-lg{border-bottom-right-radius:0.6rem}
.rounded-full{border-radius:999px}
.rounded-lg{border-radius:0.6rem}
.rounded-md{border-radius:0.45rem}
.rounded-xl{border-radius:0.85rem}
.shadow-2xl{box-shadow:0 20px 48px rgba(42,34,38,.16)}
.shadow-lg{box-shadow:0 6px 20px rgba(42,34,38,.10)}
.shadow-md{box-shadow:0 2px 10px rgba(42,34,38,.08)}
.shadow-sm{box-shadow:0 1px 3px rgba(42,34,38,.07)}
.shadow-xl{box-shadow:0 12px 32px rgba(42,34,38,.13)}
.space-y-1{--sy:0.25rem}
.space-y-12{--sy:3rem}
.space-y-2{--sy:0.5rem}
.space-y-3{--sy:0.75rem}
.space-y-4{--sy:1rem}
.space-y-6{--sy:1.5rem}
.space-y-8{--sy:2rem}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}
.sticky{position:sticky}
.text-2xl{font-size:1.4rem}
.text-3xl{font-size:1.65rem}
.text-4xl{font-size:1.95rem}
.text-5xl{font-size:2.3rem}
.text-blue-600{color:#6B5216}
.text-center{text-align:center}
.text-cyan-500{color:#8A6A1F}
.text-cyan-600{color:#8A6A1F}
.text-cyan-700{color:#6B5216}
.text-gray-300{color:#EDE6DC}
.text-gray-400{color:#D8CCC0}
.text-gray-500{color:#5B4C52}
.text-gray-600{color:#5B4C52}
.text-gray-700{color:#2A2226}
.text-gray-800{color:#2A2226}
.text-gray-900{color:#2A2226}
.text-green-200{color:#CFE7DA}
.text-green-500{color:#0F7A46}
.text-green-600{color:#0F7A46}
.text-green-800{color:#0B5C34}
.text-justify{text-align:justify}
.text-left{text-align:left}
.text-lg{font-size:1.075rem}
.text-orange-600{color:#7A5410}
.text-orange-700{color:#7A5410}
.text-purple-600{color:#7B2D3B}
.text-purple-700{color:#5A1F2A}
.text-red-500{color:#A5262B}
.text-red-600{color:#A5262B}
.text-red-700{color:#A5262B}
.text-red-800{color:#A5262B}
.text-right{text-align:right}
.text-sm{font-size:0.875rem}
.text-teal-100{color:#F5E9EB}
.text-teal-400{color:#5A1F2A}
.text-teal-500{color:#7B2D3B}
.text-teal-600{color:#7B2D3B}
.text-teal-700{color:#5A1F2A}
.text-teal-800{color:#5A1F2A}
.text-white{color:#FFFFFF}
.text-white\/90{color:rgba(255,255,255,.92)}
.text-xl{font-size:1.2rem}
.text-yellow-600{color:#7A5410}
.text-yellow-700{color:#7A5410}
.to-cyan-50{--tw-to:#F7EFDC}
.to-cyan-600{--tw-to:#8A6A1F}
.to-cyan-700{--tw-to:#6B5216}
.to-green-600{--tw-to:#0F7A46}
.to-indigo-50{--tw-to:#F7EFDC}
.to-teal-400{--tw-to:#5A1F2A}
.to-teal-50{--tw-to:#F5E9EB}
.top-0{top:0}
.top-20{top:5rem}
.transition{transition:all .25s ease}
.w-12{width:3rem}
.w-16{width:4rem}
.w-24{width:6rem}
.w-5{width:1.25rem}
.w-6{width:1.5rem}
.w-8{width:2rem}
.w-full{width:100%}
.z-10{z-index:10}
.z-50{z-index:50}

/* ── تباعد الأشقاء (space-y / space-x) ── */
[class*="space-y-"] > * + * { margin-top:var(--sy,0); }
[class*="space-x-"] > * + * { margin-inline-start:var(--sx,0); }

/* ── حالات التحويم ── */
.hover\:-translate-y-1:hover{transform:translateY(-0.25rem)}
.hover\:bg-gray-100:hover{background-color:#F0E9DF}
.hover\:bg-gray-200:hover{background-color:#E4DACE}
.hover\:bg-gray-50:hover{background-color:#FBF8F4}
.hover\:bg-green-600:hover{background-color:#0F7A46}
.hover\:bg-teal-100:hover{background-color:#F5E9EB}
.hover\:bg-teal-50:hover{background-color:#F5E9EB}
.hover\:bg-teal-600:hover{background-color:#7B2D3B}
.hover\:bg-white:hover{background-color:#FFFFFF}
.hover\:opacity-90:hover{opacity:0.90}
.hover\:scale-105:hover{transform:scale(1.05)}
.hover\:scale-110:hover{transform:scale(1.10)}
.hover\:shadow-lg:hover{box-shadow:0 6px 20px rgba(42,34,38,.10)}
.hover\:shadow-xl:hover{box-shadow:0 12px 32px rgba(42,34,38,.13)}
.hover\:text-teal-600:hover{color:#7B2D3B}
.hover\:text-white:hover{color:#FFFFFF}
.hover\:underline:hover{text-decoration:underline}

/* ── نقاط التوقّف ── */
@media (min-width:640px) {
.sm\:flex-row{flex-direction:row}
.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:768px) {
.md\:block{display:block}
.md\:flex{display:flex}
.md\:flex-row{flex-direction:row}
.md\:gap-12{gap:3rem}
.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.md\:h-auto{height:auto}
.md\:hidden{display:none}
.md\:order-1{order:1}
.md\:order-2{order:2}
.md\:text-2xl{font-size:1.4rem}
.md\:text-3xl{font-size:1.65rem}
.md\:text-4xl{font-size:1.95rem}
.md\:text-5xl{font-size:2.3rem}
.md\:text-6xl{font-size:2.7rem}
.md\:text-7xl{font-size:3rem}
.md\:text-xl{font-size:1.2rem}
.md\:w-1\/3{width:33.3333%}
.md\:w-2\/3{width:66.6667%}
}
@media (min-width:1024px) {
.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}
}
@media (min-width:1280px) {

}

/* ═══════════════ طبقة المكوّنات ═══════════════ */

/* الرأس والشعار */
.logo { display:flex; align-items:center; gap:.65rem; }
.logo img { width:44px; height:44px; }

/* الأقسام */
.section { padding:3.5rem 0; }
.section-title { font-size:clamp(1.55rem,3.2vw,2.1rem); color:var(--maroon); margin-bottom:.5rem; }
.section-subtitle { color:var(--ink-soft); font-size:1.05rem; margin-bottom:2rem; }

/* البطل */
.hero { position:relative; background:linear-gradient(135deg,var(--maroon-deep),var(--maroon)); color:var(--paper); padding:3.5rem 0; }
.hero-title { color:var(--paper); font-size:clamp(1.7rem,4.5vw,2.6rem); line-height:1.3; }
.hero-subtitle { color:rgba(255,255,255,.93); font-size:clamp(1rem,2.2vw,1.2rem); }

/* زر واتساب العائم — كان بلا تنسيق إطلاقاً على 8 صفحات */
.whatsapp-float {
  position:fixed; inset-inline-start:20px; inset-block-end:20px; z-index:99;
  display:flex; align-items:center; justify-content:center; gap:.5rem;
  min-width:56px; min-height:56px; padding:0 1.25rem;
  background:var(--wa); color:var(--paper); border-radius:999px;
  box-shadow:0 6px 18px rgba(15,122,70,.38);
  text-decoration:none; font-weight:700; transition:all .25s ease;
}
.whatsapp-float:hover { background:#0C6539; color:var(--paper); transform:scale(1.05); }
.whatsapp-float svg { width:26px; height:26px; fill:currentColor; }

.btn-whatsapp {
  display:inline-flex; align-items:center; justify-content:center; gap:.5rem;
  min-height:48px; padding:.7rem 1.6rem; border-radius:999px;
  background:var(--wa); color:var(--paper); font-weight:700;
  text-decoration:none; transition:all .25s ease;
}
.btn-whatsapp:hover { background:#0C6539; color:var(--paper); }

/* كتلة السلامة الطبية */
.safety-notice { background:var(--sand-2); padding:3.5rem 0; border-top:3px solid var(--maroon); }
.safety-heading { font-size:clamp(1.45rem,3vw,1.95rem); color:var(--maroon-deep); text-align:center; }
.safety-lead { text-align:center; color:var(--ink-soft); max-width:44rem; margin:0 auto 2.2rem; }
.safety-grid { display:grid; grid-template-columns:1fr; gap:1.15rem; }
.safety-card {
  background:var(--paper); border:1px solid var(--line);
  border-inline-start:5px solid var(--maroon);
  border-radius:.85rem; padding:1.4rem 1.5rem;
}
.safety-card h3 { font-size:1.12rem; color:var(--maroon-deep); margin-bottom:.7rem;
  padding-bottom:.45rem; border-bottom:2px solid var(--maroon-tint); }
.safety-card p { color:var(--ink); margin-bottom:.7rem; }
.safety-card p:last-child { margin-bottom:0; }
.safety-card ul { color:var(--ink); margin-bottom:.7rem; }
.safety-card li { margin-bottom:.35rem; }
.safety-card--critical { border-inline-start-color:var(--amber); background:var(--amber-bg); }
.safety-card--critical h3 { color:var(--amber); border-bottom-color:rgba(122,84,16,.28); }
.safety-card--emergency { border-inline-start-color:var(--alert); background:var(--alert-bg); }
.safety-card--emergency h3 { color:var(--alert); border-bottom-color:rgba(165,38,43,.28); }
.safety-em { font-size:1.1rem; color:var(--alert); font-weight:700; }

/* قسم الشفافية (بديل الشهادات) */
.transparency-section { background:var(--paper); }
.transparency-grid { display:grid; grid-template-columns:1fr; gap:1.15rem; }
.transparency-card {
  background:var(--sand); border:1px solid var(--line);
  border-inline-start:5px solid var(--brass);
  border-radius:.85rem; padding:1.4rem 1.5rem;
}
.transparency-card h3 { font-size:1.1rem; color:var(--maroon-deep); margin-bottom:.6rem; }
.transparency-card p { color:var(--ink); margin:0; }

/* التواصل */
.contact-info { display:grid; grid-template-columns:1fr; gap:1rem; }
.contact-item { display:flex; align-items:center; gap:1rem; padding:1.2rem;
  background:var(--paper); border:1px solid var(--line); border-radius:.85rem; }
.contact-icon { flex-shrink:0; color:var(--maroon); }
.contact-icon svg { width:28px; height:28px; fill:currentColor; }
.contact-direct { background:var(--paper); border:1px solid var(--line);
  border-radius:.85rem; padding:1.75rem; text-align:center; }
.contact-note { font-size:.9rem; color:var(--ink-soft); }

/* بديل خريطة جوجل المحذوفة */
.map-placeholder { background:var(--brass-tint); border:1px solid var(--line);
  border-radius:.85rem; padding:1.6rem; }
.map-note { font-size:.9rem; color:var(--ink-soft); margin:0; }

/* نص طويل */
.prose, .prose-lg { max-width:70ch; }
.prose p, .prose-lg p { line-height:1.9; }

/* أدوات صغيرة */
.transition-all, .transition-colors, .transition-shadow, .transition-transform { transition:all .25s ease; }
.cursor-default { cursor:default; }
.focus\:outline-none:focus { outline:none; }
.focus\:outline-none:focus-visible { outline:3px solid var(--brass); outline-offset:2px; }

@media (min-width:768px) {
  .safety-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .transparency-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .contact-info { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .section { padding:4.5rem 0; }
}
@media (max-width:480px) {
  .whatsapp-float { inset-inline-start:14px; inset-block-end:14px; padding:0 1rem; }
  .safety-card, .transparency-card { padding:1.15rem 1.1rem; }
}

/* ═══════════════ التذييل والأسطح الداكنة ═══════════════ */
/* الخلفيات الداكنة كانت ترث لون النصّ الداكن فيختفي المحتوى تماماً */

footer {
    background: var(--ink);
    color: #E8DFD6;
    padding: 3rem 0 1.5rem;
}
footer h1, footer h2, footer h3, footer h4 { color: var(--paper); }
footer p, footer li, footer span { color: #E8DFD6; }
footer a { color: #E8DFD6; text-decoration: none; }
footer a:hover { color: var(--paper); text-decoration: underline; }
footer ul { list-style: none; padding-inline-start: 0; }
footer li { margin-bottom: .4rem; }
footer li a { display: inline-block; min-height: 44px; line-height: 44px; }

/* أي قسم بخلفية عنّابية داكنة */
.bg-teal-500, .bg-teal-600, .bg-teal-700, .bg-gray-900, .bg-black, .hero {
    color: var(--paper);
}
.bg-teal-500 h1, .bg-teal-600 h1, .bg-teal-700 h1, .bg-gray-900 h1, .hero h1,
.bg-teal-500 h2, .bg-teal-600 h2, .bg-teal-700 h2, .bg-gray-900 h2, .hero h2,
.bg-teal-500 h3, .bg-teal-600 h3, .bg-teal-700 h3, .bg-gray-900 h3, .hero h3 {
    color: var(--paper);
}
.bg-teal-500 a:not(.btn-whatsapp), .bg-teal-600 a:not(.btn-whatsapp),
.bg-teal-700 a:not(.btn-whatsapp), .hero a:not(.btn-whatsapp) { color: var(--paper); }

/* أهداف اللمس: كل رابط وزر ≥44px */
a[href], button { min-height: 44px; }
nav a, footer a, .contact-item a { display: inline-flex; align-items: center; }
button.mobile-menu-btn, #mobile-menu-btn { min-width: 44px; min-height: 44px;
    display: inline-flex; align-items: center; justify-content: center; }

/* روابط داخل فقرة تبقى سطرية */
p a, li a[href^="http"], .safety-card a { min-height: 0; display: inline; }

/* ═══════════════ تصحيحات تباين ═══════════════ */

/* الزر المعكوس داخل قسم داكن: خلفية فاتحة يجب أن يبقى نصّها داكناً.
   بلا هذا كان النصّ أبيض على أبيض — زرّ غير مرئي إطلاقاً. */
.bg-teal-500 a.bg-white, .bg-teal-600 a.bg-white, .bg-teal-700 a.bg-white,
.bg-gray-900 a.bg-white, .hero a.bg-white,
a.bg-white, .bg-white a.text-teal-600, .bg-white a.text-teal-700 {
    color: var(--maroon-deep);
}
a.bg-white:hover { color: var(--maroon); background: var(--maroon-tint); }

/* أبطال الصفحات فوق صور فوتوغرافية: طبقة تعتيم تضمن قراءة النصّ
   مهما كانت الصورة فاتحة في بعض مناطقها. */
section.bg-cover { position: relative; }
section.bg-cover::before {
    content: ''; position: absolute; inset: 0;
    background: linear-gradient(180deg, rgba(42,34,38,.78), rgba(90,31,42,.86));
}
section.bg-cover > * { position: relative; z-index: 1; }

/* النحاسي الفاتح على الرملي كان 4.05 — يُستبدل بالغامق */
strong, b { color: inherit; }
.text-cyan-500, .text-cyan-600, .text-yellow-600, .text-orange-600 { color: var(--brass-deep); }

/* لون التمييز داخل العناوين فوق الأسطح الداكنة — كان بدرجة وسطى تفشل
   على الفاتح والداكن معاً. صار فاتحاً دافئاً يقرأ على العنّابي بوضوح. */
.text-teal-400 { color: var(--maroon-deep); }
/* فاتح فقط داخل الأسطح الداكنة */
.hero .text-teal-400, .bg-cover .text-teal-400, .bg-teal-600 .text-teal-400,
.bg-teal-700 .text-teal-400, .bg-gray-900 .text-teal-400, footer .text-teal-400 { color: #EFD5B4; }

/* التأكيد داخل النصّ يرث لون الفقرة، ولا ينزل تحت حدّ القراءة */
p strong, li strong, p b, li b { color: inherit; font-weight: 700; }


/* درجات فاتحة تُستخدم حصراً فوق الأسطح الداكنة — يجب أن تبقى فاتحة */
.text-teal-100, .text-teal-200 { color: #F3E3E6; }
.text-green-200 { color: #E7F3EC; }
.text-gray-300, .text-gray-400 { color: #E4D9CE; }
/* الاستثناء الوحيد: داخل البطاقات ذات الخلفية الفاتحة */
.safety-card .text-teal-100, .transparency-card .text-teal-100 { color: var(--maroon-deep); }

/* ═══════════════════════════════════════════════════════════════
   طبقة تجربة المستخدم — رقم الطوارئ، التنقّل، السلّم الطباعي
   ═══════════════════════════════════════════════════════════════ */

/* ── رابط التخطّي ── */
.skip-link {
    position: absolute; inset-inline-start: 0; top: -100px; z-index: 200;
    background: var(--maroon-deep); color: var(--paper);
    padding: .8rem 1.4rem; border-radius: 0 0 .6rem 0;
    font-weight: 700; text-decoration: none; transition: top .18s ease;
}
.skip-link:focus { top: 0; color: var(--paper); }
:target { scroll-margin-block-start: 148px; }

/* ── شريط الطوارئ ──
   كان رقم الطوارئ على عمق 81% من الصفحة. الآن هو أول ما يُرى بعد الرأس،
   ويبقى ملتصقاً تحته أثناء التمرير. */
.emergency-bar {
    position: sticky; top: 80px; z-index: 45;
    background: var(--alert); color: var(--paper);
    border-block-end: 2px solid rgba(255,255,255,.28);
}
.emergency-bar .container {
    display: flex; align-items: center; justify-content: center;
    flex-wrap: wrap; gap: .4rem .85rem;
    min-height: 46px; padding-block: .35rem;
}
.emergency-bar__label { font-size: .92rem; font-weight: 600; }
.emergency-bar__num {
    display: inline-flex; align-items: center; gap: .45rem;
    background: var(--paper); color: var(--alert);
    padding: .3rem .9rem; border-radius: 999px;
    font-weight: 700; text-decoration: none; white-space: nowrap;
    min-height: 34px;
}
.emergency-bar__num:hover, .emergency-bar__num:focus-visible {
    background: #FFF0F0; color: var(--alert);
}
.emergency-bar__num svg { width: 15px; height: 15px; fill: currentColor; }
.emergency-bar__num strong { font-size: 1.06rem; letter-spacing: .02em; }
.emergency-bar__country { font-size: .82rem; opacity: .92; }
.emergency-bar :focus-visible { outline: 3px solid var(--paper); outline-offset: 2px; }

@media (max-width: 420px) {
    .emergency-bar__country { display: none; }
    .emergency-bar__label { font-size: .85rem; }
    .emergency-bar .container { gap: .3rem .6rem; }
}

/* ── التنقّل ── */
.main-nav { display: none; }
.main-nav__link, .mobile-nav__link {
    display: inline-flex; align-items: center;
    min-height: 44px; padding-inline: .7rem;
    color: var(--ink); text-decoration: none; font-weight: 600;
    border-radius: .4rem; transition: all .2s ease;
}
.main-nav__link:hover, .mobile-nav__link:hover { background: var(--maroon-tint); color: var(--maroon-deep); }
.main-nav__link.is-current, .mobile-nav__link.is-current {
    color: var(--maroon-deep); background: var(--maroon-tint);
    box-shadow: inset 0 -3px 0 var(--maroon);
}
.main-nav__link--sub, .mobile-nav__link--sub { font-weight: 500; font-size: .93rem; color: var(--ink-soft); }
.nav-group { display: none; }
.nav-group__label {
    display: none; font-size: .78rem; font-weight: 700; color: var(--ink-soft);
    padding-inline: .7rem; margin-block-start: .5rem;
    text-transform: none; letter-spacing: .04em;
}

/* قائمة الجوال: ظاهرة بلا JS، تُطوى فقط حين يعمل السكربت */
#mobile-menu {
    background: var(--paper);
    border-block-start: 1px solid var(--sand-2);
    box-shadow: var(--shadow-lg, 0 12px 32px rgba(42,34,38,.13));
}
#mobile-menu > div { display: flex; flex-direction: column; padding: .6rem 1rem 1rem; }
.js #mobile-menu { display: none; }
.js #mobile-menu.is-open { display: block; }
.js #mobile-menu .nav-group__label { display: block; }

@media (min-width: 768px) {
    .main-nav { display: flex; align-items: center; gap: .15rem; flex-wrap: wrap; }
    .main-nav .nav-group__label { display: none; }
    #mobile-menu, #mobile-menu-btn { display: none !important; }
    .emergency-bar .container { min-height: 42px; }
}
@media (min-width: 1024px) {
    .main-nav__link { padding-inline: .85rem; }
}

/* ── السلّم الطباعي الموحّد ──
   كان في الموقع 4 مقاسات h2 و5 مقاسات h3 بلا نظام. */
h1, .hero-title, .page-title { font-size: clamp(1.6rem, 4.4vw, 2.45rem); line-height: 1.28; }
h2, .section-title { font-size: clamp(1.35rem, 3.2vw, 1.85rem); line-height: 1.34; }
h3 { font-size: clamp(1.08rem, 2.1vw, 1.22rem); line-height: 1.42; }
h4 { font-size: 1.02rem; line-height: 1.45; }
body, p, li { font-size: 1rem; line-height: 1.85; }
.text-sm, small { font-size: .9rem; }

/* تجاوز أدوات Tailwind المتضاربة على العناوين */
h1[class*="text-"], h2[class*="text-"], h3[class*="text-"], h4[class*="text-"] { font-size: inherit; }
h1 { font-size: clamp(1.6rem, 4.4vw, 2.45rem) !important; }
h2 { font-size: clamp(1.35rem, 3.2vw, 1.85rem) !important; }
h3 { font-size: clamp(1.08rem, 2.1vw, 1.22rem) !important; }
h4 { font-size: 1.02rem !important; }

/* ── إيقاع رأسي موحّد ── */
section { padding-block: clamp(2.25rem, 6vw, 3.5rem); }
section > .container > :first-child { margin-block-start: 0; }
.section-title { margin-block-end: .5rem; }
.section-subtitle { margin-block-end: 1.75rem; }

/* ── بطاقات موحّدة: حدّ خفيف + ظلّ واحد، بدل ستّ توليفات ── */
.safety-card, .transparency-card, .contact-item, .contact-direct,
.map-placeholder, [class*="rounded-lg"], [class*="rounded-xl"], [class*="rounded-2xl"] {
    border-radius: .75rem;
}
[class*="shadow-"] { box-shadow: 0 2px 10px rgba(42,34,38,.08); }
[class*="shadow-"]:hover { box-shadow: 0 6px 20px rgba(42,34,38,.12); }

/* ── قابلية القراءة على الجوال ── */
@media (max-width: 767px) {
    p, li { max-width: 68ch; }
    .container { padding-inline: 1.05rem; }
    section { padding-block: 2.25rem; }
}

/* ── تقليل الحركة ── */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: .01ms !important; animation-iteration-count: 1 !important;
        transition-duration: .01ms !important; scroll-behavior: auto !important;
    }
}

/* ── حلقة تركيز مرئية فوق الأسطح الداكنة ── */
.bg-teal-500 :focus-visible, .bg-teal-600 :focus-visible, .bg-teal-700 :focus-visible,
.bg-gray-900 :focus-visible, .hero :focus-visible, footer :focus-visible,
section.bg-cover :focus-visible {
    outline: 3px solid var(--paper); outline-offset: 2px;
}

/* القائمة تبقى ظاهرة بلا جافاسكربت — لا يفقد زائر الجوال التنقّل */
#mobile-menu { display: block; }
@media (min-width: 768px) { #mobile-menu { display: none !important; } }