/* EmployMENA site-wide brand fixes (team feedback 2026-10-08). Loaded on every front-end page. */

/* F15/F37: the theme's default palette is blue (#2872fa / #1559ed); header icons, the search window and the search
   results page use the EmployMENA teal instead. Scoped to those areas, so page content is untouched. */
#header,#offcanvas,#search-modal,body.search{
  --theme-palette-color-1:#0A7F8B;--theme-palette-color-2:#086B75;--theme-palette-color-3:#42555C;--theme-palette-color-4:#0F1E24;
  --theme-link-initial-color:#0A6B75;--theme-link-hover-color:#086B75;
  --theme-button-background-initial-color:#0A7F8B;--theme-button-background-hover-color:#086B75;
  --theme-form-field-border-focus-color:#0995A3}
#search-modal{background-color:rgba(7,45,51,.97) !important}
#search-modal .ct-search-form .wp-element-button{background-color:#0A7F8B !important;color:#fff !important;border-color:#0A7F8B !important}
#search-modal .ct-search-form .wp-element-button:hover,#search-modal .ct-search-form .wp-element-button:focus-visible{background-color:#086B75 !important}
#search-modal .ct-search-form .wp-element-button svg{fill:#fff}
#search-modal .ct-pseudo-input:focus-within,#search-modal .ct-search-form-inner:focus-within{border-color:#7FD3DB !important;box-shadow:0 0 0 1px #7FD3DB}
#search-modal .ct-toggle-close svg{fill:rgba(234,246,246,.8)}
#search-modal .ct-toggle-close:hover svg{fill:#FAAE43}
body.search .ct-search-form .wp-element-button{background-color:#0A7F8B;border-color:#0A7F8B;color:#fff}
body.search .entry-title a:hover,body.search .page-numbers:hover,body.search .page-numbers.current{color:#0A7F8B}

/* F21/F22: the footer language switch carries the same globe symbol and names as the header; the current language is marked */
.hireba-footer-lang .hb-lang-icon{flex:none;color:rgba(234,246,246,.72);opacity:1}
.hireba-footer-lang a[aria-current]{color:#fff !important;font-weight:600}
.hireba-footer-lang .hb-lang-sep{color:rgba(234,246,246,.4)}

/* F38: the logo sits on the navigation's centre line in every header (the light pages used a block box, top-aligned) */
#header .site-branding .site-logo-container{display:flex;align-items:center;padding-block:7px}
#header .site-branding .site-logo-container img{display:block}

/* F39/F13: in-page jumps stop below the fixed header instead of under it */
html{scroll-padding-top:84px}
@media (max-width:999px){html{scroll-padding-top:76px}}

/* ======================================================================
   EXPERT-REVIEW ROUND 2 PREVIEW (isolated copy only; not on production)
   ====================================================================== */
/* E52 (final, owner decision 2026-10-10): the Arabic desktop header keeps the logo on the left (builder rule unchanged). Only the
   actions are reordered so the visual right-to-left order matches the keyboard (DOM) order: menu items, then Request a Quote,
   then the language switch, then search. Desktop only; the phone/off-canvas menu is untouched. */
@media (min-width:1000px){
  [dir="rtl"] .ct-header:not(.ct-panel) [data-id="menu"] > ul > li.hireba-nav-cta{order:1 !important}
  [dir="rtl"] .ct-header:not(.ct-panel) [data-id="menu"] > ul > li.hireba-lang-item{order:2 !important}
  [dir="rtl"] .ct-header:not(.ct-panel) [data-column="end"] > [data-items] > [data-id="search"]{order:3 !important;margin-inline-start:20px !important}
  [dir="rtl"] .ct-header:not(.ct-panel) [data-id="menu"] > ul > li.hireba-nav-cta > a{margin-inline-start:20px !important;margin-inline-end:0 !important}
  [dir="rtl"] .ct-header:not(.ct-panel) [data-id="menu"] > ul > li.hireba-lang-item > a{margin-inline-start:12px !important;margin-inline-end:0 !important}
}
/* E13: header quote button in amber with dark text (≈9:1), hover darker amber, focus ring visible on dark and white headers */
/* specificity beats the builder's #menu-item-310 rule and the transparent-header white-text rules (ID + 6 classes) */
html body:not(.xr-a):not(.xr-b) .ct-header [data-row] .menu > li:is(#menu-item-310,#menu-item-544,.hireba-nav-cta).hireba-nav-cta > a.ct-menu-link{background:#FAAE43 !important;color:#0F1E24 !important}
html body:not(.xr-a):not(.xr-b) .ct-header [data-row] .menu > li:is(#menu-item-310,#menu-item-544,.hireba-nav-cta).hireba-nav-cta > a.ct-menu-link:hover{background:#F39F2C !important;color:#0F1E24 !important}
html body:not(.xr-a):not(.xr-b) .ct-header [data-row] .menu > li:is(#menu-item-310,#menu-item-544,.hireba-nav-cta).hireba-nav-cta > a.ct-menu-link:focus-visible{background:#F39F2C !important;color:#0F1E24 !important;outline:2px solid #0F1E24 !important;outline-offset:2px;box-shadow:0 0 0 5px #FFFFFF !important}
/* the phone/off-canvas menu carries the same quote button */
html body:not(.xr-a):not(.xr-b) #offcanvas li.hireba-nav-cta > a,html body:not(.xr-a):not(.xr-b) #offcanvas li.hireba-nav-cta > a.ct-menu-link{background:#FAAE43 !important;color:#0F1E24 !important}
html body:not(.xr-a):not(.xr-b) #offcanvas li.hireba-nav-cta > a:focus-visible{outline:2px solid #FFFFFF !important;outline-offset:2px}/* E10/E64: text roles: English small labels at least 13px (Arabic already 14–15px); notes 14px */
.pv:not([lang=ar]) .eb,.pv:not([lang=ar]) .lab,.pv:not([lang=ar]) .case-tag,.pv:not([lang=ar]) .fact dt,.pv:not([lang=ar]) .mk-k,
.pv:not([lang=ar]) .xr-cdr dt,.pv:not([lang=ar]) .arr-t,.pv:not([lang=ar]) .gk,.pv:not([lang=ar]) .cs,.pv:not([lang=ar]) .badge{font-size:13px !important}
.pv .meter span,.pv .fn i,.pv .step i,.pv .cmp em,.pv .lgl b{font-size:13px !important}
.pv .note,.pv .pf-note,.pv .lg-note{font-size:14px !important;line-height:1.6}
.pv[lang=ar] .note,.pv[lang=ar] .pf-note,.pv[lang=ar] .lg-note{font-size:15px !important}
/* E71: helper and secondary text on forms and cards: the builder's muted token measured 4.07:1 on white; #54666E ≈ 5.7:1 */
html:root{--hb2-muted:#54666E}

/* E12/E76: cookie panel in the brand palette, display only (texts, choices, consent and tracking unchanged).
   Reject and Accept are equal-size buttons side by side; Customize stays a visible control under them. */
.cookieadmin_law_container .cookieadmin_consent_inside{border-radius:12px !important;border:1px solid rgba(7,45,51,.14) !important;box-shadow:0 18px 40px -18px rgba(7,45,51,.45) !important;padding:18px 18px 14px !important;max-width:380px}
#cookieadmin_notice_title{font-weight:700 !important;color:#0F1E24 !important;font-size:16px !important;padding:0 !important;margin:0 0 6px !important}
.cookieadmin_notice_con{padding:0 !important}
#cookieadmin_notice{font-size:14px !important;line-height:1.55 !important;color:#42555C !important}
#cookieadmin_notice a{color:#0A6B75 !important;text-decoration:underline;text-underline-offset:2px}
.cookieadmin_consent_btns{display:grid !important;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px !important}
.cookieadmin_consent_btns .cookieadmin_btn{margin:0 !important;min-height:44px;border-radius:8px !important;font-size:15px !important;font-weight:650 !important;padding:8px 12px !important;border:1.5px solid #0A7F8B !important;cursor:pointer}
#cookieadmin_reject_button{background:#FFFFFF !important;color:#0A6B75 !important}
#cookieadmin_accept_button{background:#0A7F8B !important;color:#FFFFFF !important}
#cookieadmin_reject_button:hover{background:#EAF6F6 !important}
#cookieadmin_accept_button:hover{background:#086B75 !important;border-color:#086B75 !important}
#cookieadmin_customize_button{grid-column:1/-1;order:3;background:transparent !important;border-color:transparent !important;color:#0A6B75 !important;text-decoration:underline;text-underline-offset:3px;min-height:40px !important}
.cookieadmin_consent_btns .cookieadmin_btn:focus-visible{outline:2px solid #0F1E24 !important;outline-offset:2px}
@media (max-width:767px){
  .cookieadmin_law_container .cookieadmin_consent_inside{max-width:none;padding:14px 14px 10px !important}
  #cookieadmin_notice{font-size:13.5px !important}
  body .cookieadmin_law_container .cookieadmin_consent_btns{grid-template-columns:auto minmax(0,1fr) minmax(0,1fr) !important;margin-top:10px !important}
  body .cookieadmin_law_container .cookieadmin_notice_con{max-height:76px !important}
  body .cookieadmin_law_container #cookieadmin_notice{font-size:13px !important;line-height:1.45 !important}
  #cookieadmin_customize_button{grid-column:auto;order:0;padding-inline:6px !important}
}
.hireba-legal-links .xr-privacy-link{margin-inline-start:inherit;font-size:inherit;color:inherit}
/* preferences window: the same palette (Reject and Accept equal size; Save Preferences as an outlined secondary) */
#cookieadmin_reject_modal_button,#cookieadmin_prf_modal_button,#cookieadmin_accept_modal_button{min-height:44px;border-radius:8px !important;font-weight:650 !important;border:1.5px solid #0A7F8B !important;padding:8px 16px !important}
#cookieadmin_reject_modal_button,#cookieadmin_prf_modal_button{background:#FFFFFF !important;color:#0A6B75 !important}
#cookieadmin_accept_modal_button{background:#0A7F8B !important;color:#FFFFFF !important}
#cookieadmin_reject_modal_button:focus-visible,#cookieadmin_prf_modal_button:focus-visible,#cookieadmin_accept_modal_button:focus-visible,.cookieadmin_close_pref:focus-visible{outline:2px solid #0F1E24 !important;outline-offset:2px}
.cookieadmin_preference a,.cookieadmin_modal_overlay a{color:#0A6B75 !important}
body .cookieadmin_remark.cookieadmin_act,body [class*="cookieadmin"] a,body #cookieadmin_notice a{color:#0A6B75 !important}
body .cookieadmin_toggle input:checked + .cookieadmin_slider{background-color:#0A7F8B !important}
/* E66: the floating privacy control is hidden only after the footer (or in-page) Privacy settings button is wired to it */
body.xr-privacy-ready .cookieadmin_re_consent{display:none !important}
.xr-privacy-link{appearance:none;background:none;border:0;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;text-decoration:none}
.xr-privacy-link:hover{text-decoration:underline}
.xr-privacy-link:focus-visible{outline:2px solid #7FD3DB;outline-offset:3px;border-radius:2px}

/* E68: phone bar with WhatsApp (the site's existing link) + Request a Quote. Hidden while the cookie panel or preferences are
   open and while a form field has focus; quote and booking pages show WhatsApp only. No new tracking. */
#xr-wabar{display:none}
@media (max-width:767px){
  body.xr-wa-on #xr-wabar{position:fixed;inset-inline:0;bottom:0;z-index:9990;display:flex;gap:8px;padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px));background:rgba(255,255,255,.97);border-top:1px solid rgba(7,45,51,.13);box-shadow:0 -6px 18px -10px rgba(7,45,51,.35)}
  body.xr-wa-on{padding-bottom:calc(68px + env(safe-area-inset-bottom,0px))}
  body.xr-wa-on.xr-wa-hide #xr-wabar{display:none}
  body.xr-wa-on.xr-wa-hide{padding-bottom:0}
  html:has(body.xr-wa-on:not(.xr-wa-hide)){scroll-padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))} /* round 3: keyboard focus never lands behind the bar (WCAG 2.4.11) */
  body.xr-wa-on:not(.xr-wa-hide) .ct-back-to-top{bottom:calc(80px + env(safe-area-inset-bottom,0px)) !important} /* round 3: the theme's back-to-top button sits above the bar instead of under it */
  #xr-wabar a{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border-radius:10px;font-weight:650;font-size:15px;line-height:1.2;text-decoration:none}
  #xr-wabar .wa{border:1.5px solid #0A7F8B;color:#0A6B75;background:#FFFFFF}
  #xr-wabar .qt{background:#FAAE43;color:#0F1E24}
  #xr-wabar a:focus-visible{outline:2px solid #0F1E24;outline-offset:2px}
  #xr-wabar svg{width:20px;height:20px;flex:none}
  body.xr-wa-on .cookieadmin_re_consent{bottom:84px !important}
}
/* EXPERT-REVIEW ROUND 3 (E64): the remaining labels under 13px on EOR Jordan 288/503 (diagram pills, journey strip, logo label) and the Palestine case labels 329/506. Scoped to these pages; size only. */
:is(body.page-id-288,body.page-id-503) .pv :is(.pill .pc,.jstrip b .pc,.jstrip .js span,.logos > b),:is(body.page-id-329,body.page-id-506) .pv .case .cl{font-size:13px !important}

/* ROUND 3 (owner approval 2026-10-12): visible keyboard focus for the shared template controls that had none —
   the submit button inside the search panel and the footer section-heading buttons (mobile accordion triggers). */
#search-modal .ct-search-form .wp-element-button:focus-visible{outline:3px solid #FFFFFF !important;outline-offset:2px}
.hireba-footer .hireba-footer-col h3 > .hb-acc-trigger:focus-visible{outline:2px solid #7FD3DB !important;outline-offset:3px;border-radius:2px}
/* the header search button had no ring on the solid (white) header outside the home page; the transparent-header amber rule in eor.css stays more specific */
body:not(.emena-hp) .ct-header .ct-header-search:focus-visible{outline:3px solid #0995A3 !important;outline-offset:2px;border-radius:6px}
/* ROUND 3: verbatim official text in the guides (core quote block, class emena-lq), set apart from our explanation */
.wp-block-quote.emena-lq{margin:18px 0 22px;padding:14px 18px;border:0;border-inline-start:4px solid #0A7F8B;background:#F2F8F9;border-radius:0 8px 8px 0;font-style:normal}
[dir=rtl] .wp-block-quote.emena-lq,.wp-block-quote.emena-lq:dir(rtl){border-radius:8px 0 0 8px}
.wp-block-quote.emena-lq p{margin:0 0 8px;font-size:1rem;line-height:1.65;font-style:normal;color:#0F1E24}
.wp-block-quote.emena-lq cite{display:block;margin-top:6px;font-size:13px;line-height:1.5;font-style:normal;color:#42555C}
.wp-block-quote.emena-lq cite::before{content:none}
/* round 4 (2026-10-13): the direct-answer box ("In short" / Key takeaways) keeps its rule on the reading side in Arabic; English unchanged */
[dir="rtl"] .hb2-art-answer{border-left:0;border-right:3px solid var(--hb-teal);border-radius:var(--hb2-r) 0 0 var(--hb2-r)}