/* OMC Shell 3.2.0 — design-locked site chrome.
 * Header/footer geometry follows the approved OMC Homepage design.
 * Page/Elementor content is intentionally not globally restyled.
 */
:root{
  --omc-green:#0E4434;
  --omc-gold:#B17A4A;
  --omc-sand:#F7F2EC;
  --omc-ink:#14261F;
  --omc-green-10:#E6EEEA;
  --omc-gold-light:#DEAC75;
  --omc-white:#fff;
  --omc-font:"Almarai",sans-serif;
  --omc-font-latin:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --omc-header-height:0px;
}
body.omc-site{background:var(--omc-sand);color:var(--omc-ink);font-family:var(--omc-font);font-size:19px;line-height:1.8}
html{scroll-padding-top:calc(var(--omc-header-height) + 24px)}
.omc-header,.omc-footer,.omc-desktop-actions,.omc-contact-block,.omc-breadcrumbs,.omc-button{font-family:var(--omc-font);box-sizing:border-box}
.omc-header *,.omc-footer *,.omc-desktop-actions *{box-sizing:border-box}
.omc-header [hidden],.omc-footer [hidden]{display:none!important}
.omc-icon{flex:none;width:24px;height:24px;vertical-align:middle}
.omc-content-start{height:0;margin:0;padding:0}
.omc-content-start:focus,.omc-elementor-main:focus{outline:none}
.omc-elementor-main{margin:0;padding:0;width:100%;min-width:0}
.omc-skip-link{position:fixed;inset-block-start:12px;inset-inline-start:12px;z-index:99999;transform:translateY(-180%);background:var(--omc-green);color:#fff;padding:12px 20px;border:3px solid #fff;border-radius:8px;font-family:var(--omc-font);text-decoration:none}
.omc-skip-link:focus{transform:translateY(0);color:#fff}
.omc-header a:focus-visible,.omc-header button:focus-visible,.omc-button:focus-visible,.omc-contact-block a:focus-visible,.omc-breadcrumbs a:focus-visible{outline:3px solid var(--omc-green);outline-offset:3px}
.omc-footer a:focus-visible,.omc-desktop-actions a:focus-visible{outline:3px solid #fff;outline-offset:3px}

/* =========================
   HEADER — APPROVED DESIGN
   ========================= */
.omc-header{
  position:relative;
  z-index:100;
  width:100%;
  background:var(--omc-sand);
  border-bottom:1px solid rgba(20,38,31,.08);
}
.omc-header--sticky{position:sticky;top:0}
.admin-bar .omc-header--sticky{top:32px}
.omc-header__row{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
  padding:18px 40px;
  min-height:0;
}
.omc-brand{
  display:flex;
  align-items:center;
  gap:13px;
  flex:0 0 auto;
  min-width:0;
  color:var(--omc-green);
  text-decoration:none;
}
.omc-brand:hover{color:var(--omc-green);text-decoration:none}
.omc-brand__mark{display:block;width:44px;height:47px;flex:none;object-fit:contain}
.omc-brand__image{display:block;width:auto;height:auto;max-width:100px;max-height:47px;object-fit:contain;flex:none}
.omc-brand__text{display:flex;flex-direction:column;min-width:0}
.omc-brand__name{font-weight:700;font-size:18px;line-height:1.15;color:var(--omc-green)}
.omc-brand__descriptor{font-size:11.5px;line-height:1.55;color:rgba(20,38,31,.6);white-space:nowrap}

.omc-navigation{flex:0 1 auto;margin:0}
.omc-menu{list-style:none;margin:0;padding:0}
.omc-navigation>.omc-menu{display:flex;align-items:center;gap:30px}
.omc-navigation li{position:relative;margin:0;padding:0}
.omc-navigation>.omc-menu>li{display:flex;align-items:center;gap:3px}
.omc-navigation a,.omc-navigation .omc-menu-label{
  display:inline-flex;
  align-items:center;
  min-height:36px;
  padding:0;
  color:var(--omc-ink);
  text-decoration:none;
  font-size:16px;
  line-height:1.5;
  font-weight:500;
  white-space:nowrap;
}
/* Desktop top-level menu only: scale up for wide desktop while preserving the approved header geometry. */
.omc-navigation>.omc-menu>li>a,
.omc-navigation>.omc-menu>li>.omc-menu-label{font-size:23px!important;font-weight:600!important}
@media(min-width:1440px){
  .omc-navigation>.omc-menu>li>a,
  .omc-navigation>.omc-menu>li>.omc-menu-label{font-size:24px!important}
}
.omc-navigation a:hover{color:var(--omc-green);text-decoration:none}
.omc-navigation :is(.current-menu-item,.current-menu-ancestor,.omc-current-page,.omc-current-section)>a{color:var(--omc-green);font-weight:700;text-decoration:none}

/* Desktop hover cue: visual feedback only; no geometry or spacing changes. */
@media (hover:hover) and (pointer:fine){
  .omc-navigation>.omc-menu>li>a,
  .omc-navigation>.omc-menu>li>.omc-menu-label{position:relative;transition:color .16s ease}
  .omc-navigation>.omc-menu>li>a::after,
  .omc-navigation>.omc-menu>li>.omc-menu-label::after{
    content:"";position:absolute;inset-inline:0;bottom:-3px;height:2px;border-radius:999px;
    background:var(--omc-gold);transform:scaleX(0);transform-origin:center;transition:transform .16s ease
  }
  .omc-navigation>.omc-menu>li:hover>a,
  .omc-navigation>.omc-menu>li:hover>.omc-menu-label{color:var(--omc-green)}
  .omc-navigation>.omc-menu>li:hover>a::after,
  .omc-navigation>.omc-menu>li:hover>.omc-menu-label::after,
  .omc-navigation>.omc-menu>li>a:focus-visible::after{transform:scaleX(1)}
  .omc-navigation .sub-menu a{transition:background-color .16s ease,color .16s ease}
  .omc-navigation .sub-menu a:hover{background:var(--omc-green-10);color:var(--omc-green)}
}

.omc-button,.omc-cta .elementor-button{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  min-height:52px;max-width:100%;padding:13px 26px;border:0;border-radius:8px;
  font-family:var(--omc-font);font-size:19px;font-weight:700;line-height:1.35;text-align:center;text-decoration:none;cursor:pointer
}
.omc-button--gold,.omc-cta .elementor-button{background:var(--omc-gold);color:#fff}
.omc-button--gold:visited,.omc-button--gold:hover,.omc-cta .elementor-button:hover{background:var(--omc-gold);color:#fff}
.omc-button--gold:hover,.omc-cta .elementor-button:hover{box-shadow:inset 0 0 0 2px rgba(255,255,255,.6)}
.omc-button--green{background:var(--omc-green);color:#fff}
.omc-button--green:hover,.omc-button--green:visited{background:var(--omc-green);color:#fff;box-shadow:inset 0 0 0 2px rgba(255,255,255,.6)}
.omc-header__booking{flex:0 0 auto;white-space:nowrap}

/* Desktop submenu trigger: intentionally small so it does not disturb nav spacing. */
.omc-submenu-toggle{
  display:inline-flex;align-items:center;justify-content:center;
  flex:none;width:18px;height:36px;min-width:18px;padding:0;margin:0;
  border:0;border-radius:0;background:transparent;color:var(--omc-green);cursor:pointer
}
.omc-submenu-toggle .omc-icon{width:16px;height:16px}
.omc-submenu-toggle:hover{background:transparent;color:var(--omc-green)}
.omc-submenu-toggle[aria-expanded="true"] .omc-icon{transform:rotate(180deg)}
.omc-navigation .sub-menu{
  position:absolute;
  top:calc(100% + 12px);
  right:0;
  z-index:20;
  width:min(620px,calc(100vw - 80px));
  margin:0;
  padding:14px;
  list-style:none;
  background:var(--omc-sand);
  border:1px solid rgba(14,68,52,.15);
  border-radius:10px;
  box-shadow:0 12px 26px rgba(14,68,52,.12)
}
.omc-js .omc-navigation .omc-services-parent>.sub-menu:not([hidden]){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 12px}
.omc-navigation .sub-menu>li{display:block!important;min-width:0}
.omc-navigation .sub-menu a{display:flex;min-height:46px;padding:9px 11px;border-radius:7px;white-space:normal;font-size:15px;font-weight:500;line-height:1.55}
.omc-navigation .sub-menu a:hover{background:var(--omc-green-10);text-decoration:none}
.omc-navigation .sub-menu .omc-services-all{grid-column:1/-1;margin-top:8px;padding-top:8px;border-top:1px solid rgba(14,68,52,.12)}
.omc-navigation .sub-menu .omc-services-all>a{color:var(--omc-green);font-weight:700}
html:not(.omc-js) .omc-navigation .sub-menu{position:static;width:auto;box-shadow:none}

/* Hidden on desktop; mobile presentation matches approved header: "القائمة" + icon. */
.omc-menu-toggle{display:none}
.omc-menu-toggle__close{display:none}
.omc-menu-toggle[aria-expanded="true"] .omc-menu-toggle__open{display:none}
.omc-menu-toggle[aria-expanded="true"] .omc-menu-toggle__close{display:block}

/* =========================
   FOOTER — APPROVED DESIGN
   ========================= */
.omc-footer{
  width:100%;
  padding:52px 56px 34px;
  background:var(--omc-green);
  color:rgba(255,255,255,.72);
  font-size:15px;
  line-height:2.3
}
.omc-footer__grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.1fr;gap:36px;align-items:start}
.omc-footer__identity{min-width:0}
.omc-footer__brand{display:flex;flex-direction:column;align-items:flex-start;color:#fff;text-decoration:none}
.omc-footer__brand:hover{color:#fff;text-decoration:none}
.omc-footer__brand .omc-brand__mark{width:46px;height:49px}
.omc-footer__brand .omc-brand__image{max-width:180px;max-height:49px}
.omc-footer__name{font-weight:700;color:#fff;font-size:18px;line-height:1.4;margin-top:12px}
.omc-footer__descriptor{font-size:14px;line-height:1.7;color:rgba(255,255,255,.6);margin-top:2px}
.omc-footer__heading{margin:0 0 6px;color:#fff;font-family:var(--omc-font);font-size:15px;font-weight:600;line-height:2.3}
.omc-footer a{color:rgba(255,255,255,.72);text-decoration:none}
.omc-footer a:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}
.omc-footer__nav .omc-menu,.omc-footer__departments .omc-menu,.omc-footer__list{list-style:none;padding:0;margin:0}
.omc-footer__nav .omc-menu li,.omc-footer__departments .omc-menu li,.omc-footer__list li{margin:0;padding:0}
.omc-footer__nav .omc-menu a,.omc-footer__departments .omc-menu a{display:inline;padding:0;min-height:0}
.omc-footer__contact-links{display:flex;flex-wrap:wrap;align-items:center;gap:0 8px;line-height:2.3}
.omc-footer__contact-links a+ a:before{content:"·";margin-left:8px;color:rgba(255,255,255,.55);text-decoration:none}
.omc-footer__socials{display:inline-flex;gap:10px;margin-top:6px}
.omc-footer__socials a{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:rgba(255,255,255,.12);color:#fff;text-decoration:none;font-size:12px;line-height:1}
.omc-footer__bottom{border-top:1px solid rgba(255,255,255,.16);margin-top:34px;padding-top:20px;font-size:14px;line-height:1.6;color:rgba(255,255,255,.55)}


/* =========================
   MOBILE / TABLET
   ========================= */
@media(max-width:1023px){
  .admin-bar .omc-header--sticky{top:32px}
  .omc-header__row{position:relative;padding:13px 18px;gap:10px;min-height:0}
  .omc-brand{gap:10px}
  .omc-brand__mark{width:34px;height:36px}
  .omc-brand__image{max-width:72px;max-height:36px}
  .omc-brand__name{font-size:16px;line-height:1.2}
  .omc-brand__descriptor{display:none}
  .omc-header__booking{display:none!important}
  .omc-menu-toggle{
    display:inline-flex;align-items:center;justify-content:center;gap:8px;
    flex:none;width:auto;height:36px;min-width:0;padding:0;
    border:0;border-radius:0;background:transparent;color:var(--omc-ink);
    font-family:var(--omc-font);font-size:15px;font-weight:500;line-height:1.5;cursor:pointer
  }
  .omc-menu-toggle:hover{background:transparent;color:var(--omc-green)}
  .omc-menu-toggle .omc-icon{width:24px;height:24px}
  .omc-navigation{
    position:absolute;top:100%;right:0;left:0;z-index:30;
    width:100%;margin:0;padding:8px 18px 14px;
    max-height:calc(100vh - 120px);max-height:calc(100dvh - 120px);overflow-y:auto;
    background:var(--omc-sand);border-bottom:1px solid rgba(20,38,31,.08);box-shadow:0 10px 24px rgba(14,68,52,.08)
  }
  .omc-navigation>.omc-menu{display:flex;flex-direction:column;align-items:stretch;gap:0}
  .omc-navigation>.omc-menu>li{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0;border-bottom:1px solid rgba(14,68,52,.09)}
  .omc-navigation>.omc-menu>li:last-child{border-bottom:0}
  .omc-navigation>.omc-menu>li>a,.omc-navigation>.omc-menu>li>.omc-menu-label{flex:1;min-height:48px;padding:10px 0;font-size:16px!important}
  .omc-submenu-toggle{width:44px;height:48px;min-width:44px;border:0;margin:0;border-radius:0}
  .omc-submenu-toggle .omc-icon{width:18px;height:18px}
  .omc-navigation .sub-menu,
  .omc-js .omc-navigation .omc-services-parent>.sub-menu:not([hidden]){
    position:static;order:5;flex-basis:100%;width:100%;display:block;max-width:none;margin:0;padding:4px 14px 8px;
    border:0;border-radius:0;background:var(--omc-green-10);box-shadow:none
  }
  .omc-navigation .sub-menu[hidden]{display:none!important}
  .omc-navigation .sub-menu li{border:0!important}
  .omc-navigation .sub-menu a{min-height:44px;padding:8px 4px;font-size:15px;border-radius:0}
  .omc-navigation .sub-menu .omc-services-all{margin-top:4px;padding-top:4px}

  .omc-footer{padding:28px 18px;font-size:14px;line-height:2}
  .omc-footer__grid{grid-template-columns:1fr 1fr;gap:16px;margin:0}
  .omc-footer__identity{grid-column:1/-1;margin-bottom:4px}
  .omc-footer__brand .omc-brand__mark{width:38px;height:40px}
  .omc-footer__brand .omc-brand__image{max-width:120px;max-height:40px}
  .omc-footer__name{font-size:16px;margin-top:8px}
  .omc-footer__descriptor{font-size:13.5px;margin-top:0}
  .omc-footer__heading{font-size:14px;margin-bottom:2px;line-height:2}
  .omc-footer__contact{grid-column:1/-1;margin-top:0}
  .omc-footer__contact-links{font-size:14px;line-height:1.9}
  .omc-footer__bottom{margin-top:20px;padding-top:16px;font-size:13px;line-height:1.7}

  .omc-desktop-actions{display:none}
}
@media(max-width:782px){.admin-bar .omc-header--sticky{top:46px}}
@media(max-width:600px){.admin-bar .omc-header--sticky{top:0}}

/* Other shell utilities. */
.omc-desktop-actions{position:fixed;right:24px;bottom:24px;z-index:90;display:flex;flex-direction:column;gap:10px}
.omc-desktop-actions a{display:flex;width:52px;height:52px;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.4);border-radius:50%;background:var(--omc-green);color:#fff;box-shadow:0 4px 16px rgba(14,68,52,.18)}
@media(max-width:1023px){.omc-desktop-actions{display:none!important}}
.omc-contact-block{color:var(--omc-ink);font-size:18px}
.omc-contact-block a,.omc-breadcrumbs a{color:var(--omc-green);text-underline-offset:4px}
.omc-contact-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:14px}
.omc-contact-list li{display:flex;gap:10px;align-items:flex-start}
.omc-contact-list .omc-icon{width:20px;height:20px;margin-top:5px}
.omc-contact-list span{min-width:0;overflow-wrap:anywhere}
.omc-breadcrumbs{font-size:16px}
.omc-breadcrumbs ol{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0}
.omc-breadcrumbs li+li:before{content:"/";margin-inline-end:8px;opacity:.6}
.omc-section{padding-block:clamp(36px,5vw,72px)}
.omc-sand{background:var(--omc-sand)}
.omc-soft-green{background:var(--omc-green-10)}
.omc-latin{font-family:var(--omc-font-latin);direction:ltr;unicode-bidi:isolate}
@media(prefers-reduced-motion:reduce){.omc-header *,.omc-button{transition:none!important;animation:none!important}}
@media print{.omc-header,.omc-footer,.omc-desktop-actions,.omc-skip-link{display:none!important}body.omc-site{background:#fff;color:#000}}
