/*
 * Public route visual redesign V2.
 * Final visible composition layer for non-admin public pages.
 * The earlier polish file handles interaction craft; this layer makes the
 * section hierarchy and surfaces clearly, visibly different.
 */

:root {
  --route-v2-shell: 1180px;
  --route-v2-navy: #061f2f;
  --route-v2-ocean: #0a4b60;
  --route-v2-gold: #edc45e;
  --route-v2-paper: #fff;
  --route-v2-soft: #f3f6f6;
  --route-v2-line: #d9e2e4;
  --route-v2-ink: #0d3545;
  --route-v2-muted: #60747c;
}

/* Shared public-shell finish */
.site-header:not(.site-header--home) {
  background: rgba(3, 29, 43, .96) !important;
  border-bottom-color: rgba(255,255,255,.1) !important;
  box-shadow: none !important;
}

.site-header:not(.site-header--home) .site-header-cta {
  border-radius: 7px !important;
  background: linear-gradient(135deg, #f5d77f, #edc45e) !important;
  color: #20323b !important;
  box-shadow: none !important;
}

/* Generic exam pages */
.exam-page {
  background: #fff !important;
}

.exam-page .exam-hero {
  min-height: 520px !important;
  display: flex;
  align-items: center;
  background:
    linear-gradient(96deg, rgba(2,20,32,.985) 0%, rgba(4,39,55,.91) 45%, rgba(5,60,75,.52) 74%, rgba(2,25,38,.74) 100%),
    url('/hero-australia-coast.jpg') center 61% / cover no-repeat !important;
}

.exam-page .exam-hero-inner {
  width: min(var(--route-v2-shell), calc(100% - 64px)) !important;
  padding: 76px 0 !important;
  gap: 72px !important;
}

.exam-page .exam-hero h1 {
  max-width: 760px;
  font-size: clamp(46px, 5vw, 68px) !important;
  line-height: 1.08 !important;
  letter-spacing: -2px !important;
}

.exam-page .exam-hero-copy {
  max-width: 730px !important;
  font-size: 16px !important;
  line-height: 1.82 !important;
}

.exam-page .exam-target-card {
  padding: 30px !important;
  border: 1px solid rgba(255,255,255,.21) !important;
  border-radius: 10px !important;
  background: rgba(4,38,54,.55) !important;
}

.exam-page .exam-overview {
  width: min(var(--route-v2-shell), calc(100% - 64px)) !important;
  padding: 78px 0 72px !important;
}

.exam-page .exam-structure {
  padding: 72px 0 !important;
  background: #f2f5f5 !important;
  border-block: 1px solid #e1e7e8;
}

.exam-page .exam-structure > .exam-shell {
  width: min(var(--route-v2-shell), calc(100% - 64px)) !important;
}

.exam-page .exam-structure-table {
  gap: 12px !important;
}

.exam-page .exam-structure-table article {
  padding: 25px !important;
  border-radius: 9px !important;
  background: #fff !important;
  box-shadow: 0 8px 26px rgba(6,45,58,.045) !important;
}

.exam-page .exam-final-cta {
  padding: 64px 0 !important;
  background: linear-gradient(110deg, #05283a, #084a5c) !important;
}

/* SEO/search-database pages */
.seo-v4 {
  background: #fff !important;
}

.seo-v4 .seo-nav {
  height: 74px !important;
  background: #06283a !important;
  border-bottom-color: rgba(255,255,255,.1) !important;
}

.seo-v4 .seo-hero {
  background:
    linear-gradient(98deg, rgba(2,20,32,.99) 0%, rgba(4,39,55,.91) 44%, rgba(5,65,80,.54) 76%, rgba(2,24,37,.75) 100%),
    url('/hero-australia-coast.jpg') center 61% / cover no-repeat !important;
}

.seo-v4 .seo-hero-grid {
  min-height: 520px !important;
  padding: 76px 0 92px !important;
  grid-template-columns: minmax(0, 1fr) 300px !important;
  gap: 80px !important;
}

.seo-v4 .seo-hero h1 {
  max-width: 790px !important;
  font-size: clamp(46px, 5vw, 68px) !important;
  line-height: 1.09 !important;
}

.seo-v4 .seo-lead {
  font-size: 16px !important;
  line-height: 1.85 !important;
}

.seo-v4 .seo-hero aside {
  border-radius: 10px !important;
  background: rgba(4,38,54,.54) !important;
}

.seo-v4 .seo-quick {
  position: relative;
  z-index: 3;
  margin-top: -42px !important;
  gap: 10px !important;
}

.seo-v4 .seo-quick article {
  min-height: 150px !important;
  padding: 22px !important;
  border-radius: 9px !important;
  background: #fff !important;
  box-shadow: 0 14px 36px rgba(5,42,55,.08) !important;
}

.seo-v4 .seo-section {
  padding-top: 78px !important;
  padding-bottom: 78px !important;
}

.seo-v4 .seo-requirement-grid,
.seo-v4 .seo-choice-grid,
.seo-v4 .seo-practice-grid,
.seo-v4 .seo-future-grid {
  gap: 14px !important;
}

.seo-v4 .seo-requirement-grid article,
.seo-v4 .seo-choice-grid article,
.seo-v4 .seo-practice-grid article,
.seo-v4 .seo-future-grid article {
  border-radius: 9px !important;
  background: #fff !important;
  box-shadow: 0 8px 26px rgba(6,45,58,.045) !important;
}

.seo-v4 .seo-universities,
.seo-v4 .seo-special {
  background: linear-gradient(125deg, #062b3e, #084b5c) !important;
}

.seo-v4 .seo-conversion-proof,
.seo-v4 .seo-tool {
  border-radius: 10px !important;
}

/* Core IELTS / TOEFL / PTE pages */
[data-core-exam-page] {
  background: #fff !important;
}

[data-core-exam-page] > section:first-of-type {
  min-height: 560px !important;
  display: flex;
  align-items: center;
  background:
    linear-gradient(98deg, rgba(2,20,32,.99) 0%, rgba(4,39,55,.92) 45%, rgba(5,65,80,.50) 77%, rgba(2,24,37,.76) 100%),
    url('/hero-australia-coast.jpg') center 61% / cover no-repeat !important;
}

[data-core-exam-page] > section:first-of-type h1 {
  font-size: clamp(48px, 5vw, 70px) !important;
  line-height: 1.07 !important;
  letter-spacing: -2px !important;
}

[data-core-exam-page] > section:first-of-type aside {
  border: 1px solid rgba(255,255,255,.2) !important;
  border-radius: 10px !important;
  background: rgba(4,38,54,.55) !important;
}

[data-core-exam-page] > nav {
  border-bottom: 1px solid #dce4e6 !important;
  background: rgba(255,255,255,.97) !important;
  box-shadow: 0 7px 22px rgba(5,42,55,.055) !important;
}

[data-core-exam-page] section[id="programs"] {
  background: #fff !important;
}

[data-core-exam-page] section[id="programs"] article {
  border-radius: 10px !important;
  box-shadow: 0 10px 32px rgba(6,45,58,.06) !important;
}

[data-core-exam-page] section[id="cases"] {
  background: #f3f6f6 !important;
  border-block: 1px solid #e0e7e8;
}

[data-core-exam-page] section[id="protection"] {
  background: linear-gradient(125deg, #062a3c, #084b5c) !important;
}

[data-core-exam-page] section[id="essentials"] {
  background: #fff !important;
}

[data-core-exam-page] section[id="essentials"] details {
  border-radius: 8px !important;
  background: #f8faf9 !important;
}

/* How We Work + success cases */
.conversion-page {
  background: #fff !important;
}

.conversion-page .conversion-page-hero {
  min-height: 430px !important;
  padding-top: 72px !important;
  padding-bottom: 72px !important;
  background:
    linear-gradient(98deg, rgba(2,20,32,.99) 0%, rgba(4,39,55,.91) 45%, rgba(5,65,80,.53) 77%, rgba(2,24,37,.76) 100%),
    url('/hero-australia-coast.jpg') center 61% / cover no-repeat !important;
}

.conversion-page .conversion-page-hero h1 {
  max-width: 850px;
  font-size: clamp(44px, 5vw, 66px) !important;
  line-height: 1.09 !important;
}

.conversion-process-list {
  padding-top: 72px !important;
  padding-bottom: 72px !important;
  background: #fff !important;
}

.conversion-process-step .conversion-step-card {
  border-radius: 9px !important;
  background: #fff !important;
  box-shadow: 0 8px 26px rgba(6,45,58,.045) !important;
}

.conversion-deliverables {
  padding-top: 72px !important;
  padding-bottom: 72px !important;
  background: #f3f6f6 !important;
  border-block: 1px solid #e0e7e8;
}

.conversion-deliverables article {
  border-radius: 9px !important;
  background: #fff !important;
}

.conversion-faq {
  padding-top: 70px !important;
  padding-bottom: 70px !important;
  background: #fff !important;
}

.case-archive-list {
  border: 0 !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
}

.case-card-v2 {
  border-radius: 10px !important;
  box-shadow: 0 10px 30px rgba(6,45,58,.055) !important;
}

.conversion-page-cta {
  background: linear-gradient(110deg, #05283a, #084a5c) !important;
}

/* Destination directory and details */
.destinations-directory,
.destination-page {
  background: #fff !important;
}

.destinations-hero,
.destination-hero {
  min-height: 390px !important;
  display: flex;
  align-items: center;
  background:
    linear-gradient(98deg, rgba(2,20,32,.99) 0%, rgba(4,39,55,.90) 45%, rgba(5,65,80,.52) 77%, rgba(2,24,37,.75) 100%),
    url('/hero-australia-coast.jpg') center 61% / cover no-repeat !important;
}

.destination-page .destination-hero {
  min-height: 470px !important;
}

.destinations-grid {
  gap: 14px !important;
}

.destinations-grid a {
  min-height: 240px !important;
  padding: 26px !important;
  border-radius: 10px !important;
  background: #fff !important;
  box-shadow: 0 9px 28px rgba(6,45,58,.05) !important;
}

.destination-hero aside {
  border: 1px solid rgba(255,255,255,.2) !important;
  border-radius: 10px !important;
  background: rgba(4,38,54,.55) !important;
}

.destination-section {
  padding-top: 72px !important;
  padding-bottom: 72px !important;
}

.destination-pathways,
.destination-scenarios {
  padding-top: 72px !important;
  padding-bottom: 72px !important;
  background: linear-gradient(125deg, #062b3e, #084b5c) !important;
}

.destination-pathway-table {
  border-radius: 9px !important;
  background: #fff !important;
}

.destination-check-grid article,
.destination-card-grid article {
  border-radius: 9px !important;
}

.destination-faq {
  padding-top: 70px !important;
  padding-bottom: 70px !important;
}

.destination-cta {
  background: linear-gradient(110deg, #05283a, #084a5c) !important;
}

/* Insights */
.insights-page,
.insight-article {
  background: #fff !important;
}

.insights-hero {
  min-height: 380px !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background:
    linear-gradient(98deg, rgba(2,20,32,.99) 0%, rgba(4,39,55,.90) 45%, rgba(5,65,80,.52) 77%, rgba(2,24,37,.75) 100%),
    url('/hero-australia-coast.jpg') center 61% / cover no-repeat !important;
}

.insights-list {
  padding-top: 72px !important;
  padding-bottom: 72px !important;
}

.insights-list article {
  padding: 28px !important;
  border-radius: 9px !important;
  background: #fff !important;
  box-shadow: 0 9px 28px rgba(6,45,58,.045) !important;
}

.insight-article > article {
  max-width: 860px !important;
}

.insight-article > article > header {
  padding-top: 70px !important;
}

.insight-source,
.insight-faq details,
.insight-related > div > a {
  border-radius: 9px !important;
}

.insights-cta {
  background: linear-gradient(110deg, #05283a, #084a5c) !important;
}

/* Test centres, more exams, official directory */
.test-centres-page,
.more-exams-page,
.official-directory {
  background: #fff !important;
}

.test-centres-hero,
.more-exams-hero,
.official-directory-hero {
  min-height: 360px !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background:
    linear-gradient(98deg, rgba(2,20,32,.99) 0%, rgba(4,39,55,.90) 45%, rgba(5,65,80,.52) 77%, rgba(2,24,37,.75) 100%),
    url('/hero-australia-coast.jpg') center 61% / cover no-repeat !important;
}

.test-centres-section,
.more-exams-section {
  padding-top: 72px !important;
  padding-bottom: 72px !important;
}

.test-centres-section.alt {
  background: #f3f6f6 !important;
  border-block: 1px solid #e0e7e8;
}

.test-centre-item,
.test-centres-exam-grid article,
.more-exams-grid article,
.official-portals-grid article {
  border-radius: 9px !important;
  background: #fff !important;
  box-shadow: 0 8px 26px rgba(6,45,58,.045) !important;
}

.official-portals {
  background: #fff !important;
}

.official-directory-help {
  border-radius: 10px !important;
  background: linear-gradient(110deg, #05283a, #084a5c) !important;
  color: #fff !important;
}

/* True-hover depth only */
@media (hover: hover) and (pointer: fine) {
  .exam-page .exam-structure-table article:hover,
  .seo-v4 .seo-quick article:hover,
  .seo-v4 .seo-requirement-grid article:hover,
  .seo-v4 .seo-choice-grid article:hover,
  [data-core-exam-page] section[id="programs"] article:hover,
  .conversion-process-step .conversion-step-card:hover,
  .case-card-v2:hover,
  .destinations-grid a:hover,
  .insights-list article:hover,
  .test-centre-item:hover,
  .more-exams-grid article:hover,
  .official-portals-grid article:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 15px 36px rgba(6,45,58,.085) !important;
  }
}

/* Mobile keeps the same visual identity without desktop weight */
@media (max-width: 700px) {
  .exam-page .exam-hero,
  .seo-v4 .seo-hero,
  [data-core-exam-page] > section:first-of-type,
  .conversion-page .conversion-page-hero,
  .destinations-hero,
  .destination-hero,
  .insights-hero,
  .test-centres-hero,
  .more-exams-hero,
  .official-directory-hero {
    min-height: auto !important;
    background-position: 60% center !important;
  }

  .exam-page .exam-hero-inner,
  .seo-v4 .seo-hero-grid {
    width: calc(100% - 28px) !important;
    padding: 48px 0 !important;
  }

  .exam-page .exam-hero h1,
  .seo-v4 .seo-hero h1,
  [data-core-exam-page] > section:first-of-type h1,
  .conversion-page .conversion-page-hero h1 {
    font-size: clamp(38px, 10vw, 50px) !important;
    line-height: 1.1 !important;
    letter-spacing: -1.4px !important;
  }

  .seo-v4 .seo-quick {
    margin-top: 0 !important;
  }

  .seo-v4 .seo-quick article,
  .exam-page .exam-structure-table article,
  [data-core-exam-page] section[id="programs"] article,
  .conversion-process-step .conversion-step-card,
  .case-card-v2,
  .destinations-grid a,
  .insights-list article,
  .test-centre-item,
  .more-exams-grid article,
  .official-portals-grid article {
    border-radius: 9px !important;
    box-shadow: none !important;
  }

  .exam-page .exam-overview,
  .exam-page .exam-structure,
  .seo-v4 .seo-section,
  .conversion-process-list,
  .conversion-deliverables,
  .conversion-faq,
  .destination-section,
  .destination-pathways,
  .destination-scenarios,
  .destination-faq,
  .insights-list,
  .test-centres-section,
  .more-exams-section {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .exam-page article,
  .seo-v4 article,
  [data-core-exam-page] article,
  .conversion-page article,
  .destinations-directory a,
  .destination-page article,
  .insights-page article,
  .test-centres-page article,
  .more-exams-page article,
  .official-directory article {
    transform: none !important;
  }
}