/* Thanwya design system v1: main-site (natega4dk.net) visual language.
   Scope: every page except the student result / dor-tany pages (body.rn-ds-off)
   and the home search component (.rn439-*), which are intentionally left as-is. */

:root{
  --ds-bg:#f7f9fc;
  --ds-ink:#111827;
  --ds-title:#202b3e;
  --ds-navy:#173f86;
  --ds-blue:#2f67d8;
  --ds-gold:#b8871b;
  --ds-line:#dce5f2;
  --ds-muted:#4e5b70;
  --ds-soft:#f3f7ff;
  --ds-green:#1f7a4d;
  --ds-green-soft:#e8f6ee;
  --ds-btn:linear-gradient(135deg,#173f86,#4576cf);
  --ds-btn-shadow:0 10px 22px rgba(23,63,134,.2);
  --ds-card-shadow:0 6px 16px rgba(23,63,134,.06);
  --ds-hero-bg:
    linear-gradient(rgba(23,63,134,.045) 1px,transparent 1px) 0 0/28px 28px,
    linear-gradient(90deg,rgba(23,63,134,.045) 1px,transparent 1px) 0 0/28px 28px,
    radial-gradient(circle at 8% 0%,rgba(47,103,216,.10),transparent 260px),
    radial-gradient(circle at 96% 100%,rgba(245,180,0,.10),transparent 240px),
    linear-gradient(135deg,#fff 10%,#f7fbff);
}

html body:not(.rn-ds-off){background:var(--ds-bg)}

/* ---------- Page hero (rn5_page_heading) ---------- */
html body:not(.rn-ds-off) .rn5-page-head{
  background:none!important;
  border:0!important;
  padding:22px 0 6px!important;
}
html body:not(.rn-ds-off) .rn5-page-head>.rn7-container{
  padding:30px 42px 22px;
  border:1px solid var(--ds-line);
  border-radius:20px;
  background:var(--ds-hero-bg);
  box-shadow:var(--ds-card-shadow);
}
html body:not(.rn-ds-off) .rn5-page-head .rn5-eyebrow{
  padding:0;
  background:none;
  color:var(--ds-gold);
  font-size:14px;
  font-weight:800;
}
html body:not(.rn-ds-off) .rn5-page-head h1{
  color:var(--ds-title);
  font-size:clamp(26px,3.2vw,37px);
  font-weight:900;
  line-height:1.4;
}
html body:not(.rn-ds-off) .rn5-page-head p{
  color:var(--ds-navy);
  font-size:17px;
  font-weight:800;
  line-height:1.9;
}
html body:not(.rn-ds-off) .rn7-breadcrumb,
html body:not(.rn-ds-off) .rn7-breadcrumb a{
  color:var(--ds-muted);
  font-size:13px;
  font-weight:700;
}
html body:not(.rn-ds-off) .rn7-breadcrumb a:hover{color:var(--ds-blue)}

/* ---------- Locality hero (governorate / administration / school) ---------- */
html body:not(.rn-ds-off) .rn-loc-hero{
  border:1px solid var(--ds-line);
  border-radius:20px;
  background:var(--ds-hero-bg);
  color:var(--ds-navy);
  box-shadow:var(--ds-card-shadow);
}
html body:not(.rn-ds-off) .rn-loc-hero::after{display:none}
html body:not(.rn-ds-off) .rn-loc-kicker{
  border:1px solid #f1dfb2;
  background:#fff8e8;
  color:var(--ds-gold);
  font-size:13px;
  font-weight:800;
}
html body:not(.rn-ds-off) .rn-loc-hero h1{color:var(--ds-title);font-weight:900}
html body:not(.rn-ds-off) .rn-loc-hero p{color:var(--ds-navy);font-weight:800}
html body:not(.rn-ds-off) .rn-loc-stat{
  border:1px solid var(--ds-line);
  background:#fff;
  color:var(--ds-navy);
  box-shadow:var(--ds-card-shadow);
  backdrop-filter:none;
}
html body:not(.rn-ds-off) .rn-loc-stat b{color:var(--ds-navy)}
html body:not(.rn-ds-off) .rn-loc-stat span{color:var(--ds-muted);opacity:1}
html body:not(.rn-ds-off) .rn-loc-path a{border-color:var(--ds-line);color:var(--ds-navy);font-weight:800}
html body:not(.rn-ds-off) .rn-loc-path a:hover{background:var(--ds-soft);border-color:#c7d6ee}
html body:not(.rn-ds-off) .rn-loc-path span.is-here{background:var(--ds-btn);border-color:transparent}
html body:not(.rn-ds-off) .rn-loc-panel{border-color:var(--ds-line);border-radius:16px;box-shadow:var(--ds-card-shadow)}
html body:not(.rn-ds-off) .rn-loc-panel-head h2{color:var(--ds-navy);font-size:18px;font-weight:800}
html body:not(.rn-ds-off) .rn-loc-dir{border-color:var(--ds-line);background:#fff}
html body:not(.rn-ds-off) .rn-loc-dir:hover{background:var(--ds-soft);border-color:#c7d6ee}
html body:not(.rn-ds-off) .rn-loc-dir-name{color:var(--ds-navy)}
html body:not(.rn-ds-off) .rn-loc-dir-count{background:var(--ds-soft);color:var(--ds-navy)}
html body:not(.rn-ds-off) .rn-loc-item{border-color:var(--ds-line);border-radius:16px;box-shadow:var(--ds-card-shadow)}
html body:not(.rn-ds-off) .rn-loc-item:hover{background:#fafcff;border-color:#c7d6ee}
html body:not(.rn-ds-off) .rn-loc-name{color:var(--ds-ink)}
html body:not(.rn-ds-off) .rn-loc-seat{background:var(--ds-btn);box-shadow:var(--ds-btn-shadow)}
html body:not(.rn-ds-off) .rn-loc-score{background:var(--ds-green-soft);color:var(--ds-green)}
html body:not(.rn-ds-off) .rn-loc-pager a,
html body:not(.rn-ds-off) .rn-loc-pager span{border-color:var(--ds-line);color:var(--ds-navy)}
html body:not(.rn-ds-off) .rn-loc-pager span.is-current{background:var(--ds-btn);border-color:transparent;color:#fff}
html body:not(.rn-ds-off) .rn-loc-seo{border-color:var(--ds-line);background:#fff;color:var(--ds-muted)}

/* ---------- Cards & sections ---------- */
html body:not(.rn-ds-off) .rn5-content-card,
html body:not(.rn-ds-off) .rn5-notice,
html body:not(.rn-ds-off) .rn51-system-card,
html body:not(.rn-ds-off) .rnrt-v1-hero,
html body:not(.rn-ds-off) .rnrt-v1-stats,
html body:not(.rn-ds-off) .rnrt-v1-panel,
html body:not(.rn-ds-off) .rnrt-v1-table-card,
html body:not(.rn-ds-off) .rn-guide-hero,
html body:not(.rn-ds-off) .rn-guide-step,
html body:not(.rn-ds-off) .rn-guide-panel,
html body:not(.rn-ds-off) .rn26-report-hero,
html body:not(.rn-ds-off) .rn26-chart-panel,
html body:not(.rn-ds-off) .rn26-table-wrap,
html body:not(.rn-ds-off) .rn-national-hero,
html body:not(.rn-ds-off) .rn-national-toolbar,
html body:not(.rn-ds-off) .rn-national-card,
html body:not(.rn-ds-off) .rn-national-sources,
html body:not(.rn-ds-off) .rn-science-v1-stat,
html body:not(.rn-ds-off) .rn-science-v1-filter,
html body:not(.rn-ds-off) .rn-science-v1-table-wrap,
html body:not(.rn-ds-off) .rn8-service-group,
html body:not(.rn-ds-off) .rn8-filter-card,
html body:not(.rn-ds-off) .rn8-news-card,
html body:not(.rn-ds-off) .rn-v5-card,
html body:not(.rn-ds-off) .rn-v5-service{
  border:1px solid var(--ds-line);
  border-radius:16px;
  background:#fff;
  box-shadow:var(--ds-card-shadow);
}
html body:not(.rn-ds-off) .rn-guide-hero,
html body:not(.rn-ds-off) .rn26-report-hero,
html body:not(.rn-ds-off) .rn-national-hero,
html body:not(.rn-ds-off) .rnrt-v1-hero{background:var(--ds-hero-bg)}
html body:not(.rn-ds-off) .rn-national-card-data{border-color:var(--ds-line);background:#fafcff}
html body:not(.rn-ds-off) .rn5-tool-result{background:var(--ds-soft);color:var(--ds-navy)}

/* Dark side blocks become main-site navy gradient */
html body:not(.rn-ds-off) .rn-guide-route,
html body:not(.rn-ds-off) .rn26-report-stamp{background:linear-gradient(160deg,#173f86,#2c5db5)}

/* ---------- Headings inside content ---------- */
html body:not(.rn-ds-off) main h2:not(.rn439-search-title),
html body:not(.rn-ds-off) .rn5-page-body h2{color:var(--ds-navy);font-weight:800}
html body:not(.rn-ds-off) .rn5-page-body h3,
html body:not(.rn-ds-off) main .rn-v5-card h3,
html body:not(.rn-ds-off) .rn-national-card h3{color:var(--ds-navy);font-weight:900}
html body:not(.rn-ds-off) .rn5-content-card>h2,
html body:not(.rn-ds-off) .rnrt-v1-hero h2{font-size:20px}

/* ---------- Buttons (forms on service pages; the home search button is untouched) ---------- */
html body:not(.rn-ds-off) .rn5-primary-button,
html body:not(.rn-ds-off) .rnrt-v1-button,
html body:not(.rn-ds-off) .rn-science-v1-filter button,
html body:not(.rn-ds-off) .rn-guide-cta{
  border:0;
  border-radius:12px;
  background:var(--ds-btn);
  color:#fff;
  font-weight:900;
  box-shadow:var(--ds-btn-shadow);
}
html body:not(.rn-ds-off) .rn5-primary-button:hover,
html body:not(.rn-ds-off) .rnrt-v1-button:hover,
html body:not(.rn-ds-off) .rn-science-v1-filter button:hover,
html body:not(.rn-ds-off) .rn-guide-cta:hover{filter:brightness(1.06)}

/* ---------- Inputs / selects (service pages only) ---------- */
html body:not(.rn-ds-off) .rn5-input-wrap input:not(.rn-rank-search-v5-input),
html body:not(.rn-ds-off) .rn5-input-wrap select,
html body:not(.rn-ds-off) .rn5-tool-field input,
html body:not(.rn-ds-off) .rnrt-v1-jump input,
html body:not(.rn-ds-off) .rn-national-toolbar input,
html body:not(.rn-ds-off) .rn-national-toolbar select,
html body:not(.rn-ds-off) .rn-science-v1-filter select,
html body:not(.rn-ds-off) .rn8-azhar-search select{
  border:1px solid var(--ds-line);
  border-radius:12px;
  background:#fff;
  color:var(--ds-ink);
  font-weight:700;
}
html body:not(.rn-ds-off) .rn5-input-wrap input:focus,
html body:not(.rn-ds-off) .rn5-input-wrap select:focus,
html body:not(.rn-ds-off) .rn5-tool-field input:focus,
html body:not(.rn-ds-off) .rnrt-v1-jump input:focus,
html body:not(.rn-ds-off) .rn-national-toolbar input:focus,
html body:not(.rn-ds-off) .rn-national-toolbar select:focus,
html body:not(.rn-ds-off) .rn-science-v1-filter select:focus{
  border-color:#8db3f1;
  outline:3px solid rgba(47,103,216,.14);
}

/* ---------- Tabs / chips / badges ---------- */
html body:not(.rn-ds-off) .rnrt-v1-tab{border-color:var(--ds-line);border-radius:12px;color:var(--ds-navy)}
html body:not(.rn-ds-off) .rnrt-v1-tab.is-active{background:var(--ds-btn);border-color:transparent;color:#fff}
html body:not(.rn-ds-off) .rn-science-v1-filter label span{border-radius:12px}
html body:not(.rn-ds-off) .rn-science-v1-filter input:checked+span{background:var(--ds-btn);border-color:transparent}
html body:not(.rn-ds-off) .rn-national-status.is-available,
html body:not(.rn-ds-off) .rn-science-v1-branch.is-science{background:var(--ds-green-soft);color:var(--ds-green)}

/* ---------- Tables ---------- */
html body:not(.rn-ds-off) .rnrt-v1-table th,
html body:not(.rn-ds-off) .rn-science-v1-table th,
html body:not(.rn-ds-off) .rn26-table th,
html body:not(.rn-ds-off) .rn5-table th{
  background:var(--ds-navy);
  color:#fff;
  font-size:13px;
  font-weight:800;
  padding:13px 12px;
  border-color:var(--ds-navy);
}
html body:not(.rn-ds-off) .rnrt-v1-table td,
html body:not(.rn-ds-off) .rn-science-v1-table td,
html body:not(.rn-ds-off) .rn26-table td,
html body:not(.rn-ds-off) .rn5-table td{
  color:var(--ds-navy);
  font-weight:800;
  padding:12px;
  border-color:#e9eef7;
}
html body:not(.rn-ds-off) .rnrt-v1-table tbody tr:nth-child(even) td,
html body:not(.rn-ds-off) .rn-science-v1-table tbody tr:nth-child(even) td,
html body:not(.rn-ds-off) .rn5-table tbody tr:nth-child(even) td{background:#f9fbff}

/* ---------- Pagination ---------- */
html body:not(.rn-ds-off) .rn8-pagination a,
html body:not(.rn-ds-off) .rnrt-v1-pagination a,
html body:not(.rn-ds-off) .rn-science-v1-pagination a{
  border:1px solid var(--ds-line);
  border-radius:12px;
  background:#fff;
  color:var(--ds-navy);
  font-weight:900;
}

/* ---------- Home: sections below the search component ---------- */
html body:not(.rn-ds-off) .rn-v5-head h2{color:var(--ds-title);font-size:clamp(24px,2.6vw,32px);font-weight:900}
html body:not(.rn-ds-off) .rn8-stats-section{background:transparent}
html body:not(.rn-ds-off) .rn8-flow-section{background:linear-gradient(135deg,#173f86,#2c5db5)}

@media(max-width:700px){
  html body:not(.rn-ds-off) .rn5-page-head{padding:12px 0 2px!important}
  html body:not(.rn-ds-off) .rn5-page-head>.rn7-container{
    width:calc(100% - 24px);
    padding:20px 18px 16px;
    border-radius:16px;
  }
  html body:not(.rn-ds-off) .rn5-page-head h1{font-size:25px}
  html body:not(.rn-ds-off) .rn5-page-head p{font-size:15px}
}