/* Hyper Era Tours — V17 global soft-teal page-heading system
   Applies the darker light-teal title surface consistently across the whole site. */

:root{
  --page-surface-teal-1:#cfe2df;
  --page-surface-teal-2:#dcebe8;
  --page-surface-teal-3:#bdd7d3;
  --page-surface-teal-line:#a9cbc6;
  --page-surface-heading:#063844;
  --page-surface-copy:#294f55;
  --page-surface-accent:#0a6872;
  --page-surface-gold:#f6bd55;
}

/* Every public inner page gets the same themed title/banner surface. */
.is-inner .page-hero,
.page-packages .page-hero,
.page-gallery .page-hero,
.page-past-tours .page-hero,
.page-reviews .page-hero,
.page-about .page-hero,
.page-contact .page-hero,
.page-faq .page-hero,
.page-terms .page-hero,
.page-privacy .page-hero,
.page-package-details .page-hero,
.page-book .page-hero{
  background:
    linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,0) 44%),
    linear-gradient(120deg,var(--page-surface-teal-1) 0%,var(--page-surface-teal-2) 52%,var(--page-surface-teal-3) 100%)!important;
  border-bottom:1px solid var(--page-surface-teal-line)!important;
  box-shadow:inset 0 -1px 0 rgba(6,56,68,.05)!important;
}

/* Uniform icon tile, type and contrast across every title banner. */
.is-inner .page-hero .container::before{
  background:var(--page-surface-heading)!important;
  color:var(--page-surface-gold)!important;
  border-color:var(--page-surface-heading)!important;
  box-shadow:0 8px 22px rgba(6,56,68,.16)!important;
}
.is-inner .page-hero .eyebrow{
  color:var(--page-surface-accent)!important;
}
.is-inner .page-hero h1{
  color:var(--page-surface-heading)!important;
}
.is-inner .page-hero p{
  color:var(--page-surface-copy)!important;
}

/* Dashboard and admin page-heading areas follow the same surface system. */
.dashboard-layout .dash-top{
  padding:22px 24px!important;
  margin-bottom:24px!important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,0) 46%),
    linear-gradient(120deg,var(--page-surface-teal-1),var(--page-surface-teal-2) 55%,var(--page-surface-teal-3))!important;
  border:1px solid var(--page-surface-teal-line)!important;
  border-radius:8px!important;
  box-shadow:0 12px 28px rgba(6,56,68,.08)!important;
}
.dashboard-layout .dash-top h1{
  color:var(--page-surface-heading)!important;
}
.dashboard-layout .dash-top p{
  color:var(--page-surface-copy)!important;
}

/* Login and registration keep white form cards while gaining the shared theme. */
.page-login .auth-panel,
.page-register .auth-panel{
  background:linear-gradient(145deg,#eef7f5 0%,var(--page-surface-teal-2) 100%)!important;
}
.page-login .auth-box,
.page-register .auth-box{
  background:#fff!important;
  border:1px solid var(--page-surface-teal-line)!important;
  box-shadow:0 24px 60px rgba(6,56,68,.13)!important;
}

@media(max-width:900px){
  .dashboard-layout .dash-top{
    padding:18px!important;
  }
}

@media(max-width:560px){
  .is-inner .page-hero{
    background:linear-gradient(145deg,#c9dfdc 0%,#d9e9e6 58%,#b8d4cf 100%)!important;
  }
  .dashboard-layout .dash-top{
    padding:16px!important;
    border-radius:7px!important;
  }
}