/*
 * Shaghaf × Mahana identity layer.
 * Loaded after the theme and Tools Studio so the whole platform shares one system.
 */
:root {
  color-scheme: only light;
  --mahana-brand: #f15a24;
  --mahana-brand-dark: #ca430f;
  --mahana-brand-soft: rgba(241,90,36,.10);
  --mahana-ink: #111111;
  --mahana-muted: #626262;
  --mahana-line: #dedede;
  --mahana-surface: #f6f4ee;
  --mahana-panel: #fffdf8;
  --mahana-white: #ffffff;
  --mahana-radius: 14px;
  --mahana-reading-width: 760px;
  --mahana-page-width: 1180px;
  --mahana-shadow: 0 12px 32px rgba(17,17,17,.07);

  --shaghaf-red: var(--mahana-brand);
  --shaghaf-ink: var(--mahana-ink);
  --shaghaf-muted: var(--mahana-muted);
  --shaghaf-line: rgba(17,17,17,.11);
  --sj-primary: var(--mahana-brand);
  --sj-primary-dark: var(--mahana-brand-dark);
  --sj-primary-soft: var(--mahana-brand-soft);
  --sj-red: var(--mahana-brand);
  --sj-red-dark: var(--mahana-brand-dark);
  --sj-red-soft: var(--mahana-brand-soft);
  --sj-navy: var(--mahana-ink);
  --sj-navy-dark: #000;
  --sj-black: var(--mahana-ink);
  --sj-text: var(--mahana-ink);
  --sj-muted: var(--mahana-muted);
  --sj-soft: #777;
  --sj-surface: var(--mahana-panel);
  --sj-bg: #fff;
  --sj-line: rgba(17,17,17,.10);
  --sj-line-strong: rgba(17,17,17,.16);
  --sj-shadow: var(--mahana-shadow);
  --sj-radius: 16px;
  --sj-radius-sm: 12px;
  --sj-radius-md: 16px;
  --sj-radius-lg: 20px;
  --sj-radius-xl: 24px;
}

