/* Gia Sư SV — unified blue brand palette
 * Primary: #0B6FC2 | Deep: #174A73 | Ink: #173F66
 * Green/teal decorative UI is intentionally replaced by blue.
 */
:root{
  --gssv-blue:#0b6fc2;
  --gssv-blue-dark:#174a73;
  --gssv-blue-deep:#173f66;
  --gssv-blue-soft:#eaf4fb;
  --gssv-blue-softer:#f4f8fc;
  --gssv-blue-line:#d7e5f0;
  --gssv-muted:#526b7e;
  --gssv-gold:#f2c94c;
}

/* Header + tutor profile system */
:root{
  --gsp-blue:var(--gssv-blue)!important;
  --gsp-ink:var(--gssv-blue-deep)!important;
  --gsp-green:var(--gssv-blue)!important;
  --gsp-soft:var(--gssv-blue-softer)!important;
  --gsp-line:var(--gssv-blue-line)!important;
}
.gsp-featured{background:linear-gradient(180deg,#eef6fd 0%,#fff 100%)!important}
.gsp-card-top{background:linear-gradient(130deg,#e4f0fb,#f2f7fc)!important}
.gsp-status{background:#eaf4fb!important;color:#0b5ea8!important;border-color:#c8dded!important}
.gsp-status--closed{background:#fff5e4!important;color:#835c11!important;border-color:#f1ddb5!important}
.gsp-status--unknown{background:#eef1f5!important;color:#536579!important;border-color:#d6dfe5!important}
.gsp-profile-photo{background:linear-gradient(150deg,#dcebf8,#f2f7fc)!important}
.gsp-timeline article:before{background:var(--gssv-blue)!important;box-shadow:0 0 0 1px #b9d5e8!important}
.gsp-result{background:#eef6fd!important}
.gsp-topbar{background:#eff6fc!important}
.gsp-menu>li>a:hover,.gsp-menu>li.current-menu-item>a,.gsp-menu>li.current-menu-ancestor>a{background:#eaf4fb!important;color:var(--gssv-blue)!important}

/* Homepage */
.sv-home{
  --sv-blue:var(--gssv-blue)!important;
  --sv-ink:var(--gssv-blue-deep)!important;
  --sv-green:var(--gssv-blue)!important;
}
.sv-home .sv-hero{background:linear-gradient(125deg,#eef6fd 0%,#fff 62%,#f7faff 100%)!important}
.sv-home h1 span,
.sv-home .sv-home-cover figcaption strong,
.sv-home .sv-hero-assurances li:before,
.sv-home .sv-eyebrow,
.sv-home .sv-text-link,
.sv-home .sv-service-kicker{color:var(--gssv-blue)!important}
.sv-home .sv-soft{background:#f4f8fc!important}

/* Parent, tutor and CV experience pages */
.svp-experience{
  --svp-ink:var(--gssv-blue-deep)!important;
  --svp-teal:var(--gssv-blue)!important;
  --svp-muted:var(--gssv-muted)!important;
  --svp-line:var(--gssv-blue-line)!important;
}
.svp-hero{background:linear-gradient(115deg,#f7faff 0%,#fff 58%,#edf5fc 100%)!important}
.svp-eyebrow,
.svp-trust li:before,
.svp-suvi-caption strong span,
.svp-goal-status,
.svp-textlink,
.svp-price-label,
.svp-choice-tag,
.svp-situations a{color:var(--gssv-blue)!important}
.svp-soft,
.svp-choice-cards article,
.svp-goal-details{background:#f4f8fc!important}
.svp-choice-cards article:nth-child(2){background:#edf5fc!important}
.svp-choice-cards article:nth-child(3){background:#fff7ea!important}
.svp-price-grid article{border-top-color:var(--gssv-blue)!important}
.svp-number{background:#eaf4fb!important;color:var(--gssv-blue)!important}
.svp-choice-icon{color:var(--gssv-blue)!important}
.svp-student-prices{border-color:#c9deef!important;background:linear-gradient(120deg,#edf5fc,#fff)!important}
.svp-article-image{background:#eef5fb!important}
.svp-article-placeholder{color:var(--gssv-blue)!important}
.svp-experience .is-success{background:#eaf4fb!important;color:#174a73!important}
.svp-experience .svp-btn{background:var(--gssv-blue-deep)!important;border-color:var(--gssv-blue-deep)!important}
.svp-experience .svp-btn:hover{background:#103858!important}
.svp-experience .svp-btn-light{background:#fff!important;color:var(--gssv-blue-deep)!important;border-color:#bfd3e3!important}

/* SuVi: blue brand treatment instead of teal/green */
.svp-suvi-art path[fill="#167d8d"]{fill:var(--gssv-blue)!important}
.svp-suvi-art circle[fill="#e6f3ef"]{fill:#eaf4fb!important}
.svp-suvi-art path[stroke="#93c6c5"]{stroke:#86b9dd!important}
.svp-suvi-caption{border-color:#d2e2ee!important}

/* Tutor hub */
.svt-hub .svt-class-section{background:linear-gradient(145deg,#eef6fd,#f7faff)!important;border-color:var(--gssv-blue-line)!important}
.svt-hub .svt-classes .svt-class{border-top-color:var(--gssv-blue)!important;border-color:#cbddea!important}
.svt-hub .svt-status{background:#eaf4fb!important;color:#0b5ea8!important;border-color:#c7dceb!important}
.svt-steps li,.svt-notice{background:#f1f6fb!important}
.svt-steps li:before{color:var(--gssv-blue)!important}
.svt-hub .svt-class dl>.svt-salary{background:#eef6fd!important;border-color:#cfdfeb!important}
.svt-salary dd{color:#0b5ea8!important}
.svt-status{color:#0b5ea8!important;background:#eaf4fb!important}

/* CV workspace */
.svc-page .gcv-class-suggestions{border-color:#c9deef!important;background:#f1f7fc!important}
.svc-page .gcv-class-suggestions>a:hover{border-color:var(--gssv-blue)!important}
.svc-page .gcv-notify-choice{border-color:var(--gssv-blue-line)!important}
.svc-page .gcv-primary{background:var(--gssv-blue)!important;border-color:var(--gssv-blue)!important}
.svc-page .gcv-secondary{background:#f2f7fc!important;border-color:#bfd3e3!important}
.svc-page .svc-start{border-color:#cbddea!important;background:#f2f7fc!important}

/* Lớp Mới */
body.page-template-page-lopgs .gssv-classes-hero{background:linear-gradient(135deg,#0b6fc2 0%,#174a73 100%)!important}
body.page-template-page-lopgs .gssv-cv-strip{border-left-color:var(--gssv-blue)!important;background:#eef6fd!important}
body.page-template-page-lopgs .gssv-section-kicker,
body.page-template-page-lopgs details.gssv-classes-seo summary:after{color:var(--gssv-blue)!important}
body.page-template-page-lopgs .gssv-btn--cv{background:var(--gssv-blue)!important;border-color:var(--gssv-blue)!important}
body.page-template-page-lopgs .gssv-cv-cta{border-color:#d4e3ef!important;background:#f2f7fc!important}
body.page-template-page-lopgs .gssv-hero-visual svg [fill="#bfe9dc"]{fill:#dceeff!important}
body.page-template-page-lopgs .gssv-hero-visual svg [fill="#dff4ff"]{fill:#dceeff!important}

/* Cẩm nang / Góc Phụ Huynh and audience hubs */
.sv-blog{
  --blue:var(--gssv-blue)!important;
  --green:var(--gssv-blue)!important;
  --ink:var(--gssv-blue-deep)!important;
}
.sv-hub{
  --hub-accent:var(--gssv-blue)!important;
  --hub-green:var(--gssv-blue)!important;
  --hub-ink:var(--gssv-blue-deep)!important;
}
.sv-blog,.sv-hub{background:#f7faff!important}

/* Học & Thi — blue learning palette */
.page-id-4017 .gssv-study.gsv-teen{
  --gssv-primary:var(--gssv-blue);
  --gssv-primary-dark:var(--gssv-blue-dark);
  --gssv-soft:var(--gssv-blue-soft);
}
.page-id-4017 .gsv-teen .gsv-welcome{background:linear-gradient(135deg,#eef6fd,#f9fbfe)!important;border-color:#d6e5f0!important}
.page-id-4017 .gsv-teen .gsv-eyebrow,
.page-id-4017 .gsv-teen .gsv-greeting,
.page-id-4017 .gsv-teen .gsv-learning-guide strong{color:var(--gssv-blue)!important}
.page-id-4017 .gsv-name-inline,
.page-id-4017 .gsv-learning-guide{background:#f2f7fc!important;border-color:#d4e3ef!important}
.page-id-4017 .gsv-paths button,
.page-id-4017 .gsv-inline-fields button,
.page-id-4017 .gsv-extra-practice button{border-color:#bfd5e6!important}
.page-id-4017 .gsv-paths button[aria-pressed="true"],
.page-id-4017 .gsv-paths button.is-active,
.page-id-4017 .gsv-inline-fields button:not(.gsv-secondary){
  background:var(--gssv-blue)!important;
  border-color:var(--gssv-blue)!important;
  color:#fff!important;
  box-shadow:0 4px 0 #c9dce9!important;
}
.page-id-4017 .gsv-paths button[aria-pressed="true"] span,
.page-id-4017 .gsv-paths button[aria-pressed="true"] small,
.page-id-4017 .gsv-paths button.is-active span,
.page-id-4017 .gsv-paths button.is-active small{
  color:#fff!important;
  opacity:1!important;
}
.page-id-4017 .gsv-paths button:not([aria-pressed="true"]):not(.is-active){
  background:#fff!important;
  color:var(--gssv-blue-deep)!important;
  border-color:#c4d8e8!important;
  box-shadow:0 4px 0 #e6eef5!important;
}
.page-id-4017 .gsv-paths button:not([aria-pressed="true"]):not(.is-active) small{
  color:#5d7286!important;
}
.page-id-4017 .gsv-filters{
  background:#f4f8fc!important;
  border-color:#d7e5f0!important;
  box-shadow:none!important;
}
.page-id-4017 .gsv-filters label{color:var(--gssv-blue-deep)!important}
.page-id-4017 .gsv-filters select{
  border-color:#bfd3e4!important;
  background:#fff!important;
  color:var(--gssv-blue-deep)!important;
}
.page-id-4017 .gsv-count{color:#526b7e!important}
.page-id-4017 .gsv-paths{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
}
.page-id-4017 .gsv-paths button{
  min-width:0!important;
  text-align:left!important;
}
.page-id-4017 .gsv-paths button small{
  display:block;
  margin-top:5px;
  font-weight:600;
  line-height:1.45;
}
@media(max-width:1000px){
  .page-id-4017 .gsv-paths{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:620px){
  .page-id-4017 .gsv-paths{grid-template-columns:1fr!important}
}
.page-id-4017 .gssv-grade-quick{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin:0 0 16px;
}
.page-id-4017 .gssv-grade-quick a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:82px;
  min-height:42px;
  padding:8px 14px;
  border:1px solid #bfd3e4;
  border-radius:11px;
  background:#fff;
  color:#174a73;
  font-size:14px;
  font-weight:750;
  text-decoration:none;
}
.page-id-4017 .gssv-grade-quick a:hover{
  border-color:#0b6fc2;
  background:#f0f6fc;
}
.page-id-4017 .gssv-grade-quick a[aria-current="page"]{
  background:#0b6fc2;
  border-color:#0b6fc2;
  color:#fff;
}
.page-id-4017 .gssv-await-grade .gsv-syllabus,
.page-id-4017 .gssv-await-grade .gsv-pagination{
  display:none!important;
}
.page-id-4017 .gssv-await-grade .gsv-count{
  margin:16px 0 8px!important;
  padding:12px 14px;
  border-radius:10px;
  background:#f2f7fc;
  border:1px dashed #bfd3e4;
  color:#526b7e!important;
}
.page-id-4017 .gsv-chapter-book{border-color:#d4e3ef!important}
.page-id-4017 .gsv-chapter-book>summary{background:#f4f8fc!important}
.page-id-4017 .gsv-lesson-row{border-color:#e1eaf2!important}

/* Generic frontend controls that still inherit legacy green */
body:not(.wp-admin) .wp-block-button__link,
body:not(.wp-admin) input[type="submit"].button-primary,
body:not(.wp-admin) button.button-primary{background:var(--gssv-blue)!important;border-color:var(--gssv-blue)!important}

/* Keep yellow/orange only as a small semantic highlight; no green brand surfaces. */