/*
 * SchoolHub Search Page — Page ID 1575
 * Replace assets/css/search-page.css with this file.
 */

.schoolhub-search-page {
  --sh-primary:#1E3A8A;
  --sh-primary-dark:#042C53;
  --sh-primary-text:#185FA5;
  --sh-teal-bg:#E1F5EE;
  --sh-teal-text:#085041;
  --sh-teal-sub:#0F6E56;
  --sh-text-dark:#0F172A;
  --sh-text-gray:#5F5E5A;
  --sh-hero-bg:#E6F1FB;
  --sh-border:#E2E8F0;
  --sh-math-bg:#EEF2FF;
  --sh-math-text:#3730A3;
  --sh-science-bg:#ECFDF5;
  --sh-science-text:#047857;
  --sh-history-bg:#FFF7ED;
  --sh-history-text:#C2410C;

  width:100%;
  box-sizing:border-box;
  padding:72px 24px 88px;
  background:#fff;
  color:var(--sh-text-dark);
  font-family:"Cairo",sans-serif;
  overflow:hidden;
}

.schoolhub-search-page *,
.schoolhub-search-page *::before,
.schoolhub-search-page *::after { box-sizing:border-box; }

.schoolhub-search-page a { text-decoration:none; }

.schoolhub-search-hero {
  position:relative;
  width:min(900px,100%);
  margin:0 auto;
  padding:42px 24px 34px;
  text-align:center;
  /*background:*/
  /*  radial-gradient(circle at 82% 22%,rgba(255,255,255,.75) 0 70px,transparent 71px),*/
  /*  radial-gradient(circle at 18% 55%,rgba(255,255,255,.55) 0 90px,transparent 91px),*/
  /*  var(--sh-hero-bg);*/
  background: #e6f1fb;
  border-radius:28px;
}

.schoolhub-search-eyebrow {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:30px;
  padding:5px 13px;
  border-radius:999px;
  background:rgba(255,255,255,.82);
  color:var(--sh-primary-text);
  font-size:12px;
  font-weight:700;
  margin-bottom:13px;
}

.schoolhub-search-title {
  margin:0;
  color:var(--sh-primary-dark);
  font-size:clamp(30px,4vw,46px);
  line-height:1.25;
  font-weight:800;
}

.schoolhub-search-title span {
  direction:ltr;
  unicode-bidi:embed;
}

.schoolhub-search-subtitle {
  max-width:650px;
  margin:12px auto 28px;
  color:var(--sh-text-gray);
  font-size:16px;
  line-height:1.9;
  font-weight:500;
}

.schoolhub-search-form {
  position:relative;
  display:flex;
  align-items:center;
  width:min(720px,100%);
  min-height:70px;
  margin:0 auto;
  padding:7px;
  background:#fff;
  border:1px solid var(--sh-border);
  border-radius:18px;
  box-shadow:0 8px 24px rgba(15,23,42,.07);
  direction:rtl;
}

.schoolhub-search-field {
  flex:1 1 auto;
  width:100%;
  min-width:0;
  height:54px;
  padding:0 20px;
  border:0 !important;
  outline:0 !important;
  background:transparent !important;
  color:var(--sh-text-dark);
  font-family:"Cairo",sans-serif;
  font-size:15px;
  font-weight:500;
  text-align:right;
  box-shadow:none !important;
}