html,
html:focus-within { scroll-behavior: auto !important; scrollbar-gutter: stable; }
body,
body button,
body input,
body select,
body textarea { font-family: var(--shaghaf-body-font, "thmanyahserifdisplay", Tahoma, Arial, sans-serif); }
body {
  color: var(--mahana-ink);
  background: #fff;
  overflow-x: clip;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
body :focus-visible { outline: 3px solid rgba(241,90,36,.42); outline-offset: 3px; }
body :where(a,button,input,select,textarea,summary) { touch-action: manipulation; -webkit-tap-highlight-color: rgba(241,90,36,.14); }
body :where(button,input,select,textarea) { accent-color: var(--mahana-brand); }
body :where(h1,h2,h3) { color: var(--mahana-ink); text-wrap: balance; }
body :where(p,li) { overflow-wrap: break-word; }
::selection { color: #fff; background: var(--mahana-brand); }

.site-content { min-height: 62vh; }
.site-content > .shaghaf-container {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
}
.shaghaf-container { box-sizing: border-box; }

/* Mahana homepage compatibility inside the standalone theme wrapper. */
body.home #content > .shaghaf-container,
body.page-template-front-page #content > .shaghaf-container,
body.page-template-front-page-php #content > .shaghaf-container { display: block; width: 100%; max-width: none; padding: 0; }
.mahana-home .mahana-icon { display: block; width: 1em; height: 1em; max-width: none; max-height: none; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.mahana-home__image-fallback { background: var(--mahana-surface); color: var(--mahana-brand-dark); }

/* Footer additions used by the standalone adaptation. */
.career-footer__logo-fallback { display: grid; place-items: center; width: 100%; height: 100%; color: #fff; background: #000; font-size: 24px; font-weight: 950; }
.career-footer__primary-link {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  padding: 0 18px;
  color: #fff !important;
  background: var(--mahana-brand);
  border: 1px solid var(--mahana-brand);
  border-radius: 999px;
  font-size: 14px;
  font-weight: 900;
  text-decoration: none !important;
}
.career-footer__primary-link:hover,
.career-footer__primary-link:focus-visible { background: var(--mahana-brand-dark); border-color: var(--mahana-brand-dark); }

/* Shared page rhythm and editorial surfaces. */
:where(.sj-page,.sj-main,.sj-shell,.sj-wrap,.sja-wrap,.sjn-wrap,.sjs-wrap,.sjct-wrap,.sj404-wrap) { direction: rtl; }
:where(.sj-wrap,.sja-wrap,.sjn-wrap,.sjs-wrap,.sjct-wrap,.sj404-wrap) { width: min(1180px, calc(100% - 40px)); margin-inline: auto; }
:where(.sj-page,.sj-main,.sj-shell,.sja-main,.sjn-main,.sjs-main,.sjct-main) { color: var(--mahana-ink); background: #fff; }

:where(
  .sj-card,.sj-panel,.sj-form-card,.sj-output-card,.sj-result-panel,.sj-preview-panel,
  .sj-info-card,.sj-question-card,.sj-score-card,.sj-link-card,.sj-tool-card,.sj-guide-card,
  .sj-article-card,.sj-mini-card,.sj-feature,.sj-feature-panel,.sj-builder-panel,
  .sja-card,.sja-panel,.sja-story-card,.sja-tool-card,.sja-link-card,
  .sjn-article-card,.sjs-panel,.sjct-workspace,.sjct-result,.sj404-card
) {
  background: var(--mahana-panel) !important;
  border-color: var(--mahana-line) !important;
  border-radius: 16px !important;
  box-shadow: none !important;
}

:where(.sj-hero,.sj-hero-card,.sj-hero-simple,.sja-hero-shell,.sjn-cover,.sjs-hero,.sjct-hero,.sj404-hero) {
  background: #fff !important;
  border-color: var(--mahana-line) !important;
  box-shadow: none !important;
}
:where(.sj-hero h1,.sj-hero-card h1,.sj-hero-simple h1,.sja-title,.sjn-title,.sjs-hero h1,.sjct-hero h1,.sj404-title) { color: var(--mahana-ink) !important; font-weight: 950 !important; letter-spacing: -.025em !important; }
:where(.sj-kicker,.sja-kicker,.sjs-kicker,.sjct-eyebrow,.sj-legal-eyebrow,.sj-badge,.sjn-badge,.sjs-tag,.sj-tag,.sj-chip) { color: var(--mahana-brand-dark) !important; }

/* Buttons: black primary, orange action, restrained pills. */
:where(
  .sj-btn-primary,.sj-submit,.sj-action-primary,.sj-tool-btn,.sj-tool-action,
  .sjct-primary-button,.sjs-btn.is-primary,.sja-btn.is-primary,.sj404-btn.is-primary
) {
  color: #fff !important;
  background: #000 !important;
  border-color: #000 !important;
  border-radius: 999px !important;
  box-shadow: none !important;
}
:where(
  .sj-btn-primary,.sj-submit,.sj-action-primary,.sj-tool-btn,.sj-tool-action,
  .sjct-primary-button,.sjs-btn.is-primary,.sja-btn.is-primary,.sj404-btn.is-primary
):hover { background: var(--mahana-brand-dark) !important; border-color: var(--mahana-brand-dark) !important; }
:where(.sj-btn-secondary,.sj-btn-soft,.sj-reset,.sjct-text-button,.sj-action,.sja-btn,.sjn-share,.sjs-btn,.sj404-btn) { border-radius: 999px !important; }

/* Inputs and search controls. */
:where(
  .sj-form input,.sj-form select,.sj-form textarea,.sj-field input,.sj-field select,.sj-field textarea,
  .sj-filter input,.sj-filter select,.sj-search-field input,.sjs-search input,.sjct-form input,
  .sjct-form select,.sjct-form textarea,.sj-legal input,.sj-legal textarea
) {
  color: var(--mahana-ink) !important;
  background: #fff !important;
  border: 1px solid #cfcfcf !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}
:where(
  .sj-form input,.sj-form select,.sj-form textarea,.sj-field input,.sj-field select,.sj-field textarea,
  .sj-filter input,.sj-filter select,.sj-search-field input,.sjs-search input,.sjct-form input,
  .sjct-form select,.sjct-form textarea
):focus { border-color: var(--mahana-brand) !important; box-shadow: 0 0 0 3px var(--mahana-brand-soft) !important; }

/* Tools directory and native tool templates. */
.sj-tools-content,
.sj-career-tool,
.sjct-main { --sj-primary: var(--mahana-brand); --sj-primary-dark: var(--mahana-brand-dark); --sj-primary-soft: var(--mahana-brand-soft); --sj-navy: #111; --sj-bg: #fff; --sj-surface: var(--mahana-panel); --sj-line: var(--mahana-line); }
.sj-tools-grid { gap: 12px !important; }
.sj-tool-card { overflow: hidden; }
.sj-tool-card::before { background: var(--mahana-brand) !important; }
.sj-tool-icon,
.sj-info-icon,
.sja-tool-icon,
.sjct-hero-icon { color: var(--mahana-brand-dark) !important; background: var(--mahana-brand-soft) !important; border-color: rgba(241,90,36,.22) !important; }
.sj-tool-category { color: var(--mahana-brand-dark) !important; }
.sj-tools-cta { color: #fff !important; background: #080808 !important; border-radius: 18px !important; }
.sj-tools-cta :where(h2,p) { color: inherit !important; }

/* Articles, archives, search and legal pages. */
:where(.sj-filter,.sj-search-shell,.sjs-search,.sj-legal-toc,.sjn-sidebar,.sja-sidebar) { background: var(--mahana-surface) !important; border-color: var(--mahana-line) !important; box-shadow: none !important; }
:where(.sj-read-link,.sj-more,.sjct-back,.sjn-breadcrumb a,.sja-breadcrumbs a,.sj-legal-toc a) { color: var(--mahana-brand-dark) !important; }
:where(.sj-pagination .current,.sjs-pagination .current,.nav-links .current) { color: #fff !important; background: var(--mahana-brand) !important; border-color: var(--mahana-brand) !important; }
.sjn-progress { background: var(--mahana-brand) !important; }
.sj-article-body a,
.sjn-content a,
.sja-article a,
.sj-legal-content a { color: var(--mahana-brand-dark); text-decoration-thickness: 1px; text-underline-offset: 4px; }

/* Generic legal pages should read like Mahana's paper surfaces. */
.sj-legal { background: #fff !important; }
.sj-legal-hero { color: var(--mahana-ink) !important; background: var(--mahana-surface) !important; border: 1px solid var(--mahana-line) !important; border-radius: 18px !important; box-shadow: none !important; }
.sj-legal-section { border-color: var(--mahana-line) !important; }
.sj-legal-button { border-radius: 999px !important; }

/* Shaghaf Tools Studio — same palette, panels, radii and hierarchy as Mahana. */
.sjts-studio {
  --sjts-bg: var(--mahana-surface) !important;
  --sjts-surface: #fff !important;
  --sjts-surface-2: var(--mahana-panel) !important;
  --sjts-surface-3: #efede6 !important;
  --sjts-ink: var(--mahana-ink) !important;
  --sjts-muted: var(--mahana-muted) !important;
  --sjts-soft: #7a7a7a !important;
  --sjts-line: var(--mahana-line) !important;
  --sjts-line-strong: #cfcfcf !important;
  --sjts-success: var(--mahana-brand) !important;
  --sjts-warning: var(--mahana-brand) !important;
  --sjts-danger: #111 !important;
  --sjts-accent: var(--mahana-brand) !important;
  --sjts-accent-contrast: #fff !important;
  --sjts-radius-xl: 20px !important;
  --sjts-radius-lg: 16px !important;
  --sjts-radius-md: 12px !important;
  --sjts-shadow-sm: none !important;
  --sjts-shadow-md: none !important;
  width: min(1360px, calc(100% - 40px)) !important;
  color: var(--mahana-ink) !important;
}
.sjts-welcome {
  min-height: 340px !important;
  background: #fff !important;
  border: 1px solid var(--mahana-line) !important;
  border-radius: 18px !important;
  box-shadow: none !important;
}
.sjts-welcome::after { display: none !important; }
.sjts-greeting { color: var(--mahana-ink) !important; font-size: clamp(38px,5vw,68px) !important; letter-spacing: -.025em !important; }
.sjts-greeting-name { color: var(--mahana-brand-dark) !important; border-color: var(--mahana-brand) !important; }
.sjts-welcome-primary { color: #fff !important; background: #080808 !important; border-color: #080808 !important; box-shadow: none !important; }
.sjts-welcome-secondary,
.sjts-profile-chip,
.sjts-live { background: var(--mahana-panel) !important; border-color: var(--mahana-line) !important; }
.sjts-profile-avatar,
.sjts-welcome-symbol,
.sjts-tool-symbol { background: var(--mahana-brand) !important; color: #fff !important; }
:where(.sjts-panel,.sjts-rail-card,.sjts-workspace-panel,.sjts-tool-stage,.sjts-status-strip,.sjts-record,.sjts-dialog,.sjts-empty) {
  background: var(--mahana-panel) !important;
  border-color: var(--mahana-line) !important;
  border-radius: 14px !important;
  box-shadow: none !important;
}
:where(.sjts-actions button,.sjts-stage-tools button,.sjts-dialog-actions button,.sjts-command,.sjts-tabs button,.sjts-presets button) { border-radius: 999px !important; }
:where(.sjts-actions .is-primary,.sjts-dialog-actions .is-primary,.sjts-command.is-primary) { color: #fff !important; background: #080808 !important; border-color: #080808 !important; }
.sjts-score-ring,
.sjts-progress > span,
.sjts-storage-meter > span { color: var(--mahana-brand) !important; }

@media (max-width: 900px) {
  :where(.sj-wrap,.sja-wrap,.sjn-wrap,.sjs-wrap,.sjct-wrap,.sj404-wrap),
  .sjts-studio { width: min(100% - 24px, 1180px) !important; }
  .sjts-welcome { grid-template-columns: 1fr !important; padding: 24px !important; }
}

@media (max-width: 640px) {
  :where(.sj-wrap,.sja-wrap,.sjn-wrap,.sjs-wrap,.sjct-wrap,.sj404-wrap),
  .sjts-studio { width: min(100% - 18px, 1180px) !important; }
  :where(.sj-card,.sj-panel,.sj-form-card,.sj-output-card,.sj-result-panel,.sj-preview-panel,.sja-card,.sja-panel,.sjn-article-card,.sjs-panel,.sjct-workspace,.sjct-result) { border-radius: 13px !important; }
}

@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}