/**
 * contact.css — Contact page specific styles
 * Loaded only on pages/contact.php via $extra_css
 */


/* ══════════════════════════════════════════════════════════════════════
   CONTACT PAGE HERO — dark gradient variant
   Overrides the default .page-hero light style for this page only.
══════════════════════════════════════════════════════════════════════ */

.page-hero--dark {
  background:   linear-gradient(125deg, #0d1b2a 0%, #1a3a52 45%, #2D6E8F 100%);
  border-bottom: none;
}

/* Radial gold glow — top-left accent */
.page-hero--dark::before {
  content:       '';
  position:      absolute;
  top:           -80px;
  left:          -80px;
  width:         420px;
  height:        420px;
  border-radius: 50%;
  background:    radial-gradient(circle, rgba(212,160,48,0.14) 0%, transparent 65%);
  pointer-events: none;
  z-index:       0;
}

/* Override the default right-edge fade */
.page-hero--dark::after {
  background: linear-gradient(to left, rgba(45,110,143,0.20), transparent);
}

/* Breadcrumb on dark background */
.page-hero--dark .page-hero__breadcrumb .breadcrumb-item a {
  color:           rgba(255,255,255,0.65);
  text-decoration: none;
  transition:      color var(--transition-fast);
}
.page-hero--dark .page-hero__breadcrumb .breadcrumb-item a:hover {
  color: #fff;
}
.page-hero--dark .page-hero__breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  color: rgba(255,255,255,0.35);
}
.page-hero--dark .page-hero__breadcrumb .breadcrumb-item.active {
  color: rgba(255,255,255,0.75);
}

/* Gold accent bar + white title */
.page-hero--dark .page-hero__title {
  color:       #fff;
  padding-top: var(--space-4);
}
.page-hero--dark .page-hero__title::before {
  content:       '';
  display:       block;
  width:         48px;
  height:        3px;
  border-radius: 2px;
  background:    linear-gradient(90deg, var(--color-gold), var(--color-gold-hover));
  margin-bottom: var(--space-4);
}

/* Subtitle on dark background */
.page-hero--dark .page-hero__subtitle {
  color: rgba(255,255,255,0.75);
}