.schoolhub-search-field::placeholder { color:#94A3B8; opacity:1; }

.schoolhub-search-submit {
  flex:0 0 54px;
  width:54px;
  height:54px;
  margin:0;
  padding:0 !important;
  border:0 !important;
  border-radius:13px;
  background:#21449A !important;
  color:#fff !important;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  font-size:19px;
  box-shadow:none !important;
  transition:transform .2s ease,background-color .2s ease;
}

.schoolhub-search-submit:hover {
  background:var(--sh-primary) !important;
  transform:translateY(-1px);
}

.schoolhub-search-submit i { margin:0 !important; }

.schoolhub-search-suggestions { margin-top:27px; }

.schoolhub-search-section-title {
  margin:0 0 13px;
  color:var(--sh-primary-dark);
  font-size:15px;
  font-weight:800;
}

.schoolhub-search-suggestion-list {
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:9px;
  margin:0;
  padding:0;
  list-style:none;
}

.schoolhub-search-suggestion-list li { margin:0; padding:0; }

.schoolhub-search-suggestion-list a {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:7px 17px;
  border:1px solid #DCE5EF;
  border-radius:999px;
  background:rgba(255,255,255,.88);
  color:var(--sh-primary-dark);
  font-size:13px;
  font-weight:600;
  transition:.2s ease;
}

.schoolhub-search-suggestion-list a:hover {
  border-color:#A9C7E5;
  background:#fff;
  color:var(--sh-primary);
  transform:translateY(-1px);
}

.schoolhub-search-discovery {
  width:min(900px,100%);
  min-height:96px;
  margin:28px auto 0;
  padding:16px 22px;
  display:flex;
  align-items:center;
  gap:18px;
  border:1px solid #DDEAF6;
  border-radius:18px;
  background:linear-gradient(90deg,#F3F8FD 0%,#EAF4FC 100%);
}

.schoolhub-search-discovery-icon {
  flex:0 0 58px;
  width:58px;
  height:58px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#E6F1FB;
  color:var(--sh-primary);
  font-size:23px;
}

.schoolhub-search-discovery-content {
  flex:1 1 auto;
  text-align:right;
}

.schoolhub-search-discovery-content h2 {
  margin:0 0 3px;
  color:var(--sh-primary-dark);
  font-size:14px;
  font-weight:800;
  line-height:1.5;
}

.schoolhub-search-discovery-content p {
  margin:0;
  color:var(--sh-text-gray);
  font-size:11px;
  line-height:1.7;
}

.schoolhub-search-discovery-button {
  flex:0 0 auto;
  min-height:42px;
  padding:9px 20px;
  border-radius:10px;
  background:#21449A;
  color:#fff !important;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:12px;
  font-weight:700;
  white-space:nowrap;
  transition:.2s ease;
}

.schoolhub-search-discovery-button:hover {
  background:var(--sh-primary);
  transform:translateY(-1px);
}

.schoolhub-search-categories {
  width:min(900px,100%);
  margin:35px auto 0;
}

.schoolhub-search-categories-heading {
  text-align:center;
  margin-bottom:17px;
}

.schoolhub-search-categories-heading h2 {
  margin:0;
  color:var(--sh-primary-dark);
  font-size:15px;
  font-weight:800;
}

.schoolhub-search-category-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}

.schoolhub-search-category {
  min-height:112px;
  padding:14px 10px;
  border-radius:12px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  transition:transform .2s ease,box-shadow .2s ease;
}

.schoolhub-search-category:hover {
  transform:translateY(-2px);
  box-shadow:0 8px 20px rgba(15,23,42,.07);
}

.schoolhub-search-category-icon {
  width:38px;
  height:38px;
  margin-bottom:7px;
  border-radius:10px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:16px;
}

.schoolhub-search-category-title {
  display:block;
  font-size:12px;
  font-weight:800;
  line-height:1.5;
}

.schoolhub-search-category-subtitle {
  display:block;
  margin-top:2px;
  font-size:9px;
  font-weight:500;
  line-height:1.5;
}

.schoolhub-category-summer {
  background:var(--sh-teal-bg);
  color:var(--sh-teal-text);
}
.schoolhub-category-summer .schoolhub-search-category-icon {
  background:rgba(255,255,255,.7);
  color:var(--sh-teal-sub);
}

.schoolhub-category-science {
  background:var(--sh-science-bg);
  color:var(--sh-science-text);
}
.schoolhub-category-science .schoolhub-search-category-icon {
  background:rgba(255,255,255,.72);
  color:var(--sh-science-text);
}

.schoolhub-category-history {
  background:var(--sh-history-bg);
  color:var(--sh-history-text);
}
.schoolhub-category-history .schoolhub-search-category-icon {
  background:rgba(255,255,255,.72);
  color:var(--sh-history-text);
}

.schoolhub-category-math {
  background:var(--sh-math-bg);
  color:var(--sh-math-text);
}
.schoolhub-category-math .schoolhub-search-category-icon {
  background:rgba(255,255,255,.75);
  color:var(--sh-math-text);
}

.schoolhub-screen-reader {
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  padding:0 !important;
  margin:-1px !important;
  overflow:hidden !important;
  clip:rect(0,0,0,0) !important;
  white-space:nowrap !important;
  border:0 !important;
}

@media (max-width:879px) {
  .schoolhub-search-page {
    padding:30px 12px 76px;
  }

  .schoolhub-search-hero {
    padding:35px 14px 28px;
    border-radius:22px;
  }

  .schoolhub-search-title { font-size:29px; }

  .schoolhub-search-subtitle {
    margin-bottom:22px;
    font-size:13px;
    line-height:1.9;
  }

  .schoolhub-search-form {
    min-height:62px;
    padding:5px;
    border-radius:15px;
  }

  .schoolhub-search-field {
    height:50px;
    padding:0 13px;
    font-size:13px;
  }

  .schoolhub-search-submit {
    flex-basis:50px;
    width:50px;
    height:50px;
    border-radius:11px;
  }

  .schoolhub-search-suggestions { margin-top:24px; }

  .schoolhub-search-suggestion-list { gap:8px; }

  .schoolhub-search-suggestion-list a {
    min-height:38px;
    padding:6px 14px;
    font-size:12px;
  }

  .schoolhub-search-discovery {
    min-height:90px;
    margin-top:24px;
    padding:13px 12px;
    gap:10px;
    border-radius:15px;
  }

  .schoolhub-search-discovery-icon {
    flex-basis:44px;
    width:44px;
    height:44px;
    font-size:18px;
  }

  .schoolhub-search-discovery-content h2 { font-size:11px; }
  .schoolhub-search-discovery-content p { font-size:9px; }

  .schoolhub-search-discovery-button {
    min-height:36px;
    padding:7px 10px;
    border-radius:8px;
    font-size:9px;
  }

  .schoolhub-search-categories { margin-top:28px; }

  .schoolhub-search-categories-heading { margin-bottom:13px; }
  .schoolhub-search-categories-heading h2 { font-size:13px; }

  .schoolhub-search-category-grid { gap:8px; }

  .schoolhub-search-category {
    min-height:98px;
    padding:10px 5px;
    border-radius:10px;
  }

  .schoolhub-search-category-icon {
    width:32px;
    height:32px;
    margin-bottom:5px;
    border-radius:8px;
    font-size:13px;
  }

  .schoolhub-search-category-title { font-size:9px; }
  .schoolhub-search-category-subtitle { font-size:7px; }
}

@media (max-width:430px) {
  .schoolhub-search-page {
    padding-left:9px;
    padding-right:9px;
  }

  .schoolhub-search-hero {
    padding-left:10px;
    padding-right:10px;
  }

  .schoolhub-search-title { font-size:27px; }

  .schoolhub-search-discovery { gap:7px; }

  .schoolhub-search-discovery-content { min-width:0; }

  .schoolhub-search-discovery-button {
    padding-left:8px;
    padding-right:8px;
  }
}