/* omid-chrome */ /* ============================================================================= omid-chrome.css — Phase 1 (Elementor-free header, footer and home page) ----------------------------------------------------------------------------- Box model ported from the CSS Elementor generated for: post-24178.css (header, fa) post-26163.css (header, en) post-724.css (footer, fa) post-26168.css (footer, en) post-523.css (home, fa) post-26132.css (home, en) Every value below was taken from those files and cross-checked against the live rendering at 1440px and 390px. Elementor's own stylesheet stops loading once the builder is off, so the same geometry is re-declared here against the native wrappers. Nothing in this file styles the interior of .omidH, .omid-footer, .dkm or .omid-home-page — those already live in omid-main.css and omid-home-page.css. ============================================================================= */ /* ---------------------------------------------------------------- chrome --- Elementor emitted a clearfix around each location wrapper. */ .om-chrome-header::before, .om-chrome-header::after, .om-chrome-footer::before, .om-chrome-footer::after { content: ""; display: table; clear: both; } /* The header is position:fixed inside its own markup (omid-main.css), so the wrapper must not add height of its own. */ .om-chrome-header { display: block; margin: 0; padding: 0; min-height: 0; background: transparent; } /* Footer: white full-bleed band, 10px inset, then .omid-footer's own margin:16px auto 0 from omid-main.css. */ .om-chrome-footer { display: flex; flex-direction: column; flex-grow: 0; flex-shrink: 0; margin: 0; padding: 10px; background-color: #fff; } .om-chrome-footer > * { width: 100%; } /* ------------------------------------------------------------- home, fa --- Two sibling containers: the hero band and the page body. .om-home-hero <- Elementor container 35cd18d (padding:10px) widget 06f8f0c (margin:56px 0 0) .om-home-body <- Elementor container 1f90227 (padding:0 10px, bg #fff) .e-con-inner (padding:10px 0, max 1600px) */ .om-home-hero { display: flex; flex-direction: column; width: 100%; margin: 0; padding: 10px; } /* .dkm centres itself with margin:0 auto, so only the vertical offset is ported here — resetting the shorthand would drop the auto and pin the banner to the inline-start edge. */ .om-home-hero > .dkm { margin: 56px auto 0; } .om-home-body { width: 100%; margin: 0; padding: 0 10px; background-color: #fff; } .om-home-body > .om-home-inner { width: 100%; max-width: 1600px; margin: 0 auto; padding: 10px 0; } .om-home-body .omid-home-page { margin: 0; padding: 0; } @media (max-width: 767px) { .om-home-hero { margin-top: -13px; min-height: 0; } .om-home-hero > .dkm { margin: 65px auto 0; } } body.om-home-native { background-color: #fff; } /* ------------------------------------------------------------- home, en --- Nine stacked boxed containers (Elementor e-con-boxed). Boxed content is centred at 1280px with 10px inline padding on the outer container. Each .om-el- mirrors one Elementor container or widget. */ .om-en { width: 100%; background-color: #fff; } .om-en-box { display: flex; flex-direction: column; width: 100%; padding: 0 10px; } .om-en-box > .om-en-inner { width: 100%; max-width: min(100%, 1280px); margin: 0 auto; padding: 10px 0; } /* hero (widget 50a74f8 in container 15bb0c93, which is flush: no padding) */ .om-en-hero { display: flex; width: 100%; margin: 20px 0 0; padding: 0; } .om-en-hero > .om-en-inner { padding: 0; } .om-en-hero > .om-en-inner > .dkm-mari { margin: 46px auto 0; } /* per-container offsets ported from post-26132.css */ .om-cnt-73bf419 { margin: 0; } .om-cnt-fae2542 { margin: -16px 0 0; } .om-cnt-fae2542 > .om-en-inner { padding: 0; } .om-cnt-92c901e { margin: 0; } .om-cnt-27d5f17 { margin: -20px 0 0; } .om-cnt-84e40f2 { margin: -68px 0 0; background-color: rgba(206, 206, 206, 0.09); } .om-cnt-84e40f2 > .om-en-inner { padding: 0; } .om-cnt-917a871 { margin: -3px 0 0; } .om-cnt-917a871 > .om-en-inner { padding: 0; } .om-cnt-1b798ad { margin: -125px 0 0; } .om-cnt-1b798ad > .om-en-inner { padding: 0; } .om-cnt-44a431d { margin: 0; } .om-cnt-dedbe39 { margin: 0; } .om-w-4767cb5 { margin: 0; } .om-w-d89938d { margin: 0; } @media (max-width: 1024px) { .om-cnt-1b798ad { margin: -90px 0 0; } } @media (max-width: 767px) { .om-en-hero > .om-en-inner > .dkm-mari { margin: 39px auto 0; } .om-w-4767cb5 { margin: -10px 0 0; } .om-cnt-84e40f2 { margin: -60px -1px -1px; } .om-cnt-1b798ad { margin: -90px 0 0; } } /* ------------------------------------------------------------------- RTL --- The English blocks are authored LTR; keep the negative-margin stack honest in both directions by never flipping inline axes here. */ html[dir="ltr"] .om-chrome-footer, html[dir="rtl"] .om-chrome-footer { padding-inline: 10px; } /* ------------------------------------------------------- icon-sized buttons --- * The parent theme's reset gives every button `padding:.5rem 1rem`, a pink * border and `box-sizing:border-box`. Three separate stylesheets then declare a * fixed square for the copy-to-clipboard button — .omSide (40x40, 18px icon), * om-archive.css (40x40, 18px) and om-woocommerce.css (36x36, 14px) — and none of * them resets the padding. With border-box that leaves an 8px (or 4px) content * box, and the icon, being a shrinkable flex item, collapses to fit it: measured * on the live site at 6x18 instead of 18x18. * * One rule here covers all three, because they share the class. It wins on * specificity (0,2,0 against the reset's element selector), not on load order. * flex:0 0 auto on the icon is the belt: even if padding creeps back in, the SVG * keeps its box. */ button.copyBtn { padding: 0; } button.copyBtn svg { flex: 0 0 auto; } /* * The home news block prints this when the page's language has no published post yet - * /ar/ before the Arabic news rows are migrated, for instance. It belongs to the chrome * stylesheet because that is what the front page loads; the map-card sheet is only enqueued * on the pages that print a map. */ .omid-post__empty { grid-column: 1 / -1; margin: 0; padding: 24px 0; color: #64748b; font-size: 1rem; text-align: center; } /* Omid 3.1.6 compiled colour companion: child-4ffa74d2c3.css */ /* Colour-only companion for child:assets/css/omid-chrome.css. Geometry and media are preserved. */ @media screen{ html[data-omid-theme="dark"] .om-chrome-footer{background-color:var(--om-color-surface);} html[data-omid-theme="dark"] .om-home-body{background-color:var(--om-color-surface);} html[data-omid-theme="dark"] body.om-home-native{background-color:var(--om-color-surface);} html[data-omid-theme="dark"] .om-en{background-color:var(--om-color-surface);} html[data-omid-theme="dark"] .om-cnt-84e40f2{background-color:var(--om-color-soft);} html[data-omid-theme="dark"] .omid-post__empty{color:var(--om-color-accent);} } /* omid-header-menu */ /* Omid 3.1 — child-owned responsive navigation. Keep this after parent CSS. */ :root { --omhH:77px; } @media(min-width:1025px) and (max-width:1399px) { :root { --omhH:128px; } } @media(max-width:1024px) { :root { --omhH:73px; } } @media(max-width:640px) { :root { --omhH:65px; } } #omidH { background:#fff !important; } #omidH .omidH__wrap { max-width:1440px; min-height:76px; gap:12px; padding:12px 20px; } #omidH .omidH__logo { min-width:112px; flex-shrink:0; } #omidH .omidH__logo img { max-height:44px; max-width:132px; object-fit:contain; } #omidH .omidH__link { min-height:44px; font-size:16px; line-height:1.5; padding:10px 12px; white-space:nowrap; } #omidH .omidH__actions { gap:6px; flex-shrink:0; } #omidH .omidH__lang, #omidH .omidH__icon { width:44px; min-width:44px; height:44px; min-height:44px; } #omidH .omidH__btn { min-height:44px; padding:10px 18px !important; } #omidH .omidH__burger { width:44px; height:44px; } #omidH .omidH__link--hospital, #omidH .omidH__link--hospital:hover, #omidH .omidH__item:hover > .omidH__link--hospital, #omidH .omidH__item:focus-within > .omidH__link--hospital { background:var(--omid-hospital-dark,#0f766e) !important; color:#fff !important; } #omidH .omidH__item { position:static !important; } @media(min-width:1025px) { #omidH .omidH__wrap { display:grid; grid-template-columns:auto minmax(0,1fr) auto; } #omidH .omidH__menu { flex-wrap:nowrap; justify-content:center; gap:2px; } #omidH .omidH__dd { position:absolute !important; top:100% !important; left:50% !important; right:auto !important; transform:translateX(-50%) !important; width:min(1120px,calc(100vw - 40px)) !important; max-width:calc(100vw - 40px) !important; min-width:0 !important; padding:20px 24px !important; box-sizing:border-box; border-radius:0 0 16px 16px; } /* Reset the parent's hospital flex / max-content / 3-column nested grid. */ #omidH .omidH__dd .omidH__grid { display:grid !important; grid-template-columns:repeat(var(--n,3),minmax(0,1fr)) !important; gap:16px 24px !important; max-height:none !important; overflow:visible !important; scrollbar-gutter:auto; } #omidH .omidH__grid--2 { --n:2; } #omidH .omidH__grid--3 { --n:3; } #omidH .omidH__grid--4 { --n:4; } #omidH .omidH__grid--6 { --n:6; } #omidH .omidH__dd .omidH__grid > .omidH__col, #omidH .omidH__dd .omidH__col--brand { display:block !important; width:auto !important; min-width:0 !important; max-width:100%; flex:initial !important; padding:0 !important; border:0 !important; grid-template-columns:none !important; } #omidH .omidH__a { white-space:normal; overflow-wrap:break-word; min-height:40px; font-size:14.5px; padding:8px 10px; line-height:1.7; } #omidH .omidH__title { white-space:normal; font-size:15px; line-height:1.7; margin-bottom:8px; padding-bottom:8px; } #omidH .omidH__dd::before { height:10px; top:-10px; } #omidH .omidH__item:not(.isDesktopOpen) > .omidH__dd[aria-hidden="true"] { opacity:0 !important; visibility:hidden !important; pointer-events:none !important; } #omidH .omidH__item:not(.isDesktopOpen) > .omidH__link::after { transform:none; } #omidH.omidH--compact .omidH__wrap { grid-template-columns:auto minmax(0,1fr) auto; } #omidH.omidH--compact .omidH__nav { display:none !important; } #omidH.omidH--compact .omidH__burger { display:inline-flex !important; order:1; } #omidH.omidH--compact .omidH__logo { order:2; justify-content:center; min-width:0; } #omidH.omidH--compact .omidH__actions { order:3; } #omidH.omidH--compact .omidH__dd { display:none !important; } } /* Small desktops keep full-size navigation on its own row, not a tiny menu. */ @media(min-width:1025px) and (max-width:1399px) { #omidH .omidH__wrap { grid-template-columns:minmax(0,1fr) auto; min-height:127px; gap:8px 16px; padding-block:10px 0; } #omidH .omidH__logo { grid-column:1; grid-row:1; } #omidH .omidH__actions { grid-column:2; grid-row:1; } #omidH .omidH__nav { grid-column:1 / -1; grid-row:2; border-top:1px solid #e8eef0; padding-block:4px; } #omidH .omidH__menu { justify-content:center; gap:12px; } #omidH .omidH__link { font-size:16px; padding:10px 16px; } #omidH .omidH__dd { padding:16px 20px !important; } #omidH .omidH__dd .omidH__grid { gap:12px 18px !important; } #omidH .omidH__link--withLogo { padding-inline:14px !important; } #omidH.omidH--compact .omidH__wrap { padding-bottom:10px; } #omidH.omidH--compact .omidH__logo, #omidH.omidH--compact .omidH__actions { grid-column:auto; grid-row:auto; } } @media(max-width:1024px) { #omidH .omidH__wrap { min-height:68px; padding:10px 12px; gap:8px; } #omidH .omidH__logo { min-width:0; margin-inline-start:0; } #omidH .omidH__logo img { max-height:40px; max-width:116px; } } @media(max-width:640px) { #omidH .omidH__wrap { min-height:64px; padding:8px; } #omidH .omidH__logo img { max-width:100px; max-height:36px; } #omidH .omidH__btn { font-size:13px !important; padding:10px 12px !important; } } @media(max-width:360px) { #omidH .omidH__wrap { gap:5px; } #omidH .omidH__logo img { max-width:82px; } #omidH .omidH__btn { padding:10px !important; } } #omidH .omidH__link:focus-visible, #omidH .omidH__a:focus-visible, #omidH .omidH__burger:focus-visible, #omidH .omidH__lang:focus-visible, #omidH .omidH__icon:focus-visible, #omidM a:focus-visible, #omidM button:focus-visible { outline:3px solid #92842c; outline-offset:3px; } #omidM .omidM__panel { max-width:min(440px,calc(100vw - 16px)); height:100dvh; max-height:100dvh; overflow:hidden; padding-bottom:env(safe-area-inset-bottom,0px); } #omidM .omidM__nav { min-height:0; overflow-y:auto; overscroll-behavior:contain; } #omidM .omidM__quick { display:flex !important; flex-wrap:wrap; gap:8px !important; } #omidM .omidM__qBtn { flex:1 1 90px; min-height:44px !important; } #omidM .omidM__qLang { flex:0 0 46px; } #omidM .omidM__sub a { white-space:normal; overflow-wrap:break-word; min-height:44px; } #omidM .omidM__acc { min-height:48px; } #omidM .omidM__x { width:44px !important; height:44px !important; } #omidM .omidM__acc--hospital, #omidM .omidM__hospSite { background:var(--omid-hospital-dark,#0f766e) !important; } #omidM .omidM__groupTitle { color:#08716e; } @media(prefers-reduced-motion:reduce) { #omidH *, #omidM * { transition:none !important; animation:none !important; } } /* 3.1.1: balanced, natural-sized panels; no internal desktop scrollbar. */ @media(min-width:1025px) { #omidH .omidH__dd { overflow:visible!important; max-height:none!important; } #omidH .omidH__dd--hospital { width:min(1440px,calc(100vw - 32px))!important; max-width:calc(100vw - 32px)!important; padding:16px!important; } #omidH .omidH__dd--hospital .omidH__grid { gap:12px!important; } #omidH .omidH__dd--hospital .omidH__a { min-height:34px; padding:6px 7px; font-size:14px; line-height:1.5; } #omidH .omidH__dd--hospital .omidH__title { font-size:14px; line-height:1.5; padding-bottom:8px; margin-bottom:6px; } #omidH.omidH--document-menu { position:absolute!important; top:var(--omid-document-top,0px)!important; } } /* Combined navigation patch: true hospital-brand turquoise, one aligned split control. */ #omidH .omidH__hospitalToggle { display:none; } #omidH .omidH__item--hospital > a.omidH__link--hospital, #omidH .omidH__item--hospital:hover > a.omidH__link--hospital, #omidH .omidH__item--hospital:focus-within > a.omidH__link--hospital, #omidM .omidM__panel .omidM__acc--hospital, #omidM .omidM__panel .omidM__hospSite { background:var(--turq,#0eb8b0)!important; color:#003638!important; -webkit-text-fill-color:#003638!important; } @media(min-width:1025px) { #omidH .omidH__item--hospital { display:flex; align-items:stretch; gap:0; } #omidH .omidH__item--hospital > a.omidH__link--hospital { display:inline-flex; align-items:center; height:48px; min-height:48px; box-sizing:border-box; margin:0!important; border:0!important; border-radius:0!important; border-start-start-radius:12px!important; border-end-start-radius:12px!important; box-shadow:none!important; filter:none!important; transform:none!important; } #omidH .omidH__link--hospital::after { display:none!important; } #omidH .omidH__item--hospital > button.omidH__hospitalToggle { appearance:none; display:inline-flex; align-items:center; justify-content:center; flex:0 0 44px; width:44px; height:48px; min-height:48px; box-sizing:border-box; margin:0; padding:0; border:0!important; border-radius:0!important; border-start-end-radius:12px!important; border-end-end-radius:12px!important; background:var(--turq,#0eb8b0)!important; color:#003638!important; -webkit-text-fill-color:#003638!important; box-shadow:none!important; filter:none!important; font-family:inherit; font-size:0; line-height:1; cursor:pointer; position:relative; } #omidH .omidH__hospitalToggle::after { content:""; position:absolute; inset-inline-start:0; top:12px; bottom:12px; width:1px; background:rgba(0,54,56,.18); } #omidH .omidH__hospitalToggle > span { display:inline-flex; align-items:center; justify-content:center; width:18px; height:18px; font-size:0!important; line-height:0; transform:none!important; } #omidH .omidH__hospitalToggle > span::before { content:""; display:block; width:7px; height:7px; border-right:2px solid currentColor; border-bottom:2px solid currentColor; transform:translateY(-2px) rotate(45deg); transition:transform .15s ease; } #omidH .omidH__hospitalToggle[aria-expanded="true"] > span::before { transform:translateY(2px) rotate(225deg); } #omidH .omidH__item--hospital > a.omidH__link--hospital:hover { text-decoration:underline; text-underline-offset:4px; } #omidH .omidH__hospitalToggle:focus-visible { outline:3px solid #003638; outline-offset:2px; } #omidH.omidH--compact .omidH__hospitalToggle { display:none!important; } } @media(prefers-reduced-motion:reduce) { #omidH .omidH__hospitalToggle > span::before { transition:none; } } /* Omid 3.1.6 compiled colour companion: child-130d6bbbe3.css */ /* Colour-only companion for child:assets/css/omid-header-menu.css. Geometry and media are preserved. */ @media screen{ html[data-omid-theme="dark"] #omidH{background:var(--om-color-surface)!important;} @media (min-width:1025px) and (max-width:1399px){html[data-omid-theme="dark"] #omidH .omidH__nav{border-top:1px solid var(--om-color-line);}} html[data-omid-theme="dark"] #omidM .omidM__groupTitle{color:var(--om-color-accent);} html[data-omid-theme="dark"] #omidH .omidH__item--hospital > a.omidH__link--hospital,html[data-omid-theme="dark"] #omidH .omidH__item--hospital:hover > a.omidH__link--hospital,html[data-omid-theme="dark"] #omidH .omidH__item--hospital:focus-within > a.omidH__link--hospital,html[data-omid-theme="dark"] #omidM .omidM__panel .omidM__acc--hospital,html[data-omid-theme="dark"] #omidM .omidM__panel .omidM__hospSite{color:var(--om-color-accent)!important;-webkit-text-fill-color:var(--om-color-accent)!important;} @media (min-width:1025px){html[data-omid-theme="dark"] #omidH .omidH__item--hospital > button.omidH__hospitalToggle{color:var(--om-color-accent)!important;-webkit-text-fill-color:var(--om-color-accent)!important;} html[data-omid-theme="dark"] #omidH .omidH__hospitalToggle::after{background:var(--om-color-soft);}} } /* omid-main-theme-style */ /* ========================================================================== OMID THEME – Header / Mobile menu / Slider / Footer (Storefront Version) Consolidated & Optimized: commerce overlays are owned by the storefront plugin, while this file owns the header and responsive site chrome. نسخه‌ی جدید: منوی آبشاری دسکتاپ (mega menu) مرتب، مات و چسبیده به هدر؛ ستون‌های لینک به‌صورت گرید چندستونه چیده می‌شوند تا پنل کوتاه و مرتب بماند. ========================================================================== */ :root{ /* brand */ --b:#004851; /* primary teal (dark) */ --b-mid:#006a73; /* primary teal (mid, gradient stop) */ --a:#92842c; /* accent gold */ --t:#0f172a; /* body text */ --turq:#0eb8b0; /* hospital accent */ --turq-dark:#0a8f89; --danger:#e53e3e; --success:#22c55e; /* layout */ --mx:1200px; --omhTop:0px; --omhH:64px; --omhPad:calc(var(--omhH) + var(--omhTop)); /* reusable tokens */ --radius-sm:8px; --radius-md:12px; --radius-lg:16px; --radius-xl:20px; --shadow-btn:0 4px 12px rgba(0,72,81,.2); --shadow-btn-hover:0 8px 20px rgba(0,72,81,.3); --grad-teal:linear-gradient(135deg,var(--b),var(--b-mid)); --grad-teal-hover:linear-gradient(135deg,var(--b-mid),var(--a)); --grad-turq:linear-gradient(135deg,var(--turq),var(--turq-dark)); --ease:.2s; --ease-slow:.25s; } body.admin-bar{--omhTop:32px} @media(max-width:782px){body.admin-bar{--omhTop:46px}} /* ========================================================================== 0. Base resets / Elementor header structural overrides ========================================================================== */ #omidH,#omidH *, .omidM,.omidM *{box-sizing:border-box} header.elementor-location-header.elementor-24178, header.elementor-location-header.elementor-24178>div, header.elementor-location-header.elementor-24178 .e-con, header.elementor-location-header.elementor-24178 .e-con-inner{ margin:0!important;padding:0!important;min-height:0!important;height:auto!important; } header.elementor-location-header.elementor-24178{display:block!important} body{padding-top:0!important} main#content,.site-main, .elementor-location-single,.elementor-location-archive, .elementor-location-page,.elementor-location-post{padding-top:var(--omhPad)!important} html{scroll-padding-top:var(--omhPad)} html.omidNoScroll{overflow:hidden} #omidH,.omidH, header.elementor-location-header.elementor-24178, header.elementor-location-header.elementor-24178 *{box-shadow:none!important;filter:none!important} #omidH:before,#omidH:after, header.elementor-location-header.elementor-24178:before, header.elementor-location-header.elementor-24178:after{content:none!important} #omidH,.omidH{border-top:0!important;outline:0!important} @media(prefers-reduced-motion:reduce){ .omidH *,.omidM *{animation:none!important;transition:none!important} } /* Shared image/svg containment inside overlay components */ .omidM svg{max-width:100%;max-height:100%;width:auto;height:auto} .omidM img{max-width:100%;height:auto} /* ========================================================================== 1. Shared UI primitives (dedup of repeated patterns) ========================================================================== */ /* --- "X" close button: mobile drawer --- */ .omidM__x{ appearance:none!important;-webkit-appearance:none!important; cursor:pointer;position:relative;padding:0!important;margin:0!important; font-size:0!important;line-height:0!important;font-family:inherit; flex-shrink:0;box-sizing:border-box!important; display:inline-flex!important;align-items:center!important;justify-content:center!important; border-radius:11px!important; transition:background var(--ease-slow),color var(--ease-slow),border-color var(--ease-slow),transform var(--ease-slow); border:1.5px solid rgba(0,72,81,.22)!important;background:rgba(0,72,81,.08)!important;color:var(--b)!important; width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important; } .omidM__x:before,.omidM__x:after{ content:""!important;position:absolute!important;top:50%!important;left:50%!important; background:currentColor!important;border-radius:2px!important;transform-origin:center!important;display:block!important; width:16px!important;height:2.5px!important; } .omidM__x:before{transform:translate(-50%,-50%) rotate(45deg)!important} .omidM__x:after{transform:translate(-50%,-50%) rotate(-45deg)!important} .omidM__x svg{display:none!important} .omidM__x:hover{background:var(--b)!important;color:#fff!important;border-color:var(--b)!important;transform:rotate(90deg)} /* --- square icon buttons: header utility icon + language switch --- */ .omidH__icon,.omidH__lang{ display:inline-flex!important;align-items:center;justify-content:center; width:40px;height:40px;border-radius:var(--radius-md); border:1.5px solid rgba(0,72,81,.14)!important;background:rgba(255,255,255,.7)!important;color:var(--b)!important; text-decoration:none!important;flex-shrink:0;font-family:inherit;font-size:inherit; transition:background var(--ease),color var(--ease),border-color var(--ease),transform var(--ease-slow); } .omidH__icon{cursor:pointer;appearance:none;padding:0} .omidH__lang{min-width:40px;padding:0 10px;font-weight:900;font-size:13px;direction:ltr} .omidH__icon:hover,.omidH__lang:hover{background:var(--b)!important;color:#fff!important;border-color:var(--b)!important} .omidH__icon svg{width:20px!important;height:20px!important;max-width:20px!important;max-height:20px!important;display:block!important;flex-shrink:0!important} /* --- primary CTA gradient buttons: header CTA / footer CTA --- */ .omidH__btn,.omidH__btn:visited, .omidM__footCta,.omidM__footCta:visited{ background:var(--grad-teal)!important;color:#fff!important;text-decoration:none!important;font-weight:900; border-radius:var(--radius-md);box-shadow:var(--shadow-btn); transition:background var(--ease-slow),box-shadow var(--ease-slow),transform var(--ease); } .omidH__btn:hover,.omidH__btn:focus, .omidM__footCta:hover{background:var(--grad-teal-hover)!important;box-shadow:var(--shadow-btn-hover)} /* ========================================================================== 2. Header (.omidH) — logo, primary nav, mega-menu dropdown ========================================================================== */ .omidH{ position:fixed!important;margin-top:0!important;top:var(--omhTop)!important;left:0;right:0;z-index:99905; background:rgba(248,250,252,.95)!important;border-bottom:1px solid rgba(0,72,81,.1)!important; transform:none!important;opacity:1!important;visibility:visible!important; } @supports((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){ @media(min-width:1025px){ /* شیشه‌ی هدر روی pseudo-element است، نه خود هدر؛ چون اگر خود هدر backdrop-filter داشته باشد منوی آبشاری داخلش نمی‌تواند درست رندر شود. */ .omidH{ background:transparent!important; border-bottom:1px solid rgba(255,255,255,.24)!important; } #omidH.omidH::before{ content:""!important;position:absolute;top:0;right:0;bottom:0;left:0;inset:0;z-index:-1;pointer-events:none; background:linear-gradient(135deg,rgba(255,255,255,.2),rgba(255,255,255,.08)); backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%); } } } #omidH[class*="headroom"],#omidH.headroom--unpinned,#omidH.is-hidden,#omidH.isHidden, #omidH[class*="hide"],#omidH[class*="hidden"],#omidH[class*="sticky-hidden"]{ transform:none!important;opacity:1!important;visibility:visible!important;display:block!important;top:var(--omhTop)!important; } #omidH .omidH__btn{box-shadow:0 5px 16px rgba(0,72,81,.32)!important} .omidH__wrap{max-width:var(--mx);margin:0 auto;display:flex;align-items:center;gap:10px;padding:8px 14px;min-height:64px;position:relative} /* دسکتاپ: لنگر منوی آبشاری خود هدر (#omidH) است تا پنل دقیقاً به لبه‌ی پایین هدر بچسبد */ @media(min-width:1025px){ .omidH__wrap{position:static} } .omidH__logo{display:flex;align-items:center;min-width:120px;text-decoration:none} .omidH__logo img{max-height:44px;width:auto;height:auto;display:block} .omidH__nav{flex:1;min-width:0} .omidH__menu{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:6px} .omidH__item{position:static} .omidH__link{ appearance:none;border:0;background:0 0!important;color:var(--t)!important;font-weight:900; padding:10px 14px;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;align-items:center;gap:8px; transition:background var(--ease),color var(--ease);font-family:inherit;font-size:inherit;text-decoration:none!important; } .omidH__link:after{content:"▾";font-size:12px;opacity:.7;transition:transform var(--ease)} .omidH__link:hover,.omidH__item:hover>.omidH__link,.omidH__item:focus-within>.omidH__link{background:rgba(0,72,81,.1)!important;color:var(--b)!important} .omidH__item:hover>.omidH__link:after,.omidH__item:focus-within>.omidH__link:after{transform:rotate(180deg)} .omidH__link--withLogo{gap:8px!important;padding-right:10px!important;padding-left:14px!important} .omidH__linkLogo{display:inline-block!important;width:26px!important;height:26px!important;max-width:26px!important;max-height:26px!important;object-fit:contain!important;flex-shrink:0!important;vertical-align:middle!important;transition:transform var(--ease-slow) ease!important} .omidH__item:hover .omidH__linkLogo,.omidH__item:focus-within .omidH__linkLogo{transform:scale(1.1) rotate(-3deg)!important} .omidH__linkLogoWrap{display:inline-flex!important;align-items:center;justify-content:center;width:26px!important;height:26px!important;min-width:26px!important;flex-shrink:0;background:transparent!important} .omidH__linkLogoWrap .omidH__linkLogo{width:22px!important;height:22px!important;max-width:22px!important;max-height:22px!important;object-fit:contain!important;display:block!important} /* Hospital sub-brand variant of the nav link */ .omidH__link--hospital{background:var(--grad-turq)!important;color:#fff!important;border:1.5px solid transparent!important;border-radius:var(--radius-md)!important} .omidH__link--hospital:hover,.omidH__item:hover>.omidH__link--hospital,.omidH__item:focus-within>.omidH__link--hospital{background:linear-gradient(135deg,var(--turq-dark),var(--turq))!important;color:#fff!important;box-shadow:0 4px 14px rgba(14,184,176,.35)} /* -------------------------------------------------------------------------- Mega-menu dropdown — پنل مات، چسبیده به هدر، ستون‌های مرتب -------------------------------------------------------------------------- */ .omidH__dd{ position:absolute; top:100%;left:50%;right:auto; transform:translateX(-50%); width:max-content;min-width:0;max-width:min(1040px,calc(100vw - 48px)); background:#fff!important; border:0!important; border-radius:0 0 20px 20px; padding:24px 32px 28px; z-index:99906; display:none; /* با کلاس isDesktopOpen توسط جاوااسکریپت باز می‌شود */ } .omidH__dd--hospital{background:linear-gradient(180deg,#fff 0%,#f3fbfb 100%)!important} /* سایه (باید با #omidH بیاید تا از box-shadow:none!important بخش 0 قوی‌تر باشد) */ #omidH .omidH__dd{box-shadow:0 24px 48px -20px rgba(0,72,81,.28),0 0 0 1px rgba(0,72,81,.06)!important} /* پل نامرئی برای بسته نشدن منو با حرکت ماوس */ .omidH__dd:before{content:"";position:absolute;top:-10px;left:0;right:0;height:10px} /* گرید پیش‌فرض منوها */ .omidH__grid{ --n:3;--cw:210px; display:grid;gap:24px 40px;align-items:start; grid-template-columns:repeat(var(--n),var(--cw)); } .omidH__grid--2{--n:2} .omidH__grid--3{--n:3} .omidH__grid--4{--n:4} .omidH__grid>.omidH__col{min-width:0} .omidH__col>.omidH__title:not(:first-child){margin-top:16px} /* ستون‌ها: بدون کارت، بدون کادر */ .omidH__col{background:transparent!important;border:0!important;border-radius:0;padding:0} /* عنوان ستون: نقطه‌ی طلایی + خط نازک زیر آن */ .omidH__title{ display:flex;align-items:center;gap:8px; margin:0 0 10px;padding:0 0 12px; font-size:14px;font-weight:800;color:var(--b); border-bottom:1px solid #e8eef0; } .omidH__title:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--a);flex:0 0 6px} /* لینک‌ها */ .omidH__a{ display:flex;align-items:center; padding:7px 10px;border-radius:8px; font-size:13px;font-weight:500;line-height:1.6; color:#1e293b!important;text-decoration:none!important; transition:background var(--ease),color var(--ease); } .omidH__a:before{content:none} .omidH__a:hover{background:rgba(0,72,81,.07)!important;color:var(--b)!important} .omidH__a--cta{background:transparent!important;border:0!important;color:var(--b)!important;font-weight:800} .omidH__sep{height:1px;background:#e8eef0;margin:6px 0} /* -------------------------------------------------------------------------- منوی «مستشفى امید»: ستون اول ۳ ستونه، ستون دوم تک‌ستونه با خط جداکننده (استایل inline روی .omidH__grid با !important خنثی می‌شود) -------------------------------------------------------------------------- */ /* flex به‌جای گرید: عرض هر ستون را محتوایش تعیین می‌کند و ستون‌ها روی هم نمی‌افتند */ .omidH__dd--hospital .omidH__grid{ display:flex!important;flex-wrap:nowrap;align-items:flex-start; grid-template-columns:none!important;gap:0!important; } .omidH__dd--hospital .omidH__grid>.omidH__col{flex:0 0 auto!important;min-width:0} .omidH__col--brand{ display:grid; grid-template-columns:repeat(3,190px)!important; width:max-content; column-gap:20px;row-gap:0; align-content:start; padding-inline-end:36px!important; } .omidH__col--brand>.omidH__title{grid-column:1/-1} .omidH__col--brand>.omidH__sep{grid-column:1/-1;margin:8px 0} .omidH__dd--hospital .omidH__grid>.omidH__col:not(.omidH__col--brand){ width:max-content;min-width:230px!important; padding-inline-start:36px!important; border-inline-start:1px solid #dcecee!important; } /* رنگ فیروزه‌ای منوی بیمارستان */ .omidH__dd--hospital .omidH__title{color:var(--turq-dark);border-bottom-color:#d6ebea} .omidH__dd--hospital .omidH__title:before{background:var(--turq)} .omidH__dd--hospital .omidH__sep{background:#d6ebea} .omidH__dd--hospital .omidH__a:hover{background:rgba(14,184,176,.1)!important;color:var(--turq-dark)!important} .omidH__dd--hospital .omidH__col--brand{background:transparent!important;border:0!important} /* Header right-side actions: chip, lang, icons, burger */ .omidH__actions{display:flex;align-items:center;gap:10px} /* Primary header CTA button ("کمک آنلاین") */ .omidH__btn,.omidH__btn:visited{ display:inline-flex!important; align-items:center!important; justify-content:center!important; padding:13px 26px!important; font-size:14.5px!important; line-height:1.4!important; white-space:nowrap; letter-spacing:.2px; } /* Hamburger (mobile trigger) */ .omidH__burger{ display:none;appearance:none;border:0;background:var(--b);border-radius:var(--radius-md); width:42px;height:42px;padding:0;cursor:pointer;flex-shrink:0;position:relative; align-items:center;justify-content:center;transition:background var(--ease-slow),transform var(--ease-slow); } .omidH__burger:hover{background:var(--b-mid)} .omidH__burger span{ display:block;position:absolute;left:50%;width:18px;height:2px;background:#fff;border-radius:2px;margin:0!important; transform-origin:center;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity var(--ease-slow),background var(--ease-slow); } .omidH__burger span:nth-child(1){transform:translateX(-50%) translateY(-6px)} .omidH__burger span:nth-child(2){transform:translateX(-50%)} .omidH__burger span:nth-child(3){transform:translateX(-50%) translateY(6px)} .omidH__burger[aria-expanded="true"]{background:var(--b-mid)} .omidH__burger[aria-expanded="true"] span:nth-child(1){transform:translateX(-50%) rotate(45deg)} .omidH__burger[aria-expanded="true"] span:nth-child(2){opacity:0;transform:translateX(-50%) scaleX(0)} .omidH__burger[aria-expanded="true"] span:nth-child(3){transform:translateX(-50%) rotate(-45deg)} /* ========================================================================== 3. Header micro-interaction animations ========================================================================== */ @keyframes omidBtnPulse{0%{box-shadow:0 5px 16px rgba(0,72,81,.32)}50%{box-shadow:0 5px 16px rgba(0,72,81,.32),0 0 0 8px rgba(34,197,94,.18)}100%{box-shadow:0 5px 16px rgba(0,72,81,.32)}} .omidH__btn.isAdded{animation:omidBtnPulse .8s ease} /* ========================================================================== 4. Mobile menu drawer (.omidM) ========================================================================== */ .omidM{position:fixed;top:0;right:0;bottom:0;left:0;inset:0;z-index:2147483000;display:none;direction:rtl;font-size:15px;visibility:hidden;opacity:0;pointer-events:none} .omidM.isOpen{display:block!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important} .omidM__ov{position:absolute;top:0;right:0;bottom:0;left:0;inset:0;z-index:0;background:rgba(2,6,23,.55)!important;cursor:pointer} .omidM__panel{position:absolute;top:0;right:0;z-index:1;height:100%;width:min(86vw,380px);background:#f8fafc!important;border-left:1px solid rgba(0,72,81,.1);box-shadow:-8px 0 30px rgba(0,0,0,.15);display:flex;flex-direction:column} .omidM__top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-bottom:1px solid rgba(0,72,81,.08);flex-shrink:0;background:#fff} .omidM__brand{display:flex;align-items:center;text-decoration:none;flex:1;min-width:0} .omidM__brand img{display:block!important;height:32px!important;width:auto!important;max-width:160px!important;max-height:32px!important} .omidM__nav{padding:10px;overflow-y:auto;overflow-x:hidden;flex:1;min-height:0;-webkit-overflow-scrolling:touch} /* Quick-action row (Mobile) */ .omidM__quick{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 46px!important;gap:8px!important;margin:4px 0 12px!important;direction:rtl!important} .omidM__qBtn,.omidM__qBtn:visited{ display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:7px!important; padding:11px 8px!important;border-radius:10px!important;border:1px solid rgba(0,72,81,.12)!important;background:#fff!important; color:var(--t)!important;text-decoration:none!important;font-weight:700!important;font-size:13.5px!important;position:relative!important; transition:background var(--ease),color var(--ease)!important;min-height:46px!important;max-height:46px!important;height:46px!important; overflow:visible!important;line-height:1.2!important;white-space:nowrap!important; } .omidM__qBtn:hover{background:var(--b)!important;color:#fff!important;border-color:var(--b)!important} .omidM__qIcon{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:20px!important;height:20px!important;min-width:20px!important;max-width:20px!important;flex-shrink:0!important;flex-grow:0!important} .omidM__qIcon svg{width:18px!important;height:18px!important;max-width:18px!important;max-height:18px!important;min-width:18px!important;min-height:18px!important;display:block!important;flex-shrink:0!important} .omidM__qTxt{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;line-height:1.2!important;flex-shrink:1!important;flex-grow:0!important} .omidM__qLang,.omidM__qLang:visited{width:46px!important;min-width:46px!important;max-width:46px!important;height:46px!important;min-height:46px!important;max-height:46px!important;padding:0!important;font-weight:900!important;font-size:15px!important;direction:ltr!important;display:flex!important;align-items:center!important;justify-content:center!important;letter-spacing:.3px} .omidM__qLang .omidM__qTxt{display:block!important;text-align:center!important} /* Accordion nav items */ .omidM__acc{width:100%;text-decoration:none!important;border-radius:10px;padding:12px;margin:5px 0;display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(0,72,81,.08)!important;background:#fff!important;color:var(--t)!important;font-family:inherit;font-size:15px;cursor:pointer;transition:background .15s;appearance:none;text-align:right} .omidM__acc:hover{background:rgba(0,72,81,.04)!important} .omidM__txt{font-weight:800;flex:1;text-align:right;font-size:15px} .omidM__chev{font-weight:900;opacity:.7;transition:transform var(--ease);font-size:14px;flex-shrink:0;margin-right:8px} .omidM__acc[aria-expanded="true"] .omidM__chev{transform:rotate(180deg)} .omidM__sub{display:none;margin:-2px 0 6px;padding:6px 8px;border:1px solid rgba(0,72,81,.06)!important;border-radius:10px;background:rgba(255,255,255,.6)!important} .omidM__sub.isOpen{display:block} .omidM__sub a,.omidM__sub a:visited{display:block;text-decoration:none!important;color:var(--t)!important;padding:10px;border-radius:8px;transition:background .15s,color .15s;font-size:14px;line-height:1.5} .omidM__sub a:hover{background:rgba(146,132,44,.1)!important;color:var(--b)!important} .omidM__sep{height:1px;background:rgba(0,72,81,.06);margin:8px 0} .omidM__cta,.omidM__cta:visited{background:rgba(0,72,81,.08)!important;border:1px solid rgba(0,72,81,.14)!important;color:var(--b)!important;font-weight:900} .omidM__cta:hover{background:var(--b)!important;color:#fff!important} /* Footer-style links inside the drawer */ .omidM__foot,.omidM__foot:visited{display:block;text-decoration:none!important;color:var(--t)!important;padding:11px 12px;border-radius:10px;font-weight:700;border:1px solid rgba(0,72,81,.06)!important;background:#fff!important;margin:4px 0;transition:background .15s,color .15s;font-size:14px} .omidM__foot:hover{background:rgba(0,72,81,.04)!important;color:var(--b)!important} .omidM__footCta{border-color:var(--b)!important;text-align:center} /* Hospital sub-brand block inside the drawer */ .omidM__acc--hospital{background:var(--grad-turq)!important;border-color:transparent!important;border-radius:var(--radius-md)!important;padding:13px 14px!important;gap:10px;box-shadow:0 3px 12px rgba(14,184,176,.2);transition:background var(--ease-slow),box-shadow var(--ease-slow)!important} .omidM__acc--hospital:hover{background:linear-gradient(135deg,var(--turq-dark),var(--turq))!important;box-shadow:0 6px 20px rgba(14,184,176,.35)} .omidM__acc--hospital .omidM__txt,.omidM__acc--hospital .omidM__chev{color:#fff!important} .omidM__acc--hospital .omidM__hospLogoWrap{background:rgba(255,255,255,.2)!important;border-radius:8px;padding:3px;display:inline-flex;align-items:center;justify-content:center} .omidM__hospLogoWrap{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;flex-shrink:0;margin-left:8px} .omidM__hospLogoWrap img{width:22px;height:22px;max-width:22px;max-height:22px;object-fit:contain;display:block} .omidM__acc--hospital .omidM__hospLogoWrap img{width:20px!important;height:20px!important} .omidM__sub--hospital{padding:8px!important;border-radius:14px!important;border-color:rgba(14,184,176,.22)!important;background:rgba(14,184,176,.04)!important;display:none} .omidM__sub--hospital.isOpen{display:block} .omidM__group{background:#fff!important;border:1.5px solid rgba(14,184,176,.14)!important;border-radius:var(--radius-md);padding:10px 12px;margin-bottom:8px} .omidM__group:last-child{margin-bottom:0} .omidM__group--brand{background:rgba(14,184,176,.08)!important;border-color:rgba(14,184,176,.22)!important} .omidM__groupTitle{font-weight:900;font-size:14px;color:var(--turq);margin:0 0 8px;padding:0 4px 8px;border-bottom:1.5px solid rgba(14,184,176,.14);display:flex;align-items:center;gap:6px} .omidM__groupTitle:before{content:"";display:inline-block;width:4px;height:14px;border-radius:3px;background:linear-gradient(180deg,var(--turq),var(--turq-dark));flex-shrink:0} .omidM__group a,.omidM__group a:visited{display:flex!important;align-items:center;gap:8px;padding:9px 10px!important;border-radius:9px!important;color:var(--t)!important;text-decoration:none!important;font-size:14px;font-weight:600;line-height:1.6;transition:background .18s,color .18s,padding-right .18s} .omidM__group a:before{content:"•";color:var(--turq);font-weight:900;font-size:14px;flex-shrink:0;transition:color .18s} .omidM__group a:hover,.omidM__group a:focus{background:rgba(14,184,176,.12)!important;color:var(--turq)!important;padding-right:14px!important} .omidM__group a:hover:before{color:var(--turq-dark)} .omidM__hospSite,.omidM__hospSite:visited{ display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;margin-top:10px!important; padding:11px 14px!important;border-radius:10px!important;background:var(--grad-turq)!important;color:#fff!important; text-decoration:none!important;font-weight:800!important;font-size:14px!important;border:0!important; box-shadow:0 4px 14px rgba(14,184,176,.3);transition:background var(--ease-slow),box-shadow var(--ease-slow),transform var(--ease); } .omidM__hospSite:before{content:none!important} .omidM__hospSite:hover{background:linear-gradient(135deg,var(--turq-dark),var(--b))!important;color:#fff!important;box-shadow:0 6px 20px rgba(14,184,176,.4);transform:translateY(-1px);padding-right:14px!important} .omidM__hospSite svg{width:14px!important;height:14px!important;flex-shrink:0;stroke:#fff} /* ========================================================================== 5. Responsive breakpoints — header / drawer / dropdowns ========================================================================== */ @media(min-width:1025px){ .omidH__dd{ max-height:calc(100vh - var(--omhTop) - var(--omhH) - 24px);overflow-y:auto;overscroll-behavior:contain; } /* ★ فیکس پایداری منوی آبشاری دسکتاپ ★ منو به محض خروج ماوس غیب نمی‌شود و طبق زمان‌بندی JS (حدود 420ms) بسته می‌شود. */ #omidH .omidH__item.isDesktopOpen > .omidH__dd { display: block !important; max-height: none !important; overflow: visible !important; overscroll-behavior: auto !important; } } @media(min-width:1025px) and (max-width:1240px){ .omidH__wrap{max-width:none;padding-right:16px;padding-left:16px;gap:6px} .omidH__logo{min-width:104px} .omidH__logo img{max-height:40px} .omidH__menu{gap:2px} .omidH__link{padding:9px 8px;gap:5px;font-size:13px} .omidH__link--withLogo{padding-right:8px!important;padding-left:10px!important;gap:5px!important} .omidH__linkLogoWrap{width:22px!important;height:22px!important;min-width:22px!important} .omidH__linkLogoWrap .omidH__linkLogo{width:19px!important;height:19px!important} .omidH__actions{gap:6px} .omidH__btn,.omidH__btn:visited{padding:9px 12px!important;font-size:13px!important} .omidH__lang,.omidH__icon{width:36px;min-width:36px;height:36px;min-height:36px} .omidH__dd{padding:18px 22px 20px} .omidH__grid{--cw:190px;gap:16px 22px} .omidH__col--brand{grid-template-columns:repeat(3,165px)!important;column-gap:14px;padding-inline-end:24px!important} .omidH__dd--hospital .omidH__grid>.omidH__col:not(.omidH__col--brand){padding-inline-start:24px!important;min-width:200px!important} .omidH__title{margin-bottom:6px;font-size:13.5px} .omidH__a{padding:5px 8px;font-size:12.5px;line-height:1.6} } @media(max-width:1024px){ :root{--omhH:58px} .omidH__nav{display:none} .omidH__burger{display:inline-flex;order:1} .omidH__logo{order:2;margin-inline-start:6px;flex:1;justify-content:center} .omidH__actions{order:3;gap:8px} .omidH__logo img{max-height:42px} .omidH__wrap{min-height:58px;padding:8px 10px;gap:8px} .omidH,.omidH__icon,.omidH__lang, .omidM__panel,.omidM__acc,.omidM__sub,.omidM__qBtn{-webkit-backdrop-filter:none!important;backdrop-filter:none!important} } @media(max-width:640px){ :root{--omhH:54px} .omidH__icon,.omidH__lang{display:none!important} .omidH__actions{gap:6px} .omidH__btn{padding:12px 20px!important;font-size:14px!important;border-radius:var(--radius-md)!important;box-shadow:0 5px 16px rgba(0,72,81,.32)!important;letter-spacing:.2px} .omidH__logo img{max-height:36px} .omidH__wrap{padding:8px;gap:6px;min-height:54px} } @media(max-width:420px){ :root{--omhH:52px} .omidH__btn{padding:11px 16px!important;font-size:13px!important} .omidH__logo img{max-height:34px} .omidH__wrap{gap:5px;padding:7px 8px;min-height:52px} } @media(max-width:360px){ .omidH__btn{padding:10px 12px!important;font-size:12px!important} .omidH__logo img{max-height:30px} } /* ========================================================================== 6. Hero / promo slider (.dkm) ========================================================================== */ .dkm,.dkm *{box-sizing:border-box} .dkm{position:relative;width:100%;max-width:1400px;margin:0 auto;overflow:hidden;clear:both;direction:rtl} .dkm__w{position:relative;width:100%;background:#001f23;font-size:0;line-height:0} .dkm-slider{position:relative;width:100%;overflow:hidden;cursor:grab;user-select:none;-webkit-user-select:none;touch-action:pan-y} .dkm-slider.is-dragging{cursor:grabbing} .dkm-slide{position:absolute;top:0;right:0;bottom:0;left:0;inset:0;display:block;width:100%;text-decoration:none;opacity:0;visibility:hidden;transition:opacity 800ms ease,visibility 800ms ease;z-index:1;-webkit-user-drag:none} .dkm-slide.active{position:relative;opacity:1;visibility:visible;z-index:2} .dkm__v{display:block;width:100%;height:auto;background:#000;pointer-events:none;-webkit-user-drag:none} .dkm-arrow{ position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:44px;height:44px;border-radius:50%; background:rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.2);color:#fff; display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease; padding:0;margin:0;outline:none;box-shadow:0 4px 12px rgba(0,0,0,.2); backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px); } .dkm-arrow svg{width:20px;height:20px;transition:transform var(--ease) ease} .dkm-prev{right:16px} .dkm-next{left:16px} @media(hover:hover){ .dkm-arrow{opacity:0;pointer-events:none} .dkm-slider:hover .dkm-arrow{opacity:1;pointer-events:auto} .dkm-arrow:hover{background:rgba(0,0,0,.7);border-color:rgba(255,255,255,.4);transform:translateY(-50%) scale(1.1)} .dkm-prev:hover svg{transform:translateX(2px)} .dkm-next:hover svg{transform:translateX(-2px)} } .dkm-dots{ position:absolute;bottom:12px;left:50%;transform:translateX(-50%);z-index:10; display:flex;flex-direction:row;direction:ltr;align-items:center;justify-content:center;gap:5px; line-height:0;font-size:0;padding:5px 8px;border-radius:999px;background:rgba(0,0,0,.18); backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px); } .dkm-dot{ display:block;flex:0 0 auto;width:6px;height:6px;min-width:6px;min-height:6px;max-width:6px;max-height:6px; border-radius:999px;background:rgba(255,255,255,.78);border:0;padding:0;margin:0;cursor:pointer;opacity:.95; box-shadow:0 1px 4px rgba(0,0,0,.25); transition:width var(--ease-slow) ease,background-color var(--ease-slow) ease,opacity var(--ease-slow) ease,transform var(--ease-slow) ease; } .dkm-dot.active{width:14px;min-width:14px;max-width:14px;height:6px;min-height:6px;max-height:6px;background:#fff;opacity:1;box-shadow:0 2px 8px rgba(0,0,0,.32)} .dkm-dot:hover{transform:scale(1.08)} @media(max-width:768px){ .dkm__w,.dkm__v{background:transparent!important} .dkm-arrow{width:34px;height:34px;background:rgba(0,0,0,.35);opacity:.8} .dkm-arrow svg{width:16px;height:16px} .dkm-prev{right:8px} .dkm-next{left:8px} .dkm-dots{bottom:6px;gap:4px;padding:4px 7px} .dkm-dot,.dkm-dot.active{width:5px!important;height:5px!important;min-width:5px!important;min-height:5px!important;max-width:5px!important;max-height:5px!important} .dkm-dot.active{width:12px!important;max-width:12px!important;height:5px!important;min-height:5px!important;max-height:5px!important} } /* ========================================================================== 7. Footer (.omid-footer) ========================================================================== */ .omid-footer{ --f-bg:#004851;--f-bg2:#005761;--f-card:#003d45;--f-row:#00343b; --f-text:rgba(255,255,255,.95);--f-muted:rgba(255,255,255,.76); --f-border:rgba(255,255,255,.12);--f-accent:#b39b35;--f-radius:20px; color:var(--f-text);background:var(--f-bg);border:1px solid var(--f-border); border-radius:24px;overflow:hidden;margin:16px auto 0; } .omid-footer *{box-sizing:border-box} .omid-footer a{color:inherit;text-decoration:none} .omid-footer img{display:block;max-width:100%;height:auto} .omid-footer__wrap{background:var(--f-bg2);padding:22px 0 16px} .omid-footer__grid{max-width:1180px;margin:0 auto;padding:0 16px;display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:14px;align-items:start} .omid-footer__card{background:var(--f-card);border:1px solid var(--f-border);border-radius:var(--f-radius);padding:14px} .omid-footer__title{margin:0 0 10px;font-size:.9rem;font-weight:700;line-height:1.6;display:flex;align-items:center;gap:8px} .omid-footer__title:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--f-accent);flex:0 0 8px} .omid-footer__nav,.omid-footer__mini{display:grid;gap:8px} .omid-footer__link,.omid-footer__miniRow,.omid-footer__note{background:var(--f-row);border:1px solid var(--f-border);border-radius:12px;padding:9px 11px;font-size:.82rem;line-height:1.9} .omid-footer__link{display:block;transition:all var(--ease) ease} .omid-footer__k{color:var(--f-text);font-weight:700;margin-left:6px} .omid-footer__v{color:var(--f-muted)} .omid-footer__note{color:rgba(255,255,255,.86)} .omid-footer__social{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:10px} .omid-footer__socialItem{display:flex;align-items:center;justify-content:center;min-height:62px;background:var(--f-row);border:1px solid var(--f-border);border-radius:14px;transition:all var(--ease) ease} .omid-footer__socialItem img{width:40px;height:40px;border-radius:10px;object-fit:contain} .omid-footer__badges{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px} .omid-footer__badge{background:#fff;border-radius:14px;padding:8px;display:flex;align-items:center;justify-content:center;overflow:hidden} .omid-footer__badge img{width:110px;height:110px;object-fit:contain;border-radius:10px} .omid-footer__bottom{background:#00343b;border-top:1px solid var(--f-border);padding:12px 0} .omid-footer__bottomWrap{max-width:1180px;margin:0 auto;padding:0 16px;text-align:center} .omid-footer__copyright{margin:0;font-size:.8rem;line-height:1.9;color:rgba(255,255,255,.84)} .omid-footer__year{margin-right:6px;opacity:.9} .omid-footer a:focus-visible{outline:2px solid #fff;outline-offset:3px;border-radius:8px} @media(hover:hover){ .omid-footer__link:hover{background:rgba(179,155,53,.12);transform:translateX(-2px)} .omid-footer__socialItem:hover{background:rgba(179,155,53,.15);transform:translateY(-2px)} } @media(max-width:1024px){ .omid-footer__grid{grid-template-columns:1fr} .omid-footer__social{grid-template-columns:repeat(4,minmax(0,1fr))} } @media(max-width:767px){ .omid-footer{border-radius:18px} .omid-footer__wrap{padding:18px 0 14px} .omid-footer__grid{padding:0 12px;gap:10px} .omid-footer__card{padding:12px;border-radius:16px} .omid-footer__title{font-size:.84rem} .omid-footer__link,.omid-footer__miniRow,.omid-footer__note{font-size:.78rem;padding:8px 10px} .omid-footer__social{grid-template-columns:repeat(4,1fr);gap:6px} .omid-footer__socialItem{min-height:52px;border-radius:12px} .omid-footer__socialItem img{width:32px;height:32px} .omid-footer__badges{grid-template-columns:1fr 1fr;gap:6px} .omid-footer__badge img{width:92px;height:92px} .omid-footer__copyright{font-size:.76rem} } @media(max-width:480px){ .omid-footer__social{grid-template-columns:repeat(4,1fr);gap:5px} .omid-footer__socialItem{min-height:46px} .omid-footer__socialItem img{width:28px;height:28px} .omid-footer__badges{grid-template-columns:1fr} .omid-footer__badge img{width:88px;height:88px} .omid-footer__bottomWrap{padding:0 12px} } /* ========================================================================== 11. Shared bilingual header fixes (FA / EN) The drawer is moved under body by JavaScript, so its own dir attribute is the authoritative source for panel position and text alignment. ========================================================================== */ /* Header cart badge — externalized from the Persian header HTML. */ #omidH .omidH__cart{ position:relative!important;display:inline-flex!important;align-items:center!important; justify-content:center!important;text-decoration:none!important; } #omidH .omidH__cartCount{ position:absolute;top:-5px;left:-6px;display:flex;align-items:center;justify-content:center; min-width:20px;height:20px;padding:0 5px;border:2px solid #fff;border-radius:999px; background:var(--a);color:#fff;font-size:10px;font-weight:900;line-height:1; } #omidH .omidH__cartCount[hidden]{display:none!important} /* English / LTR drawer. */ .omidM[dir="ltr"]{direction:ltr} .omidM[dir="ltr"] .omidM__panel{ right:auto;left:0;border-left:0;border-right:1px solid rgba(0,72,81,.1); box-shadow:8px 0 30px rgba(0,0,0,.15); } .omidM[dir="ltr"] .omidM__quick{ display:grid!important;direction:ltr!important; } .omidM[dir="ltr"] .omidM__acc, .omidM[dir="ltr"] .omidM__txt{text-align:left} .omidM[dir="ltr"] .omidM__chev{margin-right:0;margin-left:8px} .omidM[dir="ltr"] .omidM__hospLogoWrap{margin-left:0;margin-right:8px} .omidM[dir="ltr"] .omidM__group a, .omidM[dir="ltr"] .omidM__group a:visited{transition:background .18s,color .18s,padding-left .18s} .omidM[dir="ltr"] .omidM__group a:hover, .omidM[dir="ltr"] .omidM__group a:focus{padding-right:10px!important;padding-left:14px!important} .omidM[dir="ltr"] .omidM__hospSite:hover{padding-right:14px!important;padding-left:14px!important} /* منوی آبشاری انگلیسی هم وسط‌چین است؛ فقط جهت متن LTR می‌شود. */ #omidH[dir="ltr"] .omidH__dd{direction:ltr;text-align:left} @media(max-width:640px){ #omidH .omidH__cart{ display:inline-flex!important;flex:0 0 40px!important;width:40px!important; height:40px!important;min-width:40px!important; } #omidH .omidH__cart[data-empty="1"]{display:none!important} } /* Omid 3.1.6 compiled colour companion: parent-4c8f7ed062.css */ /* Colour-only companion for parent:assets/css/omid-main.css. Geometry and media are preserved. */ @media screen{ html[data-omid-theme="dark"] .omidM__x{border:1.5px solid var(--om-color-line)!important;background:var(--om-color-soft)!important;color:var(--om-color-accent)!important;} html[data-omid-theme="dark"] .omidH__icon,html[data-omid-theme="dark"] .omidH__lang{border:1.5px solid var(--om-color-line)!important;background:var(--om-color-soft)!important;color:var(--om-color-accent)!important;} html[data-omid-theme="dark"] .omidH{background:var(--om-color-soft)!important;border-bottom:1px solid var(--om-color-line)!important;} @supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){@media (min-width:1025px){html[data-omid-theme="dark"] .omidH{border-bottom:1px solid var(--om-color-line)!important;} html[data-omid-theme="dark"] #omidH.omidH::before{background:linear-gradient(135deg,var(--om-color-soft),var(--om-color-soft));}}} html[data-omid-theme="dark"] .omidH__link{color:var(--om-color-text)!important;} html[data-omid-theme="dark"] .omidH__link:hover,html[data-omid-theme="dark"] .omidH__item:hover>.omidH__link,html[data-omid-theme="dark"] .omidH__item:focus-within>.omidH__link{background:var(--om-color-soft)!important;color:var(--om-color-accent)!important;} html[data-omid-theme="dark"] .omidH__link--hospital{border:1.5px solid var(--om-color-line)!important;} html[data-omid-theme="dark"] .omidH__dd{background:var(--om-color-surface)!important;} html[data-omid-theme="dark"] .omidH__dd--hospital{background:linear-gradient(180deg,var(--om-color-surface) 0%,var(--om-color-surface) 100%)!important;} html[data-omid-theme="dark"] .omidH__title{color:var(--om-color-accent);border-bottom:1px solid var(--om-color-line);} html[data-omid-theme="dark"] .omidH__a{color:var(--om-color-text)!important;} html[data-omid-theme="dark"] .omidH__a:hover{background:var(--om-color-soft)!important;color:var(--om-color-accent)!important;} html[data-omid-theme="dark"] .omidH__a--cta{color:var(--om-color-accent)!important;} html[data-omid-theme="dark"] .omidH__sep{background:var(--om-color-soft);} html[data-omid-theme="dark"] .omidH__dd--hospital .omidH__grid>.omidH__col:not(.omidH__col--brand){border-inline-start:1px solid var(--om-color-line)!important;} html[data-omid-theme="dark"] .omidH__dd--hospital .omidH__title{color:var(--om-color-accent);} html[data-omid-theme="dark"] .omidH__dd--hospital .omidH__sep{background:var(--om-color-soft);} html[data-omid-theme="dark"] .omidH__dd--hospital .omidH__a:hover{background:var(--om-color-soft)!important;color:var(--om-color-accent)!important;} html[data-omid-theme="dark"] .omidH__burger span{background:var(--om-color-surface);} html[data-omid-theme="dark"] .omidM__panel{background:var(--om-color-surface)!important;border-left:1px solid var(--om-color-line);} html[data-omid-theme="dark"] .omidM__top{border-bottom:1px solid var(--om-color-line);background:var(--om-color-surface);} html[data-omid-theme="dark"] .omidM__qBtn,html[data-omid-theme="dark"] .omidM__qBtn:visited{border:1px solid var(--om-color-line)!important;background:var(--om-color-surface)!important;color:var(--om-color-text)!important;} html[data-omid-theme="dark"] .omidM__acc{border:1px solid var(--om-color-line)!important;background:var(--om-color-surface)!important;color:var(--om-color-text)!important;} html[data-omid-theme="dark"] .omidM__acc:hover{background:var(--om-color-soft)!important;} html[data-omid-theme="dark"] .omidM__sub{border:1px solid var(--om-color-line)!important;background:var(--om-color-soft)!important;} html[data-omid-theme="dark"] .omidM__sub a,html[data-omid-theme="dark"] .omidM__sub a:visited{color:var(--om-color-text)!important;} html[data-omid-theme="dark"] .omidM__sub a:hover{background:var(--om-color-soft)!important;color:var(--om-color-accent)!important;} html[data-omid-theme="dark"] .omidM__sep{background:var(--om-color-soft);} html[data-omid-theme="dark"] .omidM__cta,html[data-omid-theme="dark"] .omidM__cta:visited{background:var(--om-color-soft)!important;border:1px solid var(--om-color-line)!important;color:var(--om-color-accent)!important;} html[data-omid-theme="dark"] .omidM__foot,html[data-omid-theme="dark"] .omidM__foot:visited{color:var(--om-color-text)!important;border:1px solid var(--om-color-line)!important;background:var(--om-color-surface)!important;} html[data-omid-theme="dark"] .omidM__foot:hover{background:var(--om-color-soft)!important;color:var(--om-color-accent)!important;} html[data-omid-theme="dark"] .omidM__acc--hospital{border-color:var(--om-color-line)!important;} html[data-omid-theme="dark"] .omidM__sub--hospital{border-color:var(--om-color-line)!important;background:var(--om-color-soft)!important;} html[data-omid-theme="dark"] .omidM__group{background:var(--om-color-surface)!important;border:1.5px solid var(--om-color-line)!important;} html[data-omid-theme="dark"] .omidM__group--brand{background:var(--om-color-soft)!important;border-color:var(--om-color-line)!important;} html[data-omid-theme="dark"] .omidM__groupTitle{color:var(--om-color-accent);border-bottom:1.5px solid var(--om-color-line);} html[data-omid-theme="dark"] .omidM__group a,html[data-omid-theme="dark"] .omidM__group a:visited{color:var(--om-color-text)!important;} html[data-omid-theme="dark"] .omidM__group a:before{color:var(--om-color-accent);} html[data-omid-theme="dark"] .omidM__group a:hover,html[data-omid-theme="dark"] .omidM__group a:focus{background:var(--om-color-soft)!important;color:var(--om-color-accent)!important;} html[data-omid-theme="dark"] .omidM__group a:hover:before{color:var(--om-color-accent);} @media (hover:hover){html[data-omid-theme="dark"] .omid-footer__link:hover{background:var(--om-color-soft);} html[data-omid-theme="dark"] .omid-footer__socialItem:hover{background:var(--om-color-soft);}} html[data-omid-theme="dark"] #omidH .omidH__cartCount{border:2px solid var(--om-color-line);} html[data-omid-theme="dark"] .omidM[dir="ltr"] .omidM__panel{border-right:1px solid var(--om-color-line);} } /* Empty-state text for the shop sidebar (was an inline style= attribute). */ .omW__empty{color:#94a3b8;font-size:12px} /* omid-color-mode */ /* Omid 3.1.7: appearance controls and final colour repairs. */ /* Omid appearance 3.1.4 — client-side, colour-only extension. */ :root { color-scheme:light; --om-color-canvas:#f7f9f9; --om-color-surface:#ffffff; --om-color-soft:#edf4f3; --om-color-text:#173338; --om-color-muted:#536b70; --om-color-accent:#00636b; --om-color-line:#d3e0e0; --om-color-danger:#b42318; } html[data-omid-theme="dark"] { color-scheme:dark; --om-color-canvas:#101d20; --om-color-surface:#17282b; --om-color-soft:#21373a; --om-color-text:#e5efef; --om-color-muted:#afc3c6; --om-color-accent:#8cddd5; --om-color-line:#395357; --om-color-danger:#ffb4a9; } .om-color-control { display:none; align-items:center; min-width:0; font-family:var(--site-font,inherit); direction:inherit; } .om-color-js .om-color-control { display:flex; visibility:visible; } .om-color-ready .om-color-control { visibility:visible; } .om-color-field { display:flex; align-items:center; min-width:0; } .om-color-button { display:grid; width:44px; min-width:44px; height:44px; min-height:44px; padding:0; margin:0; place-items:center; color:var(--om-color-accent); background:var(--om-color-surface); border:1px solid var(--om-color-line); border-radius:50%; cursor:pointer; box-shadow:none; transition:color .2s ease,background-color .2s ease,border-color .2s ease,transform .2s ease; } .om-color-button:hover { border-color:var(--om-color-accent); background:var(--om-color-soft); } .om-color-button:active { transform:scale(.94); } .om-color-button:focus-visible { outline:3px solid var(--om-color-accent); outline-offset:3px; } .om-color-icons { position:relative; display:grid; width:20px; height:20px; place-items:center; } .om-color-icon { display:none; width:20px!important; height:20px!important; min-width:20px; max-height:20px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; pointer-events:none; } .om-color-button[data-omid-effective="light"] .om-color-icon--moon, .om-color-button[data-omid-effective="dark"] .om-color-icon--sun { display:block; } .om-color-auto-dot { position:absolute; inset-inline-end:-1px; bottom:-1px; display:none; width:5px; height:5px; background:var(--om-color-muted); border:1px solid var(--om-color-surface); border-radius:50%; } .om-color-button[data-omid-mode="auto"] .om-color-auto-dot { display:block; } .om-color-sr { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; } #omidH .omidH__nav { display:flex; align-items:center; justify-content:center; gap:12px; } #omidH .omidH__menu { min-width:0; } .om-color-control--desktop { flex:0 0 auto; } #omidM .om-color-control--mobile { flex:0 0 44px; padding:0; margin:0; background:transparent; border:0; } #omidM .omidM__top { gap:12px; } #omidM .omidM__brand { margin-inline-end:auto; min-width:0; } @media(min-width:1025px) and (max-width:1399px) { #omidH .omidH__nav { gap:16px; } #omidH .omidH__menu { gap:4px; } #omidH .omidH__link { padding-inline:10px; } } @media(max-width:1024px) { #omidH .omidH__nav { display:none; } #omidH .om-color-control--desktop { display:none; } } #omidH.omidH--compact .om-color-control--desktop { display:none; } @media screen { html[data-omid-theme="dark"] body { background:var(--om-color-canvas)!important; color:var(--om-color-text); } html[data-omid-theme="dark"] #omidH { background:var(--om-color-surface)!important; border-bottom-color:var(--om-color-line)!important; } html[data-omid-theme="dark"] #omidH::before { background:none!important; } html[data-omid-theme="dark"] #omidH .omidH__burger { background:#00636b; } html[data-omid-theme="dark"] #omidH .omidH__burger span { background:#fff; } html[data-omid-theme="dark"] #omidH :is(.omidH__btn), html[data-omid-theme="dark"] #omidM .omidM__footCta { background:#00636b!important; color:#fff!important; } html[data-omid-theme="dark"] #omidM .omidM__acc--hospital :is(.omidM__txt,.omidM__chev) { color:#000!important; -webkit-text-fill-color:#000!important; } html[data-omid-theme="dark"] #omidH :is(.omidH__logo) img, html[data-omid-theme="dark"] #omidM .omidM__brand img { background:#fff; padding:3px 6px; box-sizing:content-box; border-radius:8px!important; } html[data-omid-theme="dark"] #omidH .omidH__link:not(.omidH__link--hospital) { color:var(--om-color-text)!important; } html[data-omid-theme="dark"] #omidH :is(.omidH__dd,.omidH__dd--hospital) { background:var(--om-color-surface)!important; } html[data-omid-theme="dark"] #omidH :is(.omidH__title,.omidH__a) { color:var(--om-color-text)!important; border-color:var(--om-color-line)!important; } html[data-omid-theme="dark"] #omidH :is(.omidH__title,.omidH__a:hover,.omidH__a:focus-visible) { color:var(--om-color-accent)!important; } html[data-omid-theme="dark"] #omidH :is(.omidH__icon,.omidH__lang), html[data-omid-theme="dark"] #omidM :is(.omidM__x,.omidM__qBtn,.omidM__acc:not(.omidM__acc--hospital),.omidM__foot:not(.omidM__footCta)) { color:var(--om-color-text)!important; background:var(--om-color-soft)!important; border-color:var(--om-color-line)!important; } html[data-omid-theme="dark"] #omidM :is(.omidM__panel,.omidM__top,.omidM__sub,.omidM__group) { background:var(--om-color-surface)!important; border-color:var(--om-color-line)!important; } html[data-omid-theme="dark"] #omidM :is(.omidM__sub a,.omidM__groupTitle) { color:var(--om-color-text)!important; } html[data-omid-theme="dark"] #omidM .omidM__groupTitle { color:var(--om-color-accent)!important; } html[data-omid-theme="dark"] :is(.omidM__sub--hospital,.omidH__dd--hospital) :is(a,button):focus-visible { outline-color:var(--om-color-accent); } html[data-omid-theme="dark"] :is(.gform_wrapper,.woocommerce,.comment-form) :is(input:not([type="submit"]):not([type="button"]):not([type="radio"]):not([type="checkbox"]):not([type="hidden"]),select,textarea) { color:var(--om-color-text)!important; background-color:var(--om-color-surface)!important; border-color:var(--om-color-line)!important; } html[data-omid-theme="dark"] :is(input,textarea)::placeholder { color:var(--om-color-muted)!important; opacity:1; } html[data-omid-theme="dark"] :is(.woocommerce,.gform_wrapper) :is(label,legend) { color:var(--om-color-text)!important; } html[data-omid-theme="dark"] .om-color-button { color:var(--om-color-accent)!important; background:var(--om-color-surface)!important; } html[data-omid-theme="dark"] .omid-footer { --f-bg:#10272b; --f-bg2:#163238; --f-card:#10282d; --f-row:#0c2227; } html[data-omid-theme="dark"] .omid-footer__bottom { background:#0c2227; } } @media print { html[data-omid-theme],html:not([data-omid-theme]) { color-scheme:light!important; --om-color-canvas:#fff; --om-color-surface:#fff; --om-color-soft:#edf4f3; --om-color-text:#173338; --om-color-muted:#536b70; --om-color-accent:#00636b; --om-color-line:#d3e0e0; } .om-color-control { display:none!important; } } @media(forced-colors:active) { .om-color-button { border-color:ButtonText; color:ButtonText; } .om-color-icon { stroke:ButtonText; } } @media screen { html[data-omid-theme="dark"] .comment-form :is(label,.comment-notes,.logged-in-as,#email-notes,.required-field-message) { color:var(--om-color-muted)!important; } html[data-omid-theme="dark"] .comment-form label { color:var(--om-color-text)!important; } } @media print { html[data-omid-theme] body,html:not([data-omid-theme]) body { background:#fff!important; color:#173338!important; } } @media screen { html[data-omid-theme="dark"] #omidH .omidH__link--hospital :is(span,.omidH__label,.omidH__chev) { color:#000!important; -webkit-text-fill-color:#000!important; } } /* Small gold metadata uses a deeper shade for readable light-mode contrast. */ @media screen { html[data-omid-theme="light"] .om-mi-cat a { color:#76691d!important; } } /* 3.1.5: known homepage tokens and nested gradients need semantic surfaces. */ @media screen { html[data-omid-theme="dark"] .omid-home-page { --hero-bg:var(--om-color-surface); --hero-green:var(--om-color-accent); --hero-red:#ffb4a9; } html[data-omid-theme="dark"] .omid-home-page .charity-hero { background:var(--om-color-surface)!important; border:1px solid var(--om-color-line); } html[data-omid-theme="dark"] .omid-home-page .charity-hero h1 { color:var(--om-color-accent)!important; } html[data-omid-theme="dark"] .omid-home-page .charity-hero h2 { color:var(--om-color-text)!important; } html[data-omid-theme="dark"] .omid-home-page .charity-hero :is(.emotional,.hope) { color:#ffb4a9!important; } html[data-omid-theme="dark"] .omid-home-page .omid-charity { --charity-bg1:var(--om-color-canvas); --charity-bg2:var(--om-color-surface); --charity-blue:var(--om-color-accent); --charity-muted:var(--om-color-muted); background:linear-gradient(135deg,var(--om-color-canvas),var(--om-color-surface))!important; } html[data-omid-theme="dark"] .omid-home-page .omid-charity :is(.omid-intro,.omid-card p) { color:var(--om-color-text)!important; } html[data-omid-theme="dark"] .omid-home-page .omid-charity :is(.omid-title,.omid-card h3) { color:var(--om-color-accent)!important; } } /* Use the visible browser viewport instead of letting the underlying page scroll. * The toolbar and Android panels themselves are outside the site's DOM. */ #omidM { top:var(--omid-menu-top,0px)!important; bottom:auto!important; height:var(--omid-menu-height,100dvh)!important; } #omidM .omidM__panel { height:100%!important; max-height:100%!important; } #omidM .omidM__top { position:relative; z-index:2; padding-top:max(12px,env(safe-area-inset-top,0px)); } #omidM .omidM__nav { overscroll-behavior:contain; scrollbar-gutter:stable; } @media print { #omidM { display:none!important; } } html.om-color-js[data-omid-theme="light"] .om-color-icon--moon, html.om-color-js[data-omid-theme="dark"] .om-color-icon--sun { display:block; } html.om-color-js[data-omid-theme="dark"] .om-color-icon--moon, html.om-color-js[data-omid-theme="light"] .om-color-icon--sun { display:none; } /* Desktop preferences: appearance sits AFTER languages, away from Donate. */ #omidH .omidH__preferences { display:flex; align-items:center; gap:8px; flex:0 0 auto; min-width:0; } #omidH .omidH__preferences .om-color-control--desktop { flex:0 0 44px; } @media(max-width:640px) { #omidH .omidH__preferences { display:none; } } /* No colour fade during a preference change; regular hover/motion stays. */ html.om-color-switching *, html.om-color-switching *::before, html.om-color-switching *::after { transition:none!important; } /* Omid colour repairs: loaded after the existing source/companion sheets. * No route, content, payment processing, media or layout redesign. */ .om-color-control { gap:0; } #omidM .om-color-control--mobile { flex:0 0 auto; } .om-color-button { touch-action:manipulation; } /* Also suppress old cached fragments. display:none removes keyboard focus. */ .om-color-auto,[data-omid-color-mode="auto"],.om-color-auto-dot { display:none!important; } /* Keep the dots in the DOM because the English slider indexes them. Hide only * homepage hero pagination; image, autoplay, arrows and other carousels remain. */ #dkmSlider .dkm-dots,#dkmMariSlider .dkm-mari-dots { display:none!important; } :is(#omidH,#omidM) a[href*="/careers/"],:is(#omidH,#omidM) a[href*="/career-opportunities/"] { display:none!important; } @media (prefers-reduced-motion:reduce) { .om-color-button { transition:none; } } .om-site-main .om-page-content .omid-riasat :is(a.btn-social,a.btn-linkedin,a.btn-instagram) { color:#fff!important; -webkit-text-fill-color:#fff!important; border-bottom:0!important; } body #gform_wrapper_37 .gfield--type-radio .gchoice .gfield-choice-input:checked + label { background:#00636b!important; color:#fff!important; border-color:#00636b!important; } /* The English source hid all hospital statistics on small phones. Keep the * existing hero, but anchor the statistics below the picture rather than hide them. */ @media screen and (max-width:480px) { .oml-lang-en .omed-page .hero { --om-hospital-photo-height:clamp(220px,66.7vw,320px); min-height:0; padding-top:var(--om-hospital-photo-height); flex-direction:column; justify-content:flex-end; } .oml-lang-en .omed-page .hero-slide { bottom:auto; height:var(--om-hospital-photo-height); } .oml-lang-en .omed-page .hero-stats { display:block; position:relative; width:100%; } .oml-lang-en .omed-page .hero-stats .container { grid-template-columns:repeat(2,minmax(0,1fr)); } .oml-lang-en .omed-page .hero-stats .stat-item { padding:12px 10px; } .oml-lang-en .omed-page .hero-stats .stat-num { font-size:clamp(1.25rem,1.05rem + 1vw,1.8rem); line-height:1.25; margin:0; } .oml-lang-en .omed-page .hero-stats .stat-label { display:block; font-size:.75rem; line-height:1.6; margin-top:4px; } .oml-lang-en .omed-page .hero-stats .stat-item:last-child { grid-column:1/-1; } .oml-lang-en .omed-page .hero-dots { top:20px; bottom:auto; } } @media screen { /* Semantic tokens also resolve inline styles on all language twins. */ html[data-omid-theme="dark"] .omid-landing[data-omid-branch-page] { --bg:var(--om-color-canvas);--t:var(--om-color-text);--m:var(--om-color-muted); } html[data-omid-theme="dark"] .faq-doctors-section { --gray:var(--om-color-muted); } html[data-omid-theme="dark"] .omid-doctors { --brand-soft:var(--om-color-soft);--text:var(--om-color-text);--muted:var(--om-color-muted);--line:var(--om-color-line); } html[data-omid-theme="dark"] .omid-riasat { --ink:var(--om-color-text);--ink-soft:var(--om-color-muted);--paper:var(--om-color-surface);--paper-alt:var(--om-color-soft);--line:var(--om-color-line); } html[data-omid-theme="dark"] { --gray:var(--om-color-muted);--gray-light:var(--om-color-muted);--gray-lighter:var(--om-color-line);--om-cd:var(--om-color-surface);--om-tx:var(--om-color-text);--om-mu:var(--om-color-muted);--om-bg:var(--om-color-canvas);--om-t:var(--om-color-text);--om-m:var(--om-color-muted);--om-card:var(--om-color-surface);--om-muted:var(--om-color-muted);--hp-muted:var(--om-color-muted);--hp-text:var(--om-color-text);--t:var(--om-color-text);--bg-color:var(--om-color-canvas);--muted:var(--om-color-muted);--bg1:var(--om-color-canvas);--bg2:var(--om-color-soft);--omid-hospital-light:var(--om-color-soft);--omid-hospital-surface:var(--om-color-soft);--text:var(--om-color-text);--border:var(--om-color-line);--soft:var(--om-color-soft);--om-title-text:var(--om-color-text);--om-title-muted:var(--om-color-muted);--om-title-border:var(--om-color-line);--om-title-bg:var(--om-color-surface); } html[data-omid-theme="dark"] .om-archive-wrap { --t:var(--om-color-text);--m:var(--om-color-muted);--soft:var(--om-color-soft); } html[data-omid-theme="dark"] .omRamadan { --om-text:var(--om-color-text);--om-border:var(--om-color-line); } html[data-omid-theme="dark"] #omid-floor-guide { --om-accent-soft:var(--om-color-soft);--om-ink:var(--om-color-text);--om-muted:var(--om-color-muted);--om-line:var(--om-color-line);--om-bg:var(--om-color-canvas); } html[data-omid-theme="dark"] #derahyar-gateway-selector-3.dh-wrapper { --dh-primary-light:var(--om-color-soft);--dh-primary-lighter:var(--om-color-soft);--dh-primary-border:var(--om-color-line);--dh-text:var(--om-color-text);--dh-text-soft:var(--om-color-muted); } html[data-omid-theme="dark"] body #gform_wrapper_37 { --brand-soft:var(--om-color-soft);--text:var(--om-color-text);--muted:var(--om-color-muted);--border:var(--om-color-line);--brand-line:var(--om-color-line); } html[data-omid-theme="dark"] .omSide { --t:var(--om-color-text);--m:var(--om-color-muted); } html[data-omid-theme="dark"] .omidcp { --om-bg:var(--om-color-canvas);--om-text:var(--om-color-text);--om-muted:var(--om-color-muted);--om-line:var(--om-color-line); } html[data-omid-theme="dark"] .om-gallery-slider { --om-surface:var(--om-color-soft); } html[data-omid-theme="dark"] .om-con > [class*="ar-"], html[data-omid-theme="dark"] [class*="ar-admin-"], html[data-omid-theme="dark"] [class*="ar-radio-"], html[data-omid-theme="dark"] [class*="ar-clinic-"], html[data-omid-theme="dark"] [class*="ar-blog-"] { --ink:var(--om-color-text);--ink-2:var(--om-color-muted);--line:var(--om-color-line);--line-2:var(--om-color-line);--bg:var(--om-color-canvas); } html[data-omid-theme="dark"] .omid-footer { --txt:var(--om-color-text);--mut:var(--om-color-muted); } html[data-omid-theme="dark"] .oa { --t:var(--om-color-text);--m:var(--om-color-muted); } html[data-omid-theme="dark"] .omid-faq { --border:var(--om-color-line);--bg:var(--om-color-canvas);--bg2:var(--om-color-soft);--text:var(--om-color-text);--muted:var(--om-color-muted); } html[data-omid-theme="dark"] .om-page-content { --bg:var(--om-color-canvas);--text:var(--om-color-text);--muted:var(--om-color-muted);--border:var(--om-color-line);--t:var(--om-color-text);--m:var(--om-color-muted);--txt:var(--om-color-text);--mut:var(--om-color-muted);--surface:var(--om-color-surface);--surface-2:var(--om-color-soft);--line:var(--om-color-line);--gray:var(--om-color-muted);--gray-light:var(--om-color-muted);--gray-lighter:var(--om-color-line);--om-a-light:var(--om-color-soft);--canvas:var(--om-color-canvas);--stripe:var(--om-color-soft);--paper:var(--om-color-surface);--ink:var(--om-color-text);--ink-2:var(--om-color-muted);--line-2:var(--om-color-line);--soft:var(--om-color-soft);--soft2:var(--om-color-soft);--light-bg:var(--om-color-soft);--text-dark:var(--om-color-text); } html[data-omid-theme="dark"] .omc-contact { --bg:var(--om-color-canvas);--txt:var(--om-color-text);--mut:var(--om-color-muted); } html[data-omid-theme="dark"] .omed-page { --gray:var(--om-color-muted);--gray-light:var(--om-color-muted);--gray-lighter:var(--om-color-line);--hp-line:var(--om-color-line);--hp-muted:var(--om-color-muted);--hp-surface:var(--om-color-soft); } html[data-omid-theme="dark"] .omid-careers-ui { --ink:var(--om-color-text);--muted:var(--om-color-muted);--muted-2:var(--om-color-muted);--surface:var(--om-color-surface);--surface-2:var(--om-color-soft);--surface-3:var(--om-color-soft);--line:var(--om-color-line);--line-2:var(--om-color-line); } html[data-omid-theme="dark"] .mri-campaign { --m:var(--om-color-muted);--t:var(--om-color-text);--bg:var(--om-color-canvas); } html[data-omid-theme="dark"] .om-gallery-wrap { --om-text:var(--om-color-text);--om-gray:var(--om-color-muted);--om-bg:var(--om-color-canvas);--om-border:var(--om-color-line); } html[data-omid-theme="dark"] .omid-faq-en { --gray:var(--om-color-muted); } html[data-omid-theme="dark"] .om-pay-section { --om-text:var(--om-color-text);--om-muted:var(--om-color-muted);--om-line:var(--om-color-line);--om-bg-soft:var(--om-color-soft); } html[data-omid-theme="dark"] .om-cart-wrap { --om-bg:var(--om-color-canvas);--om-card:var(--om-color-surface);--om-tx:var(--om-color-text);--om-mu:var(--om-color-muted); } html[data-omid-theme="dark"] .om-empty-cart { --om-bg:var(--om-color-canvas);--om-card:var(--om-color-surface);--om-tx:var(--om-color-text);--om-mu:var(--om-color-muted); } html[data-omid-theme="dark"] body.woocommerce, html[data-omid-theme="dark"] body.woocommerce-page { --om-shop-brand-soft:var(--om-color-soft);--om-shop-gold-soft:var(--om-color-soft);--om-shop-ink:var(--om-color-text);--om-shop-muted:var(--om-color-muted);--om-shop-line:var(--om-color-line);--om-shop-canvas:var(--om-color-canvas);--om-shop-strike:var(--om-color-muted); } /* Component repairs; photographs, logos and brand SVGs are unchanged. */ html[data-omid-theme="dark"] #omidH .omidH__logo, html[data-omid-theme="dark"] #omidM .omidM__brand, html[data-omid-theme="dark"] #omidH .omidH__linkLogoWrap, html[data-omid-theme="dark"] #omidM .omidM__hospLogoWrap { background:none!important;border-color:transparent!important;box-shadow:none!important; } html[data-omid-theme="dark"] #omidH .omidH__logo img, html[data-omid-theme="dark"] #omidM .omidM__brand img, html[data-omid-theme="dark"] #omidH .omidH__linkLogo, html[data-omid-theme="dark"] #omidM .omidM__hospLogoWrap img { background:none!important;padding:0!important;box-sizing:border-box;border-radius:0!important;filter:brightness(0) invert(1)!important; } html[data-omid-theme="dark"] #omidM .omidM__acc:not(.omidM__acc--hospital), html[data-omid-theme="dark"] #omidM .omidM__qBtn, html[data-omid-theme="dark"] #omidM .omidM__footCta, html[data-omid-theme="dark"] #omidM .omidM__x, html[data-omid-theme="dark"] #omidM .om-color-button, html[data-omid-theme="dark"] #omidH .om-color-button { background:var(--om-color-soft)!important;color:var(--om-color-text)!important;border-color:var(--om-color-line)!important; } html[data-omid-theme="dark"] #omidM .omidM__txt, html[data-omid-theme="dark"] #omidM .omidM__chev, html[data-omid-theme="dark"] #omidM .omidM__qTxt, html[data-omid-theme="dark"] #omidM .omidM__qIcon, html[data-omid-theme="dark"] #omidM .omidM__sub a { color:var(--om-color-text)!important;-webkit-text-fill-color:var(--om-color-text)!important; } html[data-omid-theme="dark"] #omidM .omidM__x::before, html[data-omid-theme="dark"] #omidM .omidM__x::after { background:var(--om-color-text)!important; } html[data-omid-theme="dark"] #omidM .omidM__acc--hospital { background:#0f766e!important;color:#fff!important;border-color:#168e84!important; } html[data-omid-theme="dark"] #omidM .omidM__acc--hospital .omidM__txt, html[data-omid-theme="dark"] #omidM .omidM__acc--hospital .omidM__chev { color:#fff!important;-webkit-text-fill-color:#fff!important; } html[data-omid-theme="dark"] #omidM .omidM__groupTitle, html[data-omid-theme="dark"] #omidH .omidH__title { color:var(--om-color-accent)!important; } html[data-omid-theme="dark"] #omidM .omidM__qBtn:hover, html[data-omid-theme="dark"] #omidM .omidM__acc:not(.omidM__acc--hospital):hover, html[data-omid-theme="dark"] #omidM .omidM__sub a:hover { background:var(--om-color-soft)!important;color:var(--om-color-accent)!important;border-color:var(--om-color-accent)!important; } html[data-omid-theme="dark"] #omidH .omidH__dd, html[data-omid-theme="dark"] #omidM .omidM__sub { background:var(--om-color-surface)!important;color:var(--om-color-text)!important;border-color:var(--om-color-line)!important; } html[data-omid-theme="dark"] #omidH .omidH__link:not(.omidH__link--hospital), html[data-omid-theme="dark"] #omidH .omidH__a:not(.omidH__a--cta) { color:var(--om-color-text)!important;-webkit-text-fill-color:var(--om-color-text)!important; } html[data-omid-theme="dark"] #omidM .omidM__sub a:not(.omidM__hospSite) { background:transparent!important;border-color:var(--om-color-line)!important; } html[data-omid-theme="dark"] #omidH .omidH__a--cta, html[data-omid-theme="dark"] #omidM .omidM__hospSite { background:#0f766e!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:#168e84!important; } html[data-omid-theme="dark"] .omid-riasat { --paper:var(--om-color-surface);--paper-alt:var(--om-color-soft);--ink:var(--om-color-text);--ink-soft:var(--om-color-muted);--line:var(--om-color-line); } html[data-omid-theme="dark"] .omid-riasat .r-stars { color:#f3c66a!important; } html[data-omid-theme="dark"] .omid-riasat a.btn-social, html[data-omid-theme="dark"] .omid-riasat a.btn-linkedin, html[data-omid-theme="dark"] .omid-riasat a.btn-instagram { color:#fff!important;-webkit-text-fill-color:#fff!important;border-bottom:0!important; } html[data-omid-theme="dark"] .omid-riasat .btn-social svg[fill="currentColor"] { fill:currentColor; } html[data-omid-theme="dark"] .oml-lang-fa .omed-page .hero::after, html[data-omid-theme="dark"] .oml-lang-ar .omed-page .hero::after { background:linear-gradient(to top,rgba(4,32,38,.93) 0%,rgba(4,32,38,.74) 38%,rgba(4,32,38,.2) 72%,rgba(4,32,38,.06) 100%),linear-gradient(to left,rgba(4,32,38,.55) 0%,rgba(4,32,38,0) 58%)!important; } html[data-omid-theme="dark"] .oml-lang-en .omed-page .hero::before { background:radial-gradient(circle,rgba(20,184,166,.15) 0%,transparent 70%)!important; } html[data-omid-theme="dark"] .oml-lang-en .omed-page .hero::after { background:radial-gradient(circle,rgba(6,182,212,.12) 0%,transparent 70%)!important; } html[data-omid-theme="dark"] .omed-page .stat-num { background:none!important;background-image:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;color:var(--om-color-accent)!important;-webkit-text-fill-color:var(--om-color-accent)!important; } html[data-omid-theme="dark"] .omed-page .hero-stats { background:var(--om-color-surface)!important;border-color:var(--om-color-line)!important; } html[data-omid-theme="dark"] .omed-page .stat-label { color:var(--om-color-muted)!important; } html[data-omid-theme="dark"] .omed-page a.hero-btn--gold { background:#7d7126!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-bottom:0!important; } html[data-omid-theme="dark"] .omed-page a.hero-btn--gold:hover { background:#655b1e!important; } html[data-omid-theme="dark"] .omed-page a.hero-btn--ghost, html[data-omid-theme="dark"] .omed-page a.hero-tel { background:var(--om-color-soft)!important;color:var(--om-color-text)!important;-webkit-text-fill-color:var(--om-color-text)!important;border:1px solid var(--om-color-line)!important; } html[data-omid-theme="dark"] .omed-page .hero-tel-num, html[data-omid-theme="dark"] .omed-page .hero-tel-label { color:inherit!important;-webkit-text-fill-color:inherit!important; } html[data-omid-theme="dark"] .omed-page a.section-cta-btn, html[data-omid-theme="dark"] .omed-page a.route-btn.primary, html[data-omid-theme="dark"] .omed-page .form-submit, html[data-omid-theme="dark"] .omed-page .posts-retry, html[data-omid-theme="dark"] .omed-page .map-fallback a { background:#00636b!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-bottom:0!important; } html[data-omid-theme="dark"] .omed-page a.section-cta-btn:hover, html[data-omid-theme="dark"] .omed-page a.route-btn.primary:hover, html[data-omid-theme="dark"] .omed-page .form-submit:hover, html[data-omid-theme="dark"] .omed-page .posts-retry:hover, html[data-omid-theme="dark"] .omed-page .map-fallback a:hover { background:#004851!important; } html[data-omid-theme="dark"] .omed-page .service-icon, html[data-omid-theme="dark"] .omed-page .access-icon, html[data-omid-theme="dark"] .omed-page .faq-num, html[data-omid-theme="dark"] .omed-page .f-ic { background:#00636b!important;color:#fff!important; } html[data-omid-theme="dark"] .omed-page .faq-item.active .faq-icon { background:#00636b!important;color:#fff!important; } html[data-omid-theme="dark"] .omed-page .dept-link:hover { background:#00636b!important;color:#fff!important; } html[data-omid-theme="dark"] .omed-page .service-icon svg, html[data-omid-theme="dark"] .omed-page .access-icon svg, html[data-omid-theme="dark"] .omed-page .faq-num svg { color:#fff!important;stroke:#fff!important; } html[data-omid-theme="dark"] .omed-page .f-ic svg { fill:#fff!important; } html[data-omid-theme="dark"] .omed-page .form-input, html[data-omid-theme="dark"] .omed-page .form-select, html[data-omid-theme="dark"] .omed-page .form-textarea { background-color:var(--om-color-surface)!important;color:var(--om-color-text)!important;border-color:var(--om-color-line)!important; } html[data-omid-theme="dark"] .omed-page .form-label { color:var(--om-color-text)!important; } html[data-omid-theme="dark"] .omed-page .omidHospitalMap button.omidHospitalMap__load { color:var(--om-color-accent)!important;-webkit-text-fill-color:var(--om-color-accent)!important; } html[data-omid-theme="dark"] .om-site-main .om-share-box a { color:var(--om-color-text)!important;background:var(--om-color-surface)!important;border-color:var(--om-color-line)!important; } html[data-omid-theme="dark"] .om-share-box svg [stroke="#686C79"], html[data-omid-theme="dark"] .om-share-box svg [stroke="#686c79"] { stroke:var(--om-color-text)!important; } html[data-omid-theme="dark"] .om-share-box svg [fill="#686C79"], html[data-omid-theme="dark"] .om-share-box svg [fill="#686c79"], html[data-omid-theme="dark"] .om-share-box svg [fill="#000"], html[data-omid-theme="dark"] .om-share-box svg [fill="#000000"], html[data-omid-theme="dark"] .om-share-box svg [fill="#004851"], html[data-omid-theme="dark"] .om-share-box svg [fill="#0f172a"] { fill:var(--om-color-text)!important; } html[data-omid-theme="dark"] .om-share-box svg [fill="#0B66C2"] { fill:#70b5f9!important; } html[data-omid-theme="dark"] .om-page-content .page-wrapper > div[style*="background: #fff"] { background:var(--om-color-soft)!important;border-color:var(--om-color-line)!important; } html[data-omid-theme="dark"] .om-page-content .page-wrapper > div[style*="background: #fff"] > div { color:var(--om-color-muted)!important; } html[data-omid-theme="dark"] .gform_wrapper .gfield--type-radio, html[data-omid-theme="dark"] body #gform_wrapper_37 .gfield--type-radio { background:var(--om-color-soft)!important;border-color:var(--om-color-line)!important; } html[data-omid-theme="dark"] .gform_wrapper .gfield--type-radio .gchoice label, html[data-omid-theme="dark"] body #gform_wrapper_37 .gfield--type-radio .gchoice label { background:var(--om-color-surface)!important;color:var(--om-color-text)!important;border-color:var(--om-color-line)!important; } html[data-omid-theme="dark"] .gform_wrapper .gfield--type-radio .gchoice .gfield-choice-input:checked + label, html[data-omid-theme="dark"] body #gform_wrapper_37 .gfield--type-radio .gchoice .gfield-choice-input:checked + label { background:#00636b!important;color:#fff!important;border-color:#00636b!important; } html[data-omid-theme="dark"] .gform_wrapper .gfield--type-radio .gchoice .gfield-choice-input:focus-visible + label { outline:3px solid var(--om-color-accent);outline-offset:3px; } } @media print { .om-color-control { display:none!important; } .om-site-main .om-page-content :is(h1,h2,h3,h4,h5,h6,p,li,a,label,legend,.stat-num,.stat-label) { color:#173338!important; -webkit-text-fill-color:#173338!important; } .om-site-main .om-page-content .stat-num { background:none!important; background-image:none!important; -webkit-background-clip:border-box!important; background-clip:border-box!important; } .om-site-main .om-page-content :is(a.hero-btn,a.section-cta-btn,a.route-btn,a.btn-social,a.btn-linkedin,a.btn-instagram,.form-submit) { color:#173338!important; -webkit-text-fill-color:#173338!important; background:#fff!important; border:1px solid #536b70!important; box-shadow:none!important; } body #gform_wrapper_37 .gfield--type-radio .gchoice .gfield-choice-input:checked + label { background:#fff!important; color:#173338!important; border:2px solid #173338!important; } } /* * Wreath order form — Omid dark-mode compatibility * * Load after omid-wreath-order.css (for example, as the final compatibility * stylesheet after omid-color-repairs.css). This file intentionally changes * only colours, backgrounds, borders and native colour-scheme on the wreath * form; it does not alter prices, values, layout, visibility or behaviour. */ /* The plugin's live notice is .woocommerce-info.omico-urmia-delivery-notice; * the Omid instant-checkout template uses .om-urmia-delivery-notice. Both are * Persian wreath notices, so the requested physical RTL edge is the right. * Deliberately set only the two inline side borders: any top/bottom border * supplied by WooCommerce or Omid remains intact. */ @media screen and (forced-colors: none) { body.mcs-wreath-product :is(.woocommerce-info.omico-urmia-delivery-notice, .om-urmia-delivery-notice) { border-right: 3px solid #817324 !important; border-left: 0 !important; } } /* Explicit Omid dark mode. Keep this screen-only so forced-colors and print * retain their own user-agent/theme treatment. */ @media screen and (forced-colors: none) { html[data-omid-theme="dark"] :is(.om-store-order--wreath, body.mcs-wreath-product form.cart, #omIco) { --om-wreath-teal: var(--om-color-accent); --om-wreath-gold: #d5bd63; --om-wreath-action: #00636b; --om-wreath-action-hover: #004851; --om-wreath-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 7.5l5 5 5-5' fill='none' stroke='%23e5efef' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); color-scheme: dark; } html[data-omid-theme="dark"] body.mcs-wreath-product :is(.woocommerce-info.omico-urmia-delivery-notice, .om-urmia-delivery-notice) { border-right-color: #d5bd63 !important; } html[data-omid-theme="dark"] .om-store-order--wreath { background: var(--om-color-surface) !important; border-color: var(--om-color-line) !important; color: var(--om-color-text) !important; } html[data-omid-theme="dark"] :is(.om-store-order--wreath, body.mcs-wreath-product form.cart, #omIco) .om-store-order__header { border-color: var(--om-color-line) !important; } html[data-omid-theme="dark"] :is(.om-store-order--wreath, body.mcs-wreath-product form.cart, #omIco) :is( .om-store-order__eyebrow, .om-field-row label, .mcs-static-destination .mcs-static-location-label ) { color: var(--om-color-text) !important; -webkit-text-fill-color: var(--om-color-text) !important; } html[data-omid-theme="dark"] :is(.om-store-order--wreath, body.mcs-wreath-product form.cart, #omIco) :is( .om-store-order__notice, .om-recipient-self, .om-donation-section ) { background: var(--om-color-soft) !important; border-color: var(--om-color-line) !important; color: var(--om-color-text) !important; } html[data-omid-theme="dark"] :is(.om-store-order--wreath, body.mcs-wreath-product form.cart, #omIco) :is( .om-store-order__notice, .om-recipient-self small, .om-donation-section__head span, .om-calendar-helper label, .mcs-fixed-location-badge ) { color: var(--om-color-muted) !important; -webkit-text-fill-color: var(--om-color-muted) !important; } /* Current component plus the native legacy form and #omIco field renderer. */ html[data-omid-theme="dark"] :is( .om-store-order--wreath, body.mcs-wreath-product form.cart, #omIco ) :is( input:not([type="checkbox"],[type="radio"],[type="hidden"]), textarea, select ) { background-color: var(--om-color-surface) !important; border-color: var(--om-color-line) !important; color: var(--om-color-text) !important; -webkit-text-fill-color: var(--om-color-text) !important; color-scheme: dark !important; } html[data-omid-theme="dark"] :is( .om-store-order--wreath, body.mcs-wreath-product form.cart, #omIco ) :is(input, textarea)::placeholder { color: var(--om-color-muted) !important; -webkit-text-fill-color: var(--om-color-muted) !important; } html[data-omid-theme="dark"] :is( .om-store-order--wreath, body.mcs-wreath-product form.cart, #omIco ) :is(input, textarea, select):is(:hover, :focus, :focus-visible) { border-color: var(--om-color-accent) !important; } html[data-omid-theme="dark"] :is( .om-store-order--wreath, body.mcs-wreath-product form.cart, #omIco ) :is(input, textarea, select):is(:focus, :focus-visible) { outline-color: var(--om-color-accent) !important; } html[data-omid-theme="dark"] :is( .om-store-order--wreath, body.mcs-wreath-product form.cart, #omIco ) select option { background-color: var(--om-color-surface) !important; color: var(--om-color-text) !important; } /* The source sheet already removes native select chrome. Replace its dark * teal SVG with one pale arrow, rather than adding a second indicator. */ html[data-omid-theme="dark"] :is( :is(.om-store-order--wreath, body.mcs-wreath-product form.cart, #omIco) select, body.mcs-wreath-product form.cart select, #omIco select[data-field], #om_field_delivery_time ) { background-image: var(--om-wreath-select-arrow) !important; background-color: var(--om-color-surface) !important; border-color: var(--om-color-line) !important; color: var(--om-color-text) !important; -webkit-text-fill-color: var(--om-color-text) !important; color-scheme: dark !important; } /* Province/city display values are static text, never selects: no arrow. */ html[data-omid-theme="dark"] :is( :is(.om-store-order--wreath, body.mcs-wreath-product form.cart, #omIco) .mcs-static-location-value, body.mcs-wreath-product form.cart .mcs-static-location-value, #omIco .mcs-static-location-value, #om_field_delivery_state-display, #om_field_delivery_city, #omIco [data-mcs-location-display], body.mcs-wreath-product form.cart [data-mcs-location-display] ) { background-color: var(--om-color-soft) !important; background-image: none !important; border-color: var(--om-color-line) !important; color: var(--om-color-text) !important; -webkit-text-fill-color: var(--om-color-text) !important; color-scheme: dark !important; } html[data-omid-theme="dark"] :is(.om-store-order--wreath, body.mcs-wreath-product form.cart, #omIco) .om-donation-btn { background: var(--om-color-surface) !important; border-color: var(--om-color-line) !important; color: var(--om-color-text) !important; -webkit-text-fill-color: var(--om-color-text) !important; } html[data-omid-theme="dark"] :is(.om-store-order--wreath, body.mcs-wreath-product form.cart, #omIco) .om-donation-btn:is(:hover, :focus, :focus-visible) { background: var(--om-color-soft) !important; border-color: var(--om-color-accent) !important; color: var(--om-color-text) !important; -webkit-text-fill-color: var(--om-color-text) !important; } html[data-omid-theme="dark"] :is(.om-store-order--wreath, body.mcs-wreath-product form.cart, #omIco) .om-donation-btn.is-active { background: var(--om-wreath-action) !important; border-color: var(--om-wreath-action) !important; color: #fff !important; -webkit-text-fill-color: #fff !important; } html[data-omid-theme="dark"] :is(.om-store-order--wreath, body.mcs-wreath-product form.cart, #omIco) .om-donation-btn.is-active:is(:hover, :focus, :focus-visible) { background: var(--om-wreath-action-hover) !important; border-color: var(--om-color-accent) !important; color: #fff !important; -webkit-text-fill-color: #fff !important; } html[data-omid-theme="dark"] :is(.om-store-order--wreath, body.mcs-wreath-product form.cart, #omIco) .om-donation-summary { background: var(--om-color-surface) !important; border-color: var(--om-color-line) !important; color: var(--om-color-text) !important; } html[data-omid-theme="dark"] :is(.om-store-order--wreath, body.mcs-wreath-product form.cart, #omIco) .om-sum-total { border-color: var(--om-color-line) !important; color: var(--om-color-accent) !important; -webkit-text-fill-color: var(--om-color-accent) !important; } html[data-omid-theme="dark"] :is( body.mcs-wreath-product form.cart .single_add_to_cart_button, body.mcs-wreath-product form.cart .om-buy-now, #omIco .single_add_to_cart_button, #omIco .om-buy-now ) { background: #00636b !important; border-color: #00636b !important; color: #fff !important; -webkit-text-fill-color: #fff !important; color-scheme: dark !important; } html[data-omid-theme="dark"] :is( body.mcs-wreath-product form.cart .single_add_to_cart_button, body.mcs-wreath-product form.cart .om-buy-now, #omIco .single_add_to_cart_button, #omIco .om-buy-now ):is(:hover, :focus, :focus-visible) { background: #004851 !important; border-color: var(--om-color-accent) !important; color: #fff !important; -webkit-text-fill-color: #fff !important; outline-color: var(--om-color-accent) !important; } html[data-omid-theme="dark"] :is( .om-store-order--wreath, body.mcs-wreath-product form.cart, #omIco ) :is(input, textarea, select, button):disabled { background-color: var(--om-color-soft) !important; border-color: var(--om-color-line) !important; color: var(--om-color-muted) !important; -webkit-text-fill-color: var(--om-color-muted) !important; } /* Match the real recipient checkbox's custom source painting. Both states * remain distinct without reintroducing a pseudo-control or changing state. */ html[data-omid-theme="dark"] :is( body.mcs-wreath-product #om_field_receiver_is_customer, body.mcs-wreath-product form.cart input[name="om_field_receiver_is_customer"], body.mcs-wreath-product form.cart input[name="receiver_is_customer"], #omIco input[data-field="receiver_is_customer"], #omIco input[name="om_field_receiver_is_customer"], #omIco input[name="receiver_is_customer"] )[type="checkbox"] { background-color: var(--om-color-surface) !important; border-color: var(--om-color-line) !important; color: var(--om-color-accent) !important; color-scheme: dark !important; } html[data-omid-theme="dark"] :is( body.mcs-wreath-product #om_field_receiver_is_customer, body.mcs-wreath-product form.cart input[name="om_field_receiver_is_customer"], body.mcs-wreath-product form.cart input[name="receiver_is_customer"], #omIco input[data-field="receiver_is_customer"], #omIco input[name="om_field_receiver_is_customer"], #omIco input[name="receiver_is_customer"] )[type="checkbox"]:checked { background-color: #00636b !important; border-color: #00636b !important; } html[data-omid-theme="dark"] :is( body.mcs-wreath-product #om_field_receiver_is_customer, body.mcs-wreath-product form.cart input[name="om_field_receiver_is_customer"], body.mcs-wreath-product form.cart input[name="receiver_is_customer"], #omIco input[data-field="receiver_is_customer"], #omIco input[name="om_field_receiver_is_customer"], #omIco input[name="receiver_is_customer"] )[type="checkbox"]:is(:hover, :focus, :focus-visible) { border-color: var(--om-color-accent) !important; outline-color: var(--om-color-accent) !important; } html[data-omid-theme="dark"] :is( body.mcs-wreath-product #om_field_receiver_is_customer, body.mcs-wreath-product form.cart input[name="om_field_receiver_is_customer"], body.mcs-wreath-product form.cart input[name="receiver_is_customer"], #omIco input[data-field="receiver_is_customer"], #omIco input[name="om_field_receiver_is_customer"], #omIco input[name="receiver_is_customer"] )[type="checkbox"]:disabled { background-color: var(--om-color-soft) !important; border-color: var(--om-color-line) !important; } } /* OS dark fallback only when the Omid selector has not been set yet. This is * intentionally separate from the explicit block above, matching Omid's * html:not([data-omid-theme]) fallback convention. */ @media screen and (forced-colors: none) { html[data-omid-theme="dark"] :is(.om-store-order--wreath, body.mcs-wreath-product form.cart, #omIco) :is(.om-store-order__header h2,.om-field-group-title,.om-donation-section__head strong) { color:var(--om-color-accent)!important;-webkit-text-fill-color:var(--om-color-accent)!important; } html[data-omid-theme="dark"] body.mcs-wreath-product :is(.woocommerce-info.omico-urmia-delivery-notice,.om-urmia-delivery-notice) { background:var(--om-color-soft)!important;color:var(--om-color-text)!important;border-top-color:var(--om-color-line)!important;border-bottom-color:var(--om-color-line)!important; } } /* Hospital crest + telephone bidi repair. No logo asset, tel target or layout replacement. */ .om-page-content .omed-page a.faq-tel, .om-page-content .omed-page a.faq-tel > bdi { direction: ltr !important; unicode-bidi: isolate !important; white-space: nowrap !important; } @media screen and (forced-colors: none) { html[data-omid-theme="dark"] body .om-con.om-el-98b064c > .om-wid.om-el-9640233 img { background: transparent !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; filter: brightness(0) invert(1) !important; } } /* 3.1.6: ONLY the hospital trigger label (black, as requested), never submenu links/titles. */ #omidH .omidH__item--hospital > .omidH__link--hospital, #omidH .omidH__item--hospital > .omidH__link--hospital :is(span,.omidH__label,.omidH__chev), #omidM .omidM__acc--hospital, #omidM .omidM__acc--hospital :is(.omidM__txt,.omidM__chev), html[data-omid-theme] #omidH .omidH__link--hospital, html[data-omid-theme] #omidH .omidH__link--hospital :is(span,.omidH__label,.omidH__chev), html[data-omid-theme] #omidM .omidM__acc--hospital :is(.omidM__txt,.omidM__chev) { color:#000!important; -webkit-text-fill-color:#000!important; } @media screen { /* The segmented wrapper has its own background, separate from its links. */ html[data-omid-theme="dark"] #omidH .omidLang.omidLang--header { background:var(--om-color-surface)!important; border-color:var(--om-color-line)!important; } html[data-omid-theme="dark"] #omidH .omidLang.omidLang--header > .omidH__lang, html[data-omid-theme="dark"] #omidM .omidLang.omidLang--drawer > .omidM__qLang { background:var(--om-color-surface)!important; color:var(--om-color-text)!important; -webkit-text-fill-color:var(--om-color-text)!important; border-color:transparent!important; } html[data-omid-theme="dark"] #omidH .omidLang.omidLang--header > .omidH__lang:is(:hover,:focus-visible,.is-current), html[data-omid-theme="dark"] #omidM .omidLang.omidLang--drawer > .omidM__qLang:is(:hover,:focus-visible,.is-current) { background:var(--om-color-soft)!important; color:var(--om-color-accent)!important; -webkit-text-fill-color:var(--om-color-accent)!important; border-color:var(--om-color-line)!important; outline-color:var(--om-color-accent)!important; } body.single-product .om-sproduct__share > a { color:#004851; } /* Product icons inherit their button colour; do not fill the outline link icon. */ html[data-omid-theme="dark"] body.single-product .om-sproduct__share > a { color:var(--om-color-accent)!important; background:var(--om-color-soft)!important; border-color:var(--om-color-line)!important; } html[data-omid-theme="dark"] body.single-product .om-sproduct__share .om-share-label { color:var(--om-color-text)!important; } body.single-product .om-sproduct__share > a svg:not([fill="none"]) path { fill:currentColor!important; stroke:none!important; } body.single-product .om-sproduct__share > a svg[fill="none"] path { fill:none!important; stroke:currentColor!important; } html[data-omid-theme="dark"] body.single-product .om-sproduct__share > a:is(:hover,:focus-visible) { color:var(--om-color-text)!important; background:var(--om-color-surface)!important; outline-color:var(--om-color-accent)!important; } /* Article/widget/donation/sidebar shells, not images or banking details. */ html[data-omid-theme="dark"] body :is(.om-aside,.om-aside__box,.omSideMount,.omSide,.omW,.om-woo-aside,.om-woo-aside__box,.om-share-col,.category-aside) { background-color:var(--om-color-surface)!important; color:var(--om-color-text)!important; border-color:var(--om-color-line)!important; } html[data-omid-theme="dark"] body .omSide { --t:var(--om-color-text);--m:var(--om-color-muted);--bd:var(--om-color-line); } html[data-omid-theme="dark"] body .omSide :is(.card,.ussd) { background:var(--om-color-surface)!important; color:var(--om-color-text)!important; border-color:var(--om-color-line)!important; } html[data-omid-theme="dark"] body .omSide :is(.title,.sub strong) { color:var(--om-color-accent)!important; } html[data-omid-theme="dark"] body .omSide :is(.sub,.num) { color:var(--om-color-text)!important; } html[data-omid-theme="dark"] body .omSide .copyBtn { background:var(--om-color-soft)!important; color:var(--om-color-accent)!important; border-color:var(--om-color-line)!important; } html[data-omid-theme="dark"] body .omSide .btn { background:#00636b!important;color:#fff!important;border-color:#168e84!important; } html[data-omid-theme="dark"] body .omSide .hr { background:var(--om-color-line)!important; } html[data-omid-theme="dark"] body :is(.om-aside__box,.om-woo-aside,.om-share-col) :is(.widget_block,.widget_text,.widget_search,.widget_categories,.widget_recent_entries) { background-color:var(--om-color-surface)!important; color:var(--om-color-text)!important; border-color:var(--om-color-line)!important; } html[data-omid-theme="dark"] body .omW :is(.omW__t,.om-mini-title,.om-cat-list a), html[data-omid-theme="dark"] body .category-aside :is(h3,a) { color:var(--om-color-text)!important; } } /* omid-contact-faq */ /* Keep telephone digits and their prefixes together inside RTL prose. */ body a[href^="tel:" i], body :is(.omc-phone,.phone-number,[itemprop="telephone"],.od-detail-value.is-ltr) { direction: ltr !important; unicode-bidi: isolate !important; word-break: normal !important; overflow-wrap: normal !important; } body :is(a.omid-phone-number,.omc-phone,.phone-number), body a[href^="tel:" i] bdi { display: inline-block; direction: ltr !important; unicode-bidi: isolate !important; white-space: nowrap !important; word-break: normal !important; overflow-wrap: normal !important; } /* The parent reset applies white-space:nowrap to every button. FAQ titles need to wrap within the row instead of disappearing behind overflow:hidden. */ body :is(.faq-doctors-section,.omed-page,.omid-faq-section,.omid-faq-en) :is(.faq-question,.omid-faq-question,.of-summary), body .omid-faq :is(.omid-faq__q,button.q) { box-sizing: border-box; width: 100% !important; min-width: 0; max-width: 100%; display: flex !important; align-items: flex-start !important; white-space: normal !important; text-align: start !important; gap: 12px !important; } body :is(.faq-doctors-section,.omed-page,.omid-faq-section,.omid-faq-en) :is(.faq-question-text,.of-qwrap), body .omid-faq-section .omid-faq-q-text, body .omid-faq :is(.omid-faq__qtext,.qtxt) { flex: 1 1 0%; min-width: 0; max-width: 100%; white-space: normal !important; overflow-wrap: anywhere; word-break: normal; text-align: start !important; } body :is(.faq-doctors-section,.omed-page) .faq-question-text { align-items: flex-start; } body :is(.faq-doctors-section,.omed-page,.omid-faq-section,.omid-faq-en) :is(.faq-question h4,.omid-faq-q-text,.of-question), body .omid-faq .qtxt { margin: 0 !important; min-width: 0; font-size: 16px !important; line-height: 1.8 !important; white-space: normal !important; text-align: start !important; overflow-wrap: anywhere; word-break: normal; } body :is(.faq-doctors-section,.omed-page,.omid-faq-section,.omid-faq-en) :is(.faq-icon,.omid-faq-icon,.of-icon) { flex: 0 0 24px !important; width: 24px !important; min-width: 24px; } body :is(.faq-doctors-section,.omed-page,.omid-faq-section,.omid-faq-en,.omid-faq,.hope-faq,.faq-list) :is(.faq-answer-inner,.omid-faq-answer-inner,.of-answer,.omid-faq-answer,.omid-faq__a,.omid-faq__aInner,.hope-faq__a,.faq-a,.ain) { box-sizing: border-box; max-width: 100%; min-width: 0; text-align: start !important; font-size: 16px !important; line-height: 1.9 !important; white-space: normal; overflow-wrap: anywhere; word-break: normal; } body :is(.faq-doctors-section,.omed-page,.omid-faq-section,.omid-faq-en,.omid-faq,.hope-faq,.faq-list) :is(.faq-answer-inner,.omid-faq-answer-inner,.of-answer,.omid-faq-answer,.omid-faq__a,.omid-faq__aInner,.hope-faq__a,.faq-a,.ain) :is(p,li) { font-size: inherit !important; line-height: inherit !important; text-align: start !important; white-space: normal !important; } body :is(.faq-doctors-section,.omed-page,.omid-faq-section,.omid-faq-en) :is(.faq-answer-inner,.omid-faq-answer-inner,.of-answer) { padding: 14px 20px 20px !important; } body :is(.faq-doctors-section,.omed-page,.omid-faq-section,.omid-faq-en) :is(.faq-question,.omid-faq-question,.of-summary):focus-visible, body .omid-faq button.q:focus-visible { outline: 2px solid currentColor !important; outline-offset: -3px; } /* Long answers must grow with their content instead of hitting a fixed ceiling. */ body .faq-item.active > .faq-answer, body .omid-faq-item.omid-active > .omid-faq-answer, body [data-omid-faq-panel]:not([hidden]) { max-height: none !important; height: auto !important; } body [data-omid-faq-panel][hidden] { display: none !important; } @media (max-width: 767px) { body :is(.faq-doctors-section,.omid-faq-en) :is(.faq-container,.of-container), body .omid-faq-section .omid-faq-container { padding-inline: 0 !important; width: 100%; min-width: 0; } body :is(.faq-doctors-section,.omed-page,.omid-faq-section,.omid-faq-en) :is(.faq-question,.omid-faq-question,.of-summary), body .omid-faq button.q { padding: 14px 12px !important; gap: 10px !important; } body :is(.faq-doctors-section,.omed-page) .faq-question-text { gap: 8px !important; } body :is(.faq-doctors-section,.omed-page,.omid-faq-section,.omid-faq-en) :is(.faq-question h4,.omid-faq-q-text,.of-question), body .omid-faq .qtxt { font-size: 15px !important; } body :is(.faq-doctors-section,.omed-page,.omid-faq-section,.omid-faq-en,.omid-faq,.hope-faq,.faq-list) :is(.faq-answer-inner,.omid-faq-answer-inner,.of-answer,.omid-faq-answer,.omid-faq__a,.omid-faq__aInner,.hope-faq__a,.faq-a,.ain) { font-size: 15px !important; line-height: 1.9 !important; } body :is(.faq-doctors-section,.omed-page,.omid-faq-section,.omid-faq-en) :is(.faq-answer-inner,.omid-faq-answer-inner,.of-answer) { padding: 12px 14px 16px !important; } }