/* Al Shomoukh UI 1.0 — frontend control layer. Scoped to plugin/theme integration classes. */
.sh-ui-root{--primary:var(--sh-ui-primary,#0B4F45);--primary-dark:var(--sh-ui-primary-dark,#073A34);--accent:var(--sh-ui-accent,#C8A45D);--background:var(--sh-ui-bg,#F8F6F1);--white:var(--sh-ui-surface,#fff);--text:var(--sh-ui-text,#202724);--muted:var(--sh-ui-muted,#727875);--line-strong:var(--sh-ui-border,#D8D6CF);--container:var(--sh-ui-container,1240px);--section:var(--sh-ui-section-gap,96px);--r-sm:var(--sh-ui-radius-sm,10px);--r-input:var(--sh-ui-radius-md,12px);--r-card:var(--sh-ui-radius-lg,18px);}
.sh-ui-header{background:var(--sh-ui-header-bg,#fff);color:var(--sh-ui-header-text,#202724);min-height:var(--sh-ui-header-height,84px)}
.sh-ui-header .container{max-width:calc(var(--sh-ui-container,1240px) + var(--gutter,40px)*2)}
.sh-ui-header.is-full .container{max-width:none}
.sh-ui-header .custom-logo{max-width:var(--sh-ui-logo-width,170px);height:auto}.sh-ui-header .main-nav>ul{gap:var(--sh-ui-menu-gap,28px)}
.sh-ui-header.is-not-sticky{position:relative;top:auto}.sh-ui-header.is-transparent:not(.is-scrolled){background:transparent}
.sh-ui-header.hover-gold-line .main-nav a{position:relative}.sh-ui-header.hover-gold-line .main-nav a::after{content:"";position:absolute;inset-inline:12px;bottom:4px;height:2px;background:var(--sh-ui-accent,#C8A45D);transform:scaleX(0);transition:transform .2s}.sh-ui-header.hover-gold-line .main-nav a:hover::after{transform:scaleX(1)}
.sh-ui-mobile-nav{width:min(100%,var(--sh-ui-drawer-width,360px))}.sh-ui-mobile-nav.anim-fade{transform:none;opacity:0;visibility:hidden}.sh-ui-mobile-nav.anim-fade.is-open{opacity:1;visibility:visible}.sh-ui-mobile-nav.dir-end{inset-inline-start:auto;inset-inline-end:0}
.sh-ui-footer{background:var(--sh-ui-footer-bg,#073A34);color:var(--sh-ui-footer-text,#D8E4E0);padding-top:var(--sh-ui-footer-pt,64px)}.sh-ui-footer .footer-title{color:var(--sh-ui-footer-heading,#fff)}.sh-ui-footer a{color:var(--sh-ui-footer-link,#D8E4E0)}.sh-ui-footer a:hover{color:var(--sh-ui-footer-hover,#C8A45D)}.sh-ui-footer .footer-grid{gap:var(--sh-ui-footer-gap,28px)}.sh-ui-footer .footer-bottom{padding-bottom:var(--sh-ui-footer-pb,32px)}
.sh-ui-root .input,.sh-ui-root .select,.sh-ui-root input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=submit]):not([type=button]):not([type=reset]):not([type=file]):not([type=range]):not([type=color]),.sh-ui-root textarea{min-height:var(--sh-ui-input-height,52px);background:var(--sh-ui-input-bg,#fff);border-width:var(--sh-ui-input-border-width,1px);border-color:var(--sh-ui-input-border,#C9CBC8);border-radius:var(--sh-ui-input-radius,12px);color:var(--sh-ui-input-text,var(--sh-ui-text,#202724))}.sh-ui-root textarea{min-height:var(--sh-ui-textarea-min,120px)}.sh-ui-root label{color:var(--sh-ui-label,#202724)}.sh-ui-root input::placeholder,.sh-ui-root textarea::placeholder{color:var(--sh-ui-placeholder,#9A9F9C)}.sh-ui-root input:focus,.sh-ui-root textarea:focus,.sh-ui-root select:focus{border-color:var(--sh-ui-focus,#0B4F45);box-shadow:var(--sh-ui-focus-shadow,0 0 0 4px rgba(11,79,69,.12))}
.req-wizard-shell.sh-ui-root .req-layout{gap:var(--sh-ui-request-gap,24px)}.req-wizard-shell.sh-ui-root .rtile{border-radius:var(--sh-ui-request-tile-radius,14px)}.sh-ui-track .track-form{max-width:var(--sh-ui-track-width,420px);border-radius:var(--sh-ui-track-radius,18px)}
.sh-ui-icon{display:inline-block;flex:none}.sh-ui-card--no-border{border-color:transparent}

.sh-ui-service-card .service-card__icon .sh-ui-icon{width:var(--sh-ui-service-icon-size,36px);height:var(--sh-ui-service-icon-size,36px)}
.sh-ui-footer .footer-grid{grid-template-columns:repeat(var(--sh-ui-footer-columns,4),minmax(0,1fr))}.footer-social__links,.mobile-nav__social{display:flex;gap:10px;flex-wrap:wrap}.footer-social__links a,.mobile-nav__social a{display:grid;place-items:center;width:40px;height:40px;border:1px solid currentColor;border-radius:10px}.footer-social__links svg,.mobile-nav__social svg{width:19px;height:19px}
.sh-ui-request-anim-none .req-wizard-shell .rstep{transition:none!important;animation:none!important}.sh-ui-request-anim-fade .req-wizard-shell .rstep:not([hidden]){animation:shUiFade .25s ease both}.sh-ui-request-anim-slide .req-wizard-shell .rstep:not([hidden]){animation:shUiSlide .3s ease both}.sh-ui-request-anim-fade-slide .req-wizard-shell .rstep:not([hidden]){animation:shUiFadeSlide .32s ease both}@keyframes shUiFade{from{opacity:0}to{opacity:1}}@keyframes shUiSlide{from{transform:translateX(14px)}to{transform:none}}@keyframes shUiFadeSlide{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:none}}
@media(max-width:700px){.sh-ui-footer .footer-grid{grid-template-columns:1fr}}

.sh-ui-header.no-border{border-bottom-color:transparent}.sh-ui-footer .footer-bottom{background:var(--sh-ui-footer-bottom-bg,var(--sh-ui-footer-bg));color:var(--sh-ui-footer-bottom-text,var(--sh-ui-footer-text))}.sh-ui-footer .footer-bottom.align-center{justify-content:center;text-align:center}.sh-ui-footer .footer-bottom.align-start{justify-content:flex-start}.sh-ui-footer .footer-bottom.align-between{justify-content:space-between}
.sh-ui-candidate-card.status-outline .cand-card__status{background:transparent;border:1px solid currentColor}.sh-ui-candidate-card.status-dot .cand-card__status{background:transparent;padding-inline:0}.sh-ui-candidate-card.cta-button .cand-card__cta,.sh-ui-country-card.cta-button .country-card__go{padding:7px 12px;border-radius:var(--sh-ui-radius-sm);background:var(--sh-ui-primary);color:#fff}.sh-ui-candidate-card.cta-outline .cand-card__cta,.sh-ui-country-card.cta-outline .country-card__go{padding:7px 12px;border:1px solid var(--sh-ui-primary);border-radius:var(--sh-ui-radius-sm)}
.sh-ui-service-card.align-center{text-align:center;align-items:center}.sh-ui-service-card.icon-side{grid-template-columns:auto 1fr}.sh-ui-service-card.icon-inline .service-card__icon{display:inline-flex}
.sh-ui-request-selected-gold .req-wizard-shell .rtile:has(input:checked){border-color:var(--sh-ui-accent);background:color-mix(in srgb,var(--sh-ui-accent) 10%,white)}.sh-ui-request-selected-outline .req-wizard-shell .rtile:has(input:checked){background:transparent;border-width:2px}.sh-ui-request-progress-none .req-wizard-shell .stepper__bar{display:none}.sh-ui-request-stepnum-square .req-wizard-shell .stepper__list li::before{border-radius:6px}.sh-ui-request-stepnum-plain .req-wizard-shell .stepper__list li::before{border-radius:0;background:transparent}

.sh-ui-header.no-border{border-bottom-width:0}.sh-ui-footer .footer-bottom{border-top-color:var(--sh-ui-border,#D8D6CF)}.sh-ui-mobile-nav.anim-push{transition:transform .35s var(--ease,ease),opacity .25s ease}

.sh-ui-menu-button-soft{background:color-mix(in srgb,var(--sh-ui-primary) 10%,white);border-color:transparent}.sh-ui-menu-button-plain{background:transparent;border-color:transparent}

.sh-ui-footer .brand__text strong,.sh-ui-footer .brand__text small{color:inherit}.sh-ui-header.layout_3 .header-inner{display:block;padding-block:12px}.sh-ui-header.layout_3 .header-stack{width:100%;display:grid;gap:10px}.sh-ui-header.layout_3 .header-stack__row{display:flex;align-items:center;justify-content:space-between;gap:24px}.sh-ui-header.layout_3 .header-stack__row .main-nav{justify-content:flex-start}
.sh-ui-mobile-nav .custom-logo{max-width:var(--sh-ui-mobile-logo-width,150px);height:auto}

.sh-ui-header .brand__text small,.sh-ui-mobile-nav .brand__text small{display:block}
@media(max-width:480px){.sh-ui-header .brand__text strong{font-size:.875rem}.sh-ui-header .brand__text small{font-size:.48rem;letter-spacing:.12em}}

/* Header identity configured in the UI Header tab. */
.sh-ui-header .brand,.sh-ui-mobile-nav .brand{display:flex;align-items:center;gap:12px;text-decoration:none;flex-shrink:0}
.sh-ui-header .brand__text,.sh-ui-mobile-nav .brand__text{display:grid;gap:3px;line-height:1.25}
.sh-ui-header .brand__text strong,.sh-ui-mobile-nav .brand__text strong{color:var(--sh-ui-primary-dark,#073A34);font-weight:700}
.sh-ui-header .brand__text small,.sh-ui-mobile-nav .brand__text small{color:var(--sh-ui-muted,#727875);text-align:right}
.sh-ui-header span.brand__mark,.sh-ui-mobile-nav span.brand__mark{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--sh-ui-primary,#0B4F45);color:#fff;flex-shrink:0}
.sh-ui-header .brand__mark .sh-ui-icon,.sh-ui-mobile-nav .brand__mark .sh-ui-icon{width:28px;height:28px}

/* Reference header: logo and bilingual identity at the RTL start. */
.sh-ui-header{direction:rtl}
.sh-ui-header .header-inner{height:var(--sh-ui-header-height,76px);min-height:var(--sh-ui-header-height,76px);display:flex;align-items:center;gap:20px}
.sh-ui-header .brand__text strong{font-size:18px;line-height:1.3;white-space:nowrap}
.sh-ui-header .brand__text small{font-size:9px;letter-spacing:1.65px;font-weight:500;line-height:1.3;white-space:nowrap}
.sh-ui-header .custom-logo{width:var(--sh-ui-logo-width,44px);max-width:var(--sh-ui-logo-width,44px);height:auto;max-height:calc(var(--sh-ui-header-height,76px) - 16px);object-fit:contain}
.sh-ui-header .main-nav{flex:1;justify-content:center;min-width:0}
.sh-ui-header .main-nav ul{padding:0;margin:0;list-style:none;display:flex;align-items:center;gap:var(--sh-ui-menu-gap,8px)}
.sh-ui-header .main-nav a{padding:8px 6px;white-space:nowrap;text-decoration:none}
.sh-ui-header .main-nav .current-menu-item>a,.sh-ui-header .main-nav a[aria-current="page"]{color:var(--sh-ui-primary,#0B4F45)}
.sh-ui-header.hover-gold-line .main-nav .current-menu-item>a::after,.sh-ui-header.hover-gold-line .main-nav a[aria-current="page"]::after{transform:scaleX(1)}
.sh-ui-header .header-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}
.sh-ui-header .header-actions .header-cta,.sh-ui-header .header-actions .track-link{min-height:42px;height:42px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;font-size:14px;text-decoration:none;white-space:nowrap}
.sh-ui-header .header-actions .header-cta.btn--primary{box-shadow:0 9px 18px -10px rgba(11,79,69,.5)}
.sh-ui-header .header-actions .ico{width:16px;height:16px}
.sh-ui-mobile-nav .custom-logo{width:var(--sh-ui-mobile-logo-width,44px);height:auto;object-fit:contain}
@media(max-width:700px){.sh-ui-header .brand__text strong{font-size:15px}.sh-ui-header .brand__text small{font-size:8px;letter-spacing:1px}.sh-ui-header .header-inner{gap:12px}.sh-ui-header .header-actions .header-cta{display:none}.sh-ui-header .header-actions .track-link{display:none}}

/* ========================================================================== 
   Phase 3 Design Control Center integration
   ========================================================================== */
.sh-ui-root{
  --primary-tint:var(--sh-ui-primary-light,#E7EFEC);
  --surface-alt:var(--sh-ui-surface-alt,#EEE8DC);
  --heading:var(--sh-ui-heading,#073A34);
  --success:var(--sh-ui-success,#287A5B);
  --warning:var(--sh-ui-warning,#A97924);
  --danger:var(--sh-ui-danger,#A6473A);
}
.sh-ui-header .main-nav a{font-family:var(--sh-ui-navigation-font,var(--sh-ui-body-font));font-size:var(--sh-ui-navigation-size,14px);font-weight:var(--sh-ui-navigation-weight,500);line-height:var(--sh-ui-navigation-lh,1.4);letter-spacing:var(--sh-ui-navigation-ls,0);color:var(--sh-ui-header-nav,#202724)}
.sh-ui-header.hover-none .main-nav a::after{display:none}
.sh-ui-header.hover-underline .main-nav a::after{content:"";position:absolute;inset-inline:8px;bottom:2px;height:1px;background:var(--sh-ui-header-hover,#0B4F45);transform:scaleX(0);transition:transform .2s ease}
.sh-ui-header.hover-underline .main-nav a:hover::after,.sh-ui-header.hover-underline .main-nav .current-menu-item>a::after,.sh-ui-header.hover-underline .main-nav a[aria-current="page"]::after{transform:scaleX(1)}
.sh-ui-header.hover-background .main-nav a{border-radius:var(--sh-ui-radius-sm,10px)}
.sh-ui-header.hover-background .main-nav a:hover,.sh-ui-header.hover-background .main-nav .current-menu-item>a,.sh-ui-header.hover-background .main-nav a[aria-current="page"]{background:var(--sh-ui-primary-light,#E7EFEC);color:var(--sh-ui-header-hover,#0B4F45)}
.sh-ui-header.hover-text-color .main-nav a::after{display:none}
.sh-ui-header.hover-text-color .main-nav a:hover,.sh-ui-header.hover-text-color .main-nav .current-menu-item>a,.sh-ui-header.hover-text-color .main-nav a[aria-current="page"]{color:var(--sh-ui-header-hover,#0B4F45)}
.sh-ui-mobile-nav{background:var(--sh-ui-mobile-bg,var(--sh-ui-bg,#F8F6F1));color:var(--sh-ui-mobile-text,var(--sh-ui-text,#202724))}
.sh-ui-mobile-nav nav a{color:var(--sh-ui-mobile-nav,var(--sh-ui-text,#202724))}
.sh-ui-mobile-nav.anim-push{transform:translateX(105%)}
.sh-ui-mobile-nav.anim-push.is-open{transform:none}
.sh-ui-footer{border-top-style:solid;border-top-color:var(--sh-ui-footer-border,#315C55)}
.sh-ui-footer .footer-bottom{border-top-style:solid;border-top-color:var(--sh-ui-footer-border,#315C55)}
.sh-ui-candidate-card,.sh-ui-country-card,.sh-ui-service-card{transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.sh-ui-service-card.icon-side{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start}
.sh-ui-service-card.icon-side .service-card__icon{grid-column:1;grid-row:1 / span 3}
.sh-ui-service-card.icon-side h3,.sh-ui-service-card.icon-side p,.sh-ui-service-card.icon-side .service-card__go{grid-column:2}
.sh-ui-service-card.icon-inline{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center}
.sh-ui-service-card.icon-inline .service-card__icon{grid-column:1;grid-row:1}
.sh-ui-service-card.icon-inline h3{grid-column:2;grid-row:1}
.sh-ui-service-card.icon-inline p,.sh-ui-service-card.icon-inline .service-card__go{grid-column:1 / -1}
.sh-ui-service-card.align-center:not(.icon-side):not(.icon-inline){text-align:center;align-items:center}
.sh-ui-root .field__error,.sh-ui-root .as-form-error{color:var(--sh-ui-error,#A6473A)}
.sh-ui-root .success-card{color:var(--sh-ui-form-success,#287A5B)}
@media(prefers-reduced-motion:reduce){.sh-ui-header .main-nav a::after,.sh-ui-candidate-card,.sh-ui-country-card,.sh-ui-service-card,.sh-ui-mobile-nav{transition:none!important}}
.sh-ui-mobile-nav.dir-end:not(.anim-fade){transform:translateX(-105%)}
.sh-ui-mobile-nav.dir-end.is-open{transform:none}

/* Phase 5 — Announcement Bar */
.sh-announcement{position:relative;z-index:1001;background:var(--sh-ui-primary,#0b4f45);color:#fff;border-block-end:1px solid color-mix(in srgb,currentColor 18%,transparent)}
.sh-announcement--default{background:var(--sh-ui-surface,#fff);color:var(--sh-ui-text,#202724)}
.sh-announcement--soft{background:var(--sh-ui-surface-alt,#f0f3f1);color:var(--sh-ui-text,#202724)}
.sh-announcement--dark{background:var(--sh-ui-primary-dark,#073a34);color:#fff}
.sh-announcement__inner{max-width:var(--sh-ui-container,1240px);margin-inline:auto;padding:10px var(--sh-ui-page-padding,24px);display:flex;align-items:center;justify-content:center;gap:16px;min-height:42px;text-align:center}
.sh-announcement__inner p{margin:0;font-size:var(--sh-ui-small-size,13px);line-height:1.5}
.sh-announcement__cta{color:inherit;font-weight:700;text-underline-offset:3px;white-space:nowrap}
.sh-announcement__dismiss{display:inline-grid;place-items:center;inline-size:32px;block-size:32px;border:0;border-radius:var(--sh-ui-radius-pill,999px);background:transparent;color:inherit;cursor:pointer;flex:0 0 auto}
.sh-announcement__dismiss:hover{background:color-mix(in srgb,currentColor 10%,transparent)}
.sh-announcement__dismiss:focus-visible{outline:3px solid var(--sh-ui-accent,#c8a45d);outline-offset:2px}
.sh-announcement__dismiss .sh-ui-icon{inline-size:18px;block-size:18px}
@media(max-width:640px){.sh-announcement__inner{padding-inline:var(--sh-ui-mobile-padding,18px);gap:10px;flex-wrap:wrap}.sh-announcement__inner p{flex:1 1 100%}.sh-announcement__cta{margin-inline:auto}.sh-announcement__dismiss{position:absolute;inset-inline-end:8px;inset-block-start:5px}}

/* 5.0.6: native header state and submenu ownership. */
body.alshomoukh-ui-active .sh-ui-header .main-nav ul.sub-menu{display:none;position:absolute;flex-direction:column;align-items:stretch;min-width:190px;background:var(--sh-ui-header-bg);border:1px solid var(--sh-ui-header-border);padding:10px;z-index:20}
body.alshomoukh-ui-active .sh-ui-header .main-nav li{position:relative}
body.alshomoukh-ui-active .sh-ui-header .main-nav li:hover>ul.sub-menu,
body.alshomoukh-ui-active .sh-ui-header .main-nav li:focus-within>ul.sub-menu{display:flex}
body.alshomoukh-ui-active .sh-ui-header .main-nav ul.sub-menu ul.sub-menu{inset-inline-start:100%;top:0}
body.alshomoukh-ui-active .sh-ui-header .main-nav a:focus-visible{outline:2px solid var(--sh-ui-header-hover);outline-offset:3px}
/* Brand and call-to-action are independent of page heading typography. */
body.alshomoukh-ui-active .sh-ui-header .header-actions a{font-size:var(--sh-ui-button-size);font-weight:var(--sh-ui-button-weight)}

body.alshomoukh-ui-active .sh-ui-header .main-nav>ul{width:max-content;flex-shrink:0}
body.alshomoukh-ui-active .sh-ui-header.is-nav-collapsed .main-nav{display:none}
body.alshomoukh-ui-active .sh-ui-header.is-nav-collapsed .menu-toggle{display:inline-grid}