/* OMC Shell reference-refresh — v3.2.35 — إذا كنت لا ترى هذا السطر في متصفحك فأنت تقرأ نسخة كاش قديمة */
/* OMC Shell 3.2.4 — reference typography + two-level header refresh.
 * Typography values are taken from the user-supplied dr-amrelgazzar workbook.
 * Brand colors remain OMC. No font files are bundled.
 */
:root{
  --omc-green:#0E4434;
  --omc-gold:#B17A4A;
  --omc-sand:#F7F2EC;
  --omc-ink:#14261F;
  --omc-green-10:#E6EEEA;
  --omc-gold-light:#DEAC75;
  --omc-font:"Almarai",sans-serif;
  --omc-font-latin:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --omc-reference-system-font:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
}

/* =========================================================
   SITE-WIDE TYPOGRAPHY
   Reference values: H2 32/38.4/500, H3 18/21.6/600,
   paragraph 15/26/400, menu 16/20/600. Page-title banner H1 is
   corrected to the supplied inspected value: Almarai Bold 40/40.
   The locked homepage keeps its approved Elementor hero sizes.
   ========================================================= */
body.omc-site,
body.omc-site .elementor,
body.omc-site input,
body.omc-site select,
body.omc-site textarea,
body.omc-site button{
  font-family:var(--omc-font)!important;
}
body.omc-site{
  font-size:15px;
  line-height:26px;
  color:var(--omc-ink);
}
body.omc-site main h1{
  font-family:var(--omc-font)!important;
}
/* Keep the already-approved homepage hero geometry/scale intact. */
/* v3.2.34 — عناوين موحّدة في المقالات وصفحات الخدمات (تشمل ويدجت العناوين في Elementor) */
body.omc-site:not(.home) main h2,
body.omc-site:not(.home) main h2.elementor-heading-title{
  font-family:var(--omc-font)!important;
  font-size:32px!important;
  font-weight:700!important;
  line-height:1.3!important;
  color:var(--omc-green)!important;
}
body.omc-site:not(.home) main h3,
body.omc-site:not(.home) main h3.elementor-heading-title{
  font-family:var(--omc-font)!important;
  font-size:20px!important;
  font-weight:700!important;
  line-height:1.4!important;
  color:#14261F!important;
}
body.omc-site:not(.home) main h4,
body.omc-site:not(.home) main h4.elementor-heading-title{
  font-family:var(--omc-font)!important;font-size:17px!important;font-weight:700!important;line-height:1.5!important;color:#14261F!important;
}
body.omc-site:not(.home) main p{
  font-family:var(--omc-font)!important;
  font-size:15px!important;
  font-weight:400!important;
  line-height:26px!important;
}
body.omc-site main .elementor-widget-text-editor li,
body.omc-site main .omc-rich-content li{
  font-family:var(--omc-font)!important;
  font-size:16px!important;
  font-weight:400!important;
  line-height:24px!important;
}
body.omc-site main .elementor-widget-text-editor a:not(.elementor-button),
body.omc-site main .omc-rich-content a:not(.elementor-button){
  font-family:var(--omc-font)!important;
  font-size:16px!important;
  font-weight:400!important;
  line-height:24px!important;
}
/* CTA dimensions were not supplied in the reference workbook: family only, no invented global size. */
body.omc-site .elementor-button,
body.omc-site .omc-button,
body.omc-site input[type="submit"],
body.omc-site button{
  font-family:var(--omc-font)!important;
}

/* =========================================================
   TOP INFORMATION BAR — same structure as the supplied visual
   ========================================================= */
