/* SCT localized site runtime: shared by every translated locale build.
   New rules live here so accepted vendored theme assets stay byte-identical. */

/* Homepage section eyebrows: a theme grid rule meant for split headings also
   matched heads whose first child is the dot + label row, stacking the dot
   above the label. Keep that row inline. */
body.home .sct-home-section-head > .rt-subtext-wrapper:first-child {
  display: flex;
  flex-direction: row;
  align-items: center;
}

body.home .sct-home-section-head--center > .rt-subtext-wrapper:first-child {
  justify-content: center;
}

/* Header: translated menu labels run longer than English. Never let an
   overflowing menu slide under the logo, trim the inline padding, and let
   site-runtime.js step the menu down (sct-nav-fit-1/2) when it still overflows. */
.sct-desktop-nav {
  justify-content: safe center;
  padding-inline: clamp(.35rem, .9vw, 1rem);
}

.sct-nav-link,
.sct-nav-trigger {
  letter-spacing: .005em;
}

/* On wide screens the compact header may grow a little past English's 1200px
   so longer labels keep their size instead of stepping down. */
@media (min-width: 1440px) {
  .rt-header-scrolled .sct-header-stage {
    width: min(1320px, 100% - 4rem);
  }
}

.sct-desktop-nav.sct-nav-fit-1 {
  gap: .1rem;
}

.sct-desktop-nav.sct-nav-fit-1 :is(.sct-nav-link, .sct-nav-trigger) {
  padding-inline: .5rem;
  letter-spacing: 0;
}

.sct-desktop-nav.sct-nav-fit-2 :is(.sct-nav-link, .sct-nav-trigger) {
  padding-inline: .38rem;
  font-size: .68rem;
}

/* Sidebar journey headings were one-line for short English copy; translated
   headings wrap inside the card instead of running past its edge. */
.sct-therapy-journey .sct-therapy-journey__section-head h2 {
  white-space: normal;
  overflow-wrap: break-word;
}

/* Article headings fill the line before wrapping (balance split longer
   translated headings into two short halves). */
body .sct-article-content :is(h2, h3, h4),
body .sct-article-after-rail > :is(h2, h3) {
  text-wrap: pretty;
}

/* Inert private-review forms: match the site's evaluation submit button
   instead of the browser's disabled button. */
.gform_wrapper.gravity-theme .gform_footer .gform_button {
  position: relative;
  width: 100%;
  min-height: 3.6rem;
  margin: 0;
  padding: .85rem 2rem;
  border: 1px solid #0b756c;
  border-radius: 1rem;
  background-color: #0b756c;
  background-image: linear-gradient(120deg, #075f59 0%, #0b8177 55%, #109388 100%);
  box-shadow: 0 .85rem 1.7rem rgba(7, 95, 89, .2), inset 0 1px rgba(255, 255, 255, .18);
  color: #f4fffb;
  font: 700 1rem/1.2 Inter, 'Tajawal', system-ui, sans-serif;
  letter-spacing: .01em;
  opacity: 1;
}

.gform_wrapper.gravity-theme .gform_footer .gform_button:disabled {
  cursor: not-allowed;
}

/* English embeds this form on an opaque frame that hides the journey rail's
   decorative line; give the inline inert form the same surface. */
.sct-therapy-journey__evaluation .sct-sidebar-form {
  position: relative;
  z-index: 1;
  border-radius: 1.25rem;
  background: #fffdf8;
}

/* Gravity Forms' anti-spam trap field must never be visible (its own
   stylesheet, which normally hides it, is not loaded on these builds). */
.gform_wrapper .gform_validation_container,
.gform_wrapper .gfield--type-honeypot {
  display: none !important;
}

.gform_wrapper.gravity-theme fieldset {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

/* Arabic phone directory: the English micro-label style (tiny uppercase,
   tracked, tight leading) clips Arabic ascenders and breaks letter joining. */
[dir='rtl'] .sct-phone-directory__copy small {
  font-size: .72rem;
  line-height: 1.55;
  letter-spacing: 0;
  text-transform: none;
}

[dir='rtl'] .sct-phone-directory__item {
  align-items: center;
}

/* Where the shared runtime renders its reading line, it replaces the theme's
   article-only bar; release builds without it keep the theme bar. */
body:has([data-sct-scroll-line]) .sct-reading-progress {
  display: none !important;
}

/* Reading line docked beneath the compact header. */
.sct-scroll-line {
  position: fixed;
  z-index: 10000;
  top: var(--sct-scroll-line-top, 0);
  left: var(--sct-scroll-line-left, 0);
  width: var(--sct-scroll-line-width, 100%);
  height: 3px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(11, 119, 115, .12);
  opacity: 0;
  pointer-events: none;
  transition: opacity .25s ease;
}

.sct-scroll-line[hidden] {
  display: none;
}

.sct-scroll-line.is-docked {
  opacity: 1;
}

.sct-scroll-line > span {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #2f7d79, #7cb7a8);
  transform: scaleX(var(--sct-scroll-progress, 0));
  transform-origin: left center;
}

[dir='rtl'] .sct-scroll-line > span {
  background: linear-gradient(270deg, #2f7d79, #7cb7a8);
  transform-origin: right center;
}

/* Percentage ring above the accessibility launcher; back to top at 100%. */
.sct-scroll-progress {
  --sct-scroll-ring-size: 52px;
  position: fixed;
  z-index: 2147479000;
  inset-inline-end: calc(max(20px, env(safe-area-inset-right)));
  bottom: calc(max(20px, env(safe-area-inset-bottom)) + 76px);
  display: grid;
  width: var(--sct-scroll-ring-size);
  height: var(--sct-scroll-ring-size);
  place-items: center;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #fffdf8;
  box-shadow: 0 1px 2px rgba(21, 59, 57, .08), 0 8px 22px rgba(21, 59, 57, .16);
  color: #153b39;
  cursor: pointer;
  font: 600 12px/1 Inter, 'Tajawal', system-ui, sans-serif;
  font-variant-numeric: tabular-nums;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: opacity .25s ease, transform .25s ease, visibility 0s linear .25s, background-color .25s ease, color .25s ease;
}

.sct-scroll-progress[hidden] {
  display: none;
}

.sct-scroll-progress.is-docked {
  inset-inline-end: auto;
  left: var(--sct-scroll-ring-left);
  bottom: var(--sct-scroll-ring-bottom);
}

.sct-scroll-progress.is-visible {
  opacity: 1;
  visibility: visible;
  transform: none;
  transition: opacity .25s ease, transform .25s ease, visibility 0s, background-color .25s ease, color .25s ease;
}

.sct-scroll-progress:hover,
.sct-scroll-progress:focus-visible {
  transform: translateY(-2px);
}

.sct-scroll-progress:focus-visible {
  outline: 3px solid #0b7773;
  outline-offset: 3px;
}

.sct-scroll-progress__ring {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
}

[dir='rtl'] .sct-scroll-progress__ring {
  transform: rotate(-90deg) scaleY(-1);
}

.sct-scroll-progress__ring circle {
  fill: none;
  stroke-width: 3.5;
}

.sct-scroll-progress__track {
  stroke: rgba(11, 119, 115, .14);
}

.sct-scroll-progress__fill {
  stroke: #0b7773;
  stroke-linecap: round;
  stroke-dasharray: 100;
  stroke-dashoffset: calc(100 - var(--sct-scroll-progress, 0));
  transition: stroke-dashoffset .12s linear;
}

.sct-scroll-progress__value,
.sct-scroll-progress__arrow {
  position: relative;
  grid-area: 1 / 1;
  transition: opacity .2s ease, transform .2s ease;
}

.sct-scroll-progress__arrow {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  opacity: 0;
  transform: scale(.6);
}

.sct-scroll-progress.is-complete {
  background: #0b7773;
  color: #fff;
}

.sct-scroll-progress.is-complete .sct-scroll-progress__track {
  stroke: rgba(255, 255, 255, .25);
}

.sct-scroll-progress.is-complete .sct-scroll-progress__fill {
  stroke: #fff;
}

.sct-scroll-progress.is-complete .sct-scroll-progress__value {
  opacity: 0;
  transform: scale(.6);
}

.sct-scroll-progress.is-complete .sct-scroll-progress__arrow {
  opacity: 1;
  transform: none;
}

@media (max-width: 640px) {
  .sct-scroll-progress {
    --sct-scroll-ring-size: 46px;
    font-size: 11px;
  }
}

@media print {
  .sct-scroll-line,
  .sct-scroll-progress {
    display: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .sct-scroll-line,
  .sct-scroll-progress,
  .sct-scroll-progress__fill,
  .sct-scroll-progress__value,
  .sct-scroll-progress__arrow {
    transition: none;
  }
}

/* Compact header icon (2026-09-30, mirrors the WordPress theme): the vendored
   brand box clips with overflow and paint containment, which cut the icon's
   bottom and drop shadow once the header compacts on scroll (below 1280px the
   box is only 2.6rem tall). Clip the right edge only, where the wordmark hides
   as the box narrows. A published asset URL never changes bytes, so this rule
   ships in a new dated stylesheet. */
.sct-header-brand__viewport {
  overflow: visible;
  contain: none;
  clip-path: inset(-.75rem 0 -.75rem -.5rem);
}