.omc-topbar{
  width:100%;
  background:var(--omc-green);
  color:#fff;
  font-family:var(--omc-font);
  position:relative;
  z-index:101;
}
.omc-topbar *{box-sizing:border-box}
.omc-topbar__inner{
  width:min(1720px,100%);
  min-height:36px;
  margin-inline:auto;
  padding-inline:26px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:0;
}
.omc-topbar__item{
  min-height:36px;
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding-inline:14px;
  color:#fff;
  text-decoration:none;
  font-family:var(--omc-font);
  font-size:12.5px;
  font-weight:700;
  line-height:20px;
  white-space:nowrap;
}
.omc-topbar a.omc-topbar__item:hover{color:var(--omc-gold-light);text-decoration:none}
.omc-topbar__item .omc-icon{width:16px;height:16px;color:var(--omc-gold-light)}
.omc-topbar__email{border-inline-start:1px solid rgba(255,255,255,.62)}
.omc-topbar__left{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  padding-inline-start:18px;
  flex:0 0 auto;
}
.omc-topbar__phone{padding-inline:0 10px}
.omc-topbar__socials{display:flex;align-items:center;gap:10px;direction:ltr}
.omc-topbar__socials a{
  width:26px;
  height:26px;
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:var(--omc-green);
  background:#ffffff;
  text-decoration:none;
  transition:transform .16s ease,background-color .16s ease,color .16s ease;
}
.omc-topbar__socials a:hover{background:#fff;color:var(--omc-green);transform:translateY(-1px)}
.omc-topbar__socials .omc-icon{width:14px;height:14px;color:currentColor;stroke-width:1.9}
.omc-topbar a:focus-visible{outline:3px solid #fff;outline-offset:2px}

/* =========================================================
   MAIN HEADER / NAV — geometry mirrors supplied reference
   ========================================================= */
.omc-header{
  background:#ffffff!important;
  border-bottom:0!important; /* v3.2.17 — الهيدر والهيرو كتلة بيضاء واحدة بلا فاصل */
  box-shadow:none!important;
}
.omc-header__row{
  /* v3.2.17 — نفس حاوية التوب بار حتى يصطف اللوجو تحت الإيميل وزر الحجز تحت الهاتف */
  width:min(1720px,100%)!important;
  min-height:88px!important;
  margin-inline:auto!important;
  padding:4px 26px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:42px!important;
}
.omc-brand{gap:16px!important;flex:0 0 auto!important;color:var(--omc-green)!important}
.omc-brand__mark{width:88px!important;height:92px!important}
.omc-brand__image{
  width:auto!important;
  height:auto!important;
  max-width:380px!important;
  max-height:96px!important;
  object-fit:contain!important;
}
.omc-brand__name{
  font-family:var(--omc-font)!important;
  font-size:24px!important;
  line-height:30px!important;
  font-weight:700!important;
  color:var(--omc-green)!important;
}
.omc-brand__descriptor{
  font-family:var(--omc-font)!important;
  font-size:13px!important;
  line-height:22px!important;
  font-weight:400!important;
  color:rgba(20,38,31,.68)!important;
}
/* v3.2.17 — القائمة ملاصقة للّوجو، وزر الحجز وحده مثبّت عند الطرف المقابل */
.omc-navigation{margin-inline-start:0!important;flex:1 1 auto!important;min-width:0!important}
.omc-navigation>.omc-menu{display:flex;align-items:center;flex-wrap:nowrap;width:100%}
.omc-navigation>.omc-menu>li.omc-booking-menu-item{margin-inline-start:auto!important}
.omc-navigation>.omc-menu{gap:30px!important}
.omc-navigation a,
.omc-navigation .omc-menu-label,
.omc-navigation>.omc-menu>li>a,
.omc-navigation>.omc-menu>li>.omc-menu-label{
  font-family:var(--omc-font)!important;
  font-size:16px!important;
  font-weight:600!important;
  line-height:20px!important;
  color:var(--omc-green)!important;
  min-height:36px!important;
}
/* v3.2.18 — استثناء آباء القوائم الفرعية حتى لا تُقتل سهم «خدماتنا» الشكلي */
.omc-navigation>.omc-menu>li:not(.menu-item-has-children):not(.omc-services-parent)>a::after,
.omc-navigation>.omc-menu>li:not(.omc-services-parent)>.omc-menu-label::after{display:none!important}
.omc-navigation a:hover,
.omc-navigation>.omc-menu>li:hover>a,
.omc-navigation>.omc-menu>li:hover>.omc-menu-label,
.omc-navigation :is(.current-menu-item,.current-menu-ancestor,.omc-current-page,.omc-current-section)>a{
  color:var(--omc-gold)!important;
  text-decoration:none!important;
}
/* Booking stays in the nav position but uses the previously approved gold CTA shape. */
.omc-navigation>.omc-menu>li.omc-booking-menu-item>a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:52px!important;
  padding:13px 26px!important;
  border-radius:8px!important;
  background:var(--omc-gold)!important;
  color:#fff!important;
  font-size:19px!important;
  font-weight:700!important;
  line-height:1.35!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  transition:box-shadow .16s ease!important;
}
.omc-navigation>.omc-menu>li.omc-booking-menu-item>a:hover,
.omc-navigation>.omc-menu>li.omc-booking-menu-item>a:focus-visible,
.omc-navigation>.omc-menu>li.omc-booking-menu-item.omc-current-page>a,
.omc-navigation>.omc-menu>li.omc-booking-menu-item.current-menu-item>a{
  background:var(--omc-gold)!important;
  color:#fff!important;
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.60)!important;
}
.omc-submenu-toggle{color:var(--omc-green)!important}
.omc-navigation .sub-menu{
  top:calc(100% + 16px)!important;
  background:#fff!important;
  border:0!important;
  border-radius:4px!important;
  box-shadow:0 10px 26px rgba(20,38,31,.14)!important;
  padding:8px!important;
}
.omc-navigation .sub-menu a{
  font-family:var(--omc-font)!important;
  font-size:15px!important;
  line-height:24px!important;
  font-weight:600!important;
  color:var(--omc-green)!important;
  min-height:42px!important;
  padding:8px 12px!important;
}
.omc-navigation .sub-menu a:hover{
  background:var(--omc-green)!important;
  color:#fff!important;
}
.omc-navigation .sub-menu .omc-services-all>a{color:var(--omc-green)!important}
.omc-navigation .sub-menu .omc-services-all>a:hover{color:#fff!important}

/* =========================================================
   PAGE TITLE BANNER — supplied OMC hospital image + dark overlay
   ========================================================= */
/* v3.2.10 — Clean white article/service hero (haytham-style): breadcrumb → title → gold rule → social icons → featured image. */
.omc-template-hero{
  width:100%!important;
  background:#ffffff!important;
  background-image:none!important;
  min-height:auto!important;
  padding:36px 0 6px!important;
  display:block!important;
  border-bottom:0!important;
}
.omc-template-hero .omc-template-wrap{text-align:right}
body.omc-site main .omc-template-hero h1,
.omc-template-hero h1{
  margin:12px 0 0!important;
  max-width:none!important;
  color:var(--omc-green)!important;
  text-align:right!important;
  font-family:var(--omc-font)!important;
  font-size:34px!important;
  line-height:1.4!important;
  font-weight:800!important;
}
.omc-template-hero .omc-breadcrumbs,
.omc-template-hero .omc-breadcrumbs ol{
  justify-content:flex-start!important;
  text-align:right!important;
  font-family:var(--omc-font)!important;
}
.omc-template-hero .omc-breadcrumbs{font-size:13px!important;line-height:24px!important;color:rgba(20,38,31,.6)!important}
.omc-template-hero .omc-breadcrumbs a{color:var(--omc-green)!important;text-decoration:none}
.omc-template-hero .omc-breadcrumbs a:hover{color:var(--omc-gold)!important}
.omc-template-hero .omc-breadcrumbs li+li:before{color:rgba(20,38,31,.4)!important}
html.omc-nav-open,html.omc-nav-open body{overflow:hidden!important}
.omc-hero-rule{display:block;width:64px;height:3px;background:var(--omc-gold);border-radius:2px;margin:14px 0 0}
.omc-hero-socials{display:flex;gap:10px;margin-top:16px;justify-content:flex-start}
.omc-hero-socials a{width:40px;height:40px;border-radius:50%;background:var(--omc-green);color:#fff;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;transition:background .16s ease,transform .16s ease}
.omc-hero-socials a:hover{background:var(--omc-gold);transform:translateY(-2px)}
.omc-hero-socials .omc-icon{width:18px;height:18px}
/* featured image as a clean rounded card */
.omc-featured-media{border-radius:16px!important;overflow:hidden!important;border:1px solid #ECE9E1!important;box-shadow:0 6px 20px rgba(14,68,52,.06)!important;margin:18px 0 8px!important}
.omc-featured-media img{border-radius:16px!important}
@media(max-width:768px){
  body.omc-site main .omc-template-hero h1,.omc-template-hero h1{font-size:25px!important}
  .omc-template-hero{padding:26px 0 4px!important}
}

/* Ensure content-template typography remains the exact supplied reference measurements. */
.omc-rich-content h2,.omc-service-booking__copy h2,.omc-template-section-head h2,.omc-rich-content h2.elementor-heading-title{
  font-family:var(--omc-font)!important;font-size:32px!important;font-weight:700!important;line-height:1.3!important;margin:34px 0 13px!important
}
.omc-rich-content h3,.omc-rich-content h3.elementor-heading-title{
  font-family:var(--omc-font)!important;font-size:20px!important;font-weight:700!important;line-height:1.4!important;margin:26px 0 10px!important
}
.omc-service-card__title,.omc-side-card__head h2{
  font-family:var(--omc-font)!important;font-size:18px!important;font-weight:700!important;line-height:1.4!important
}
@media(max-width:767px){
  body.omc-site:not(.home) main h2,.omc-rich-content h2{font-size:26px!important}
  body.omc-site:not(.home) main h3,.omc-rich-content h3{font-size:18px!important}
}
.omc-rich-content p,.omc-service-booking__copy p,.omc-side-card__head p,.omc-cf7-wrap .wpcf7 p,.omc-cf7-wrap .wpcf7 label{
  font-family:var(--omc-font)!important;font-size:15px!important;font-weight:400!important;line-height:26px!important
}

/* =========================================================
   TABLET / MOBILE
   ========================================================= */
@media(max-width:1023px){
  .omc-topbar__inner{min-height:44px;padding-inline:14px;justify-content:center;gap:18px}
  .omc-topbar__item{min-height:44px;padding-inline:0;font-size:12px;line-height:18px}
  .omc-topbar__item .omc-icon{width:18px;height:18px}
  .omc-topbar__address{display:none}
  .omc-topbar__email{border:0}
  .omc-topbar__left{padding:0;gap:12px}
  .omc-topbar__socials{display:none}

  .omc-header__row{
    width:100%!important;
    min-height:64px!important;
    padding:5px 18px!important;
    gap:14px!important;
  }
  .omc-brand{gap:10px!important}
  .omc-brand__mark{width:52px!important;height:55px!important}
  .omc-brand__image{max-width:210px!important;max-height:58px!important}
  .omc-brand__name{font-size:17px!important;line-height:22px!important}
  .omc-brand__descriptor{display:none!important}
  .omc-menu-toggle{
    font-family:var(--omc-font)!important;
    font-size:16px!important;
    font-weight:600!important;
    line-height:20px!important;
    color:var(--omc-green)!important;
  }
  /* ============================================================
     v3.2.22 — قائمة موبايل منزلقة من اليمين (نموذج د. محمود فاروق).
     الهيدر يصبح طبقة ثابتة بخلفية داكنة شفافة (تغلق بالنقر عليها)،
     والصف .omc-header__row هو الدرج نفسه: شعار + زر إغلاق أعلاه،
     ثم القائمة تتمرر، وزر «احجز موعدك» مثبّت أسفل الدرج.
     ============================================================ */
  @keyframes omc-drawer-in{from{transform:translateX(100%)}to{transform:none}}
  html.omc-nav-open .omc-header.is-compact{
    position:fixed!important;
    top:0!important;right:0!important;bottom:0!important;left:0!important;
    z-index:100000!important;
    width:100%!important;height:100vh!important;height:100dvh!important;
    margin:0!important;padding:0!important;
    background:rgba(20,38,31,.55)!important;
    border:0!important;overflow:hidden!important;
    cursor:pointer;
  }
  html.omc-nav-open .omc-header.is-compact .omc-header__row{
    cursor:default;
    position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:auto!important;
    width:min(360px,86%)!important;height:100%!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-rows:auto minmax(0,1fr)!important;
    align-items:center!important;
    padding:12px 16px 0!important;gap:0 10px!important;
    background:#fff!important;
    box-shadow:-18px 0 40px rgba(0,0,0,.25)!important;
    animation:omc-drawer-in .26s ease-out;
  }
  html.omc-nav-open .omc-header.is-compact .omc-brand{grid-column:1!important;grid-row:1!important;min-width:0!important}
  html.omc-nav-open .omc-header.is-compact .omc-menu-toggle{grid-column:2!important;grid-row:1!important;justify-self:end!important}
  html.omc-nav-open .omc-header.is-compact .omc-navigation{
    grid-column:1 / -1!important;grid-row:2!important;
    position:static!important;display:flex!important;flex-direction:column!important;
    width:calc(100% + 32px)!important;margin:0 -16px 0!important;
    height:100%!important;max-height:100%!important;min-height:0!important;
    padding:12px 0 calc(20px + env(safe-area-inset-bottom,0px))!important;
    overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important;
    background:#fff!important;border:0!important;border-top:1px solid rgba(14,68,52,.12)!important;
    box-shadow:none!important;border-radius:0!important;
  }
  html.omc-nav-open .omc-header.is-compact .omc-navigation>.omc-menu{display:flex!important;flex-direction:column!important;align-items:stretch!important;flex:1 1 auto!important;width:100%!important;min-height:100%!important;padding:0 18px!important;margin:0!important}
  html.omc-nav-open .omc-header.is-compact .omc-navigation>.omc-menu>li{width:100%!important;border-bottom:1px solid rgba(14,68,52,.08)!important;text-align:right!important}
  html.omc-nav-open .omc-header.is-compact .omc-navigation>.omc-menu>li>a,
  html.omc-nav-open .omc-header.is-compact .omc-navigation>.omc-menu>li>.omc-menu-label{display:flex!important;justify-content:flex-start!important;align-items:center!important;width:100%!important;min-height:54px!important;padding:14px 4px!important;font-size:16px!important;text-align:right!important}
  html.omc-nav-open .omc-header.is-compact .omc-navigation .sub-menu{text-align:right!important}
  html.omc-nav-open .omc-header.is-compact .omc-navigation .sub-menu a{justify-content:flex-start!important}
  /* زر الحجز مثبّت أسفل الدرج */
  html.omc-nav-open .omc-header.is-compact .omc-navigation>.omc-menu>li.omc-booking-menu-item{margin-top:auto!important;border-bottom:0!important;padding:18px 0 6px!important;flex:none!important}
  html.omc-nav-open .omc-header.is-compact .omc-navigation>.omc-menu>li.omc-booking-menu-item>a{justify-content:center!important;width:100%!important;min-height:52px!important;border-radius:999px!important;font-size:16px!important}
  /* الحالة المغلقة: القائمة display:none — لا طبقة تتداخل مع الصفحة */
  .omc-header.is-compact .omc-navigation[hidden]{display:none!important}
  .omc-navigation>.omc-menu>li>a,.omc-navigation>.omc-menu>li>.omc-menu-label{
    font-size:16px!important;font-weight:600!important;line-height:20px!important;min-height:48px!important
  }
  .omc-navigation>.omc-menu>li.omc-booking-menu-item{padding:10px 0 4px!important;border-bottom:0!important}
  .omc-navigation>.omc-menu>li.omc-booking-menu-item>a{
    width:100%!important;min-height:48px!important;padding:11px 18px!important;font-size:16px!important;line-height:24px!important
  }
  .omc-navigation .sub-menu{background:#fff!important;box-shadow:none!important;border-radius:0!important;padding:5px 12px 9px!important}
  .omc-navigation .sub-menu a{font-size:15px!important;line-height:24px!important}

  .omc-template-hero{min-height:210px!important;padding:54px 0!important}
}
@media(max-width:560px){
  .omc-topbar__email{display:none}
  .omc-topbar__inner{justify-content:center}
  .omc-topbar__phone{padding:0}
  .omc-brand__image{max-width:150px!important;max-height:48px!important}
  .omc-template-hero{min-height:190px!important;padding:46px 0!important}
}

@media print{
  .omc-topbar{display:none!important}
}

/* ============================================================
   v3.2.17 — شريط موبايل مصغّر (هاتف + واتساب فقط) بدل الإخفاء الكامل.
   رقم الهاتف أهم عنصر لمريض على الموبايل.
   ============================================================ */
@media(max-width:1023px){
  .omc-topbar{display:block!important}
  .omc-topbar__inner{min-height:40px;padding-inline:14px;justify-content:space-between;gap:10px}
  .omc-topbar__item{min-height:40px;padding-inline:6px;font-size:13px}
  .omc-topbar__email,.omc-topbar__socials{display:none!important}
  .omc-topbar__left{padding:0;gap:6px;width:100%;justify-content:space-between;flex-direction:row-reverse}
}

/* ============================================================
   v3.2.5 — Latest posts section (أحدث المقالات)
   ============================================================ */
.omc-latest{background:#ffffff;padding:64px 20px;font-family:var(--omc-font)}
.omc-latest__inner{width:min(1200px,100%);margin-inline:auto}
.omc-latest__title{font-size:34px;font-weight:700;color:var(--omc-green,#0E4434);text-align:center;margin:0 0 36px}
.omc-latest__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.omc-latest__card{background:#fff;border:1px solid #E3E0D6;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .18s ease,transform .18s ease}
.omc-latest__card:hover{box-shadow:0 10px 26px rgba(14,68,52,.12);transform:translateY(-3px)}
.omc-latest__media{display:block;aspect-ratio:16/10;background:var(--omc-mint,#E6EEEA);overflow:hidden}
.omc-latest__img{width:100%;height:100%;object-fit:cover;display:block}
.omc-latest__ph{display:block;width:100%;height:100%;background:linear-gradient(135deg,#E6EEEA,#DCE8E1)}
.omc-latest__body{padding:22px 20px 24px;text-align:center;display:flex;flex-direction:column;gap:12px;flex:1}
.omc-latest__h{font-size:20px;font-weight:700;line-height:1.5;margin:0}
.omc-latest__h a{color:var(--omc-green,#0E4434);text-decoration:none}
.omc-latest__h a:hover{color:var(--omc-gold,#B17A4A)}
.omc-latest__ex{font-size:15px;line-height:1.8;color:rgba(20,38,31,.75);margin:0;flex:1}
.omc-latest__more{align-self:flex-start;margin-top:4px;color:var(--omc-gold,#B17A4A);font-size:15px;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:6px}
.omc-latest__more:hover{color:var(--omc-green,#0E4434)}
.omc-latest__body{text-align:right}
.omc-latest__ex{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* v3.2.27 — شبكة متكيّفة مع عدد المقالات */
.omc-latest__grid[data-count="1"]{grid-template-columns:1fr;max-width:860px;margin-inline:auto}
.omc-latest__grid[data-count="1"] .omc-latest__card{flex-direction:row;align-items:stretch}
.omc-latest__grid[data-count="1"] .omc-latest__media{flex:0 0 46%;aspect-ratio:auto;min-height:260px}
.omc-latest__grid[data-count="1"] .omc-latest__body{padding:28px 26px;justify-content:center}
.omc-latest__grid[data-count="2"]{grid-template-columns:1fr 1fr;max-width:900px;margin-inline:auto}
.omc-latest__all{text-align:center;margin-top:34px}
.omc-latest__alllink{font-size:16px;font-weight:700;color:var(--omc-green,#0E4434);border:1.5px solid var(--omc-green,#0E4434);border-radius:8px;padding:12px 28px;text-decoration:none;display:inline-block}
.omc-latest__alllink:hover{background:var(--omc-mint,#E6EEEA)}
@media(max-width:900px){
  .omc-latest__grid,.omc-latest__grid[data-count="2"]{grid-template-columns:1fr 1fr;gap:18px}
  .omc-latest__grid[data-count="1"] .omc-latest__card{flex-direction:column}
  .omc-latest__grid[data-count="1"] .omc-latest__media{flex:none;aspect-ratio:16/10;min-height:0}
}
@media(max-width:600px){.omc-latest{padding:44px 14px}.omc-latest__title{font-size:26px;margin-bottom:26px}.omc-latest__grid{grid-template-columns:1fr}.omc-latest__h{font-size:19px}}


/* ============================================================
   v3.2.16 — أحجام خط القارئ (تتغلب على قواعد Typography المرجعية)
   ============================================================ */
body.omc-site .omc-article-main.omc-font-sm .omc-rich-content p{font-size:14px!important;line-height:24px!important}
body.omc-site .omc-article-main.omc-font-sm .omc-rich-content li,body.omc-site .omc-article-main.omc-font-sm .omc-rich-content a:not(.omc-article-cta a){font-size:14px!important;line-height:23px!important}
body.omc-site .omc-article-main.omc-font-lg .omc-rich-content p{font-size:18px!important;line-height:31px!important}
body.omc-site .omc-article-main.omc-font-lg .omc-rich-content li{font-size:18px!important;line-height:30px!important}
body.omc-site .omc-article-main.omc-font-xl .omc-rich-content p{font-size:21px!important;line-height:36px!important}
body.omc-site .omc-article-main.omc-font-xl .omc-rich-content li{font-size:21px!important;line-height:34px!important}
body.omc-site .omc-article-main.omc-font-lg .omc-faq__q{font-size:18px!important}
body.omc-site .omc-article-main.omc-font-xl .omc-faq__q{font-size:20px!important}


/* ============================================================
   v3.2.17 — قائمة «خدماتنا» على الديسكتوب: hover فقط، بلا زر كليك.
   الزر يبقى على الموبايل (لا hover هناك). لوحة المفاتيح: focus-within.
   ============================================================ */
@media(min-width:1024px){
  .omc-navigation .omc-submenu-toggle{display:none!important}
  /* مؤشر سهم شكلي على رابط الأب بدل الزر المحذوف.
     v3.2.25 — يستخدم ::before (لا ::after) حتى لا يتصادم مع خط الـ hover الذهبي
     الذي يشغل ::after في shell.css — كان التصادم يحوّل السهم إلى نقطة 2px. */
  .omc-navigation>.omc-menu>li.menu-item-has-children>a,
  .omc-navigation>.omc-menu>li.omc-services-parent>a,
  .omc-navigation>.omc-menu>li.omc-services-parent>.omc-menu-label{display:inline-flex;align-items:center;gap:8px}
  .omc-navigation>.omc-menu>li.menu-item-has-children>a::before,
  .omc-navigation>.omc-menu>li.omc-services-parent>a::before,
  .omc-navigation>.omc-menu>li.omc-services-parent>.omc-menu-label::before{
    content:"";display:inline-block;width:8px;height:8px;order:2;
    border-left:2px solid currentColor;border-bottom:2px solid currentColor;
    transform:rotate(-45deg) translateY(-2px);
    transition:transform .2s ease;
  }
  html.omc-js .omc-navigation>.omc-menu>li.menu-item-has-children:hover>a::before,
  html.omc-js .omc-navigation>.omc-menu>li.omc-services-parent:hover>a::before,
  html.omc-js .omc-navigation>.omc-menu>li.omc-services-parent:hover>.omc-menu-label::before,
  html.omc-js .omc-navigation>.omc-menu>li.menu-item-has-children:focus-within>a::before{
    transform:rotate(135deg) translateY(2px);
  }
  /* الفتح بالمرور أو التركيز — يتغلب على سمة hidden التي يضبطها السكربت */
  html.omc-js .omc-navigation .menu-item-has-children:hover>.sub-menu,
  html.omc-js .omc-navigation .menu-item-has-children:focus-within>.sub-menu,
  html.omc-js .omc-navigation .omc-services-parent:hover>.sub-menu,
  html.omc-js .omc-navigation .omc-services-parent:focus-within>.sub-menu{display:block!important}
  html.omc-js .omc-navigation .omc-services-parent:hover>.sub-menu,
  html.omc-js .omc-navigation .omc-services-parent:focus-within>.sub-menu{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:2px 12px!important
  }
  /* جسر غير مرئي يغطي فجوة 12px بين الرابط واللوحة فلا تختفي أثناء نزول المؤشر */
  .omc-navigation .sub-menu::before{content:"";position:absolute;top:-12px;left:0;right:0;height:12px}
}


/* ============================================================
   v3.2.22 — التوب بار بنموذج د. محمود فاروق:
   يمين = هاتف + مواعيد + عنوان · يسار = سوشيال فقط (دوائر)
   ============================================================ */
.omc-topbar__inner{justify-content:space-between!important;gap:14px}
.omc-topbar__info{display:flex;align-items:center;gap:6px;min-width:0;flex:1 1 auto}
.omc-topbar__info .omc-topbar__item{padding-inline:12px;font-size:12.5px;font-weight:600;min-width:0}
.omc-topbar__info .omc-topbar__item>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.omc-topbar__info .omc-topbar__item+.omc-topbar__item{border-inline-start:1px solid rgba(255,255,255,.18)}
.omc-topbar__phone .omc-icon{color:#5FD08E!important}
.omc-topbar__hours .omc-icon{color:#F2B3C4!important}
.omc-topbar__address .omc-icon{color:#8CC7F0!important}
.omc-topbar__socials{display:flex;align-items:center;gap:8px;flex:0 0 auto;padding-inline:8px}
.omc-topbar__socials a{width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.14);border:0!important;display:inline-flex;align-items:center;justify-content:center;color:#fff;transition:background .15s ease}
.omc-topbar__socials a:hover{background:#fff;color:var(--omc-green)}
.omc-topbar__socials .omc-icon{width:14px;height:14px}
@media(max-width:1023px){
  .omc-topbar__inner{min-height:40px;padding-inline:12px}
  .omc-topbar__hours,.omc-topbar__address{display:none!important}
  .omc-topbar__info{flex:1 1 auto;justify-content:flex-start}
  .omc-topbar__info .omc-topbar__item{padding-inline:6px;font-size:13px}
  .omc-topbar__socials{display:flex!important;gap:6px}
  .omc-topbar__socials a{width:28px;height:28px}
}


/* ============================================================
   v3.2.23 — عرض الفورم محدود على الديسكتوب + مقدمة الحجز الموحّدة
   ============================================================ */
.wpcf7{max-width:560px;margin-inline:auto}
.omc-side-card .wpcf7{max-width:none}
.omc-booking-intro{max-width:560px;margin:0 auto 18px;text-align:center;font-family:var(--omc-font)}
.omc-booking-intro__photo{margin:0 0 18px;border-radius:14px;overflow:hidden;background:#F7F2EC}
.omc-booking-intro__photo img{display:block;width:100%;height:auto;max-height:320px;object-fit:cover}
.omc-booking-intro__name{font-size:26px;font-weight:700;color:var(--omc-green);line-height:1.4;margin:0}
.omc-booking-intro__desc{font-size:15px;color:rgba(20,38,31,.65);line-height:1.7;margin:6px 0 0}
.omc-booking-intro__stats{display:flex;justify-content:center;gap:40px;margin:18px 0 26px}
.omc-booking-intro__num{font-size:34px;font-weight:800;color:var(--omc-green);line-height:1}
.omc-booking-intro__lbl{font-size:14px;color:rgba(20,38,31,.6);margin-top:6px}
.omc-booking-intro__heading{font-size:32px;font-weight:700;line-height:1.35;color:var(--omc-green);margin:0}
/* داخل السايدبار: نسخة مضغوطة */
.omc-side-card .omc-booking-intro{max-width:none;margin-bottom:14px}
.omc-side-card .omc-booking-intro__name{font-size:20px}
.omc-side-card .omc-booking-intro__desc{font-size:13.5px}
.omc-side-card .omc-booking-intro__stats{gap:24px;margin:14px 0 18px}
.omc-side-card .omc-booking-intro__num{font-size:26px}
.omc-side-card .omc-booking-intro__heading{font-size:20px}
@media(max-width:600px){
  .omc-booking-intro__stats{gap:30px}
  .omc-booking-intro__num{font-size:28px}
  .omc-booking-intro__heading{font-size:26px}
}


/* ============================================================
   v3.2.26 — تحسينات الواجهة العليا المعتمدة
   ============================================================ */
/* #2 الهاتف: أوضح رابط في الصفحة (ذهبي فاتح + خط سفلي) */
.omc-topbar__phone{color:var(--omc-gold-light)!important;text-decoration:underline!important;text-underline-offset:3px!important;text-decoration-thickness:1.5px!important}
.omc-topbar__phone:hover{color:#fff!important}
.omc-topbar__phone .omc-icon{color:var(--omc-gold-light)!important}
/* #4 زر الحجز في الهيدر: حبّة (pill) متسقة مع زر الدرج */
@media(min-width:1024px){
  .omc-navigation>.omc-menu>li.omc-booking-menu-item>a{border-radius:999px!important;padding-inline:26px!important}
}


/* ============================================================
   v3.2.28 — [omc_stats] شريط الأرقام الأخضر
   ============================================================ */
.omc-stats{background:var(--omc-green,#0E4434);color:#fff;padding:52px 24px;font-family:var(--omc-font)}
.omc-stats__inner{width:min(1080px,100%);margin-inline:auto;text-align:center}
.omc-stats__eyebrow{margin:0 0 18px;font-size:14px;font-weight:700;color:var(--omc-gold-light,#DEAC75)}
.omc-stats__row{display:flex;justify-content:center;flex-wrap:wrap;gap:28px 64px}
.omc-stats__item{min-width:150px}
.omc-stats__num{font-size:44px;font-weight:800;line-height:1;display:inline-flex;align-items:baseline;gap:6px;font-variant-numeric:tabular-nums}
.omc-stats__star{font-size:22px;color:#E8A93B}
.omc-stats__lbl{font-size:14px;color:rgba(255,255,255,.78);margin-top:8px}
@media(max-width:640px){.omc-stats{padding:38px 18px}.omc-stats__row{gap:22px 36px}.omc-stats__num{font-size:34px}.omc-stats__item{min-width:120px}}


/* v3.2.31 — [omc_topics] حبات الموضوعات */
.omc-topics{font-family:var(--omc-font);text-align:center;padding:8px 24px 28px;background:#FBF9F6}
.omc-topics__title{margin:0 0 12px;font-size:16px;font-weight:700;color:var(--omc-green)}
.omc-topics__list{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}
.omc-topics__chip{display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:9px 18px;border-radius:999px;border:1.5px solid var(--omc-green);background:#fff;color:var(--omc-green);font-size:14.5px;font-weight:600;text-decoration:none;transition:background-color .15s ease,color .15s ease}
.omc-topics__chip:hover{background:var(--omc-green-10)}
.omc-topics__chip.is-active{background:var(--omc-green);color:#fff}
.omc-topics__count{font-size:12px;opacity:.75}
.omc-topics__chip.is-active .omc-topics__count{opacity:.85}


/* ============================================================
   v3.2.33 — عنوان مقدمة الحجز: يتغلب على قواعد الطباعة العامة (!important)
   بارز ومحفّز: أخضر غامق ثقيل + شرطة ذهبية قصيرة أسفله
   ============================================================ */
body.omc-site .omc-booking-intro .omc-booking-intro__heading{
  font-family:var(--omc-font)!important;font-size:32px!important;font-weight:800!important;line-height:1.35!important;
  color:var(--omc-green)!important;margin:0 0 6px!important;padding:0 0 12px!important;position:relative;text-align:center
}
body.omc-site .omc-booking-intro .omc-booking-intro__heading::after{content:"";display:block;width:56px;height:3px;background:var(--omc-gold);border-radius:2px;margin:12px auto 0}
body.omc-site .omc-booking-intro .omc-booking-intro__desc{font-size:15px!important;line-height:1.7!important;margin:0!important}
body.omc-site .omc-side-card .omc-booking-intro .omc-booking-intro__heading{font-size:22px!important;padding-bottom:10px!important}
body.omc-site .omc-side-card .omc-booking-intro .omc-booking-intro__heading::after{width:44px;margin-top:10px}
@media(max-width:600px){body.omc-site .omc-booking-intro .omc-booking-intro__heading{font-size:26px!important}}


/* v3.2.34 — الفوتر: سطر التطوير يسارًا LTR، ومساحة محجوزة يمينًا للأزرار العائمة على الموبايل */
.omc-footer__credit{direction:ltr;unicode-bidi:isolate;font-family:var(--omc-font)}
.omc-footer__bottom-links{margin-inline-start:auto}
@media(max-width:1023px){
  .omc-footer{padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))!important}
  .omc-footer__bottom{padding-inline-end:76px!important;align-items:flex-start!important}
}


/* ============================================================
   v3.2.35 — مقدمة الحجز (الخيار ب): رأس أخضر + جسم أبيض، وحقول الفورم بمحاذاة يمين
   ============================================================ */
body.omc-site .omc-booking-intro--band{max-width:560px;margin:0 auto 0;border:1px solid #E1DED4;border-bottom:0;border-radius:16px 16px 0 0;overflow:hidden;text-align:center}
body.omc-site .omc-booking-intro__band{background:var(--omc-green);color:#fff;padding:22px 20px 20px}
body.omc-site .omc-booking-intro__eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:700;color:var(--omc-gold-light,#DEAC75);letter-spacing:.01em}
body.omc-site .omc-booking-intro__eyebrow .omc-icon{width:16px;height:16px}
body.omc-site .omc-booking-intro--band .omc-booking-intro__heading{
  color:#fff!important;font-size:30px!important;font-weight:800!important;line-height:1.35!important;margin:8px 0 0!important;padding:0!important
}
body.omc-site .omc-booking-intro--band .omc-booking-intro__heading::after{display:none}
body.omc-site .omc-booking-intro--band .omc-booking-intro__desc{color:rgba(255,255,255,.82)!important;font-size:14px!important;margin:6px 0 0!important}
body.omc-site .omc-booking-intro__body{background:#fff;padding:18px 20px 4px}
body.omc-site .omc-booking-intro--band .omc-booking-intro__photo{margin:0 0 14px}
body.omc-site .omc-booking-intro--band .omc-booking-intro__stats{margin:4px 0 12px}
/* الفورم يلتحم بالمقدمة كوحدة واحدة */
body.omc-site .omc-booking-intro--band + .wpcf7{max-width:560px;margin-inline:auto;border:1px solid #E1DED4;border-top:0;border-radius:0 0 16px 16px;padding:14px 20px 22px;background:#fff}
/* حقول الفورم: محاذاة يمين صريحة */
.wpcf7 form,.wpcf7 form p,.wpcf7 form label{text-align:right!important;direction:rtl!important}
.wpcf7 form input[type="text"],.wpcf7 form input[type="tel"],.wpcf7 form input[type="email"],.wpcf7 form select,.wpcf7 form textarea{text-align:right!important;direction:rtl!important}
.wpcf7 form input::placeholder,.wpcf7 form textarea::placeholder{text-align:right}
.wpcf7 form select{background-position:left 14px center!important;padding-inline-end:16px!important;padding-inline-start:42px!important}
/* السايدبار: نسخة أضيق */
body.omc-site .omc-side-card .omc-booking-intro--band{max-width:none;border-radius:12px 12px 0 0}
body.omc-site .omc-side-card .omc-booking-intro__band{padding:16px 14px 14px}
body.omc-site .omc-side-card .omc-booking-intro--band .omc-booking-intro__heading{font-size:21px!important}
body.omc-site .omc-side-card .omc-booking-intro--band + .wpcf7{max-width:none;border-radius:0 0 12px 12px;padding:12px 14px 16px}
@media(max-width:600px){body.omc-site .omc-booking-intro--band .omc-booking-intro__heading{font-size:24px!important}}