/**
 * Dependent Visa hub — extends visit-visa hub styles
 */
:root {
  --dv-rose: #e11d48;
  --dv-rose-dark: #be123c;
  --dv-warm: #fb7185;
}

.dependent-visa-page .vv-hero-bg {
  background-color: #0c2d48;
  background-image:
    linear-gradient(135deg, rgba(12, 45, 72, 0.9) 0%, rgba(190, 18, 60, 0.55) 45%, rgba(13, 148, 136, 0.65) 100%),
    url('../img/maps/world-map.jpg');
  background-size: cover, min(72vw, 920px) auto;
  background-position: center, 78% 42%;
  background-repeat: no-repeat;
}

.dependent-visa-page .vv-hero-badges span i.bi-heart,
.dependent-visa-page .vv-hero-badges span i.bi-people {
  color: var(--dv-warm);
}

.dependent-visa-page .vv-family-types {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}

@media (min-width: 992px) {
  .dependent-visa-page .vv-family-types {
    grid-template-columns: repeat(4, 1fr);
  }
}

.dependent-visa-page .vv-family-type {
  background: #fff;
  border: 1px solid rgba(190, 18, 60, 0.12);
  border-radius: 14px;
  padding: 24px 18px;
  text-align: center;
  box-shadow: 0 4px 18px rgba(12, 45, 72, 0.05);
  height: 100%;
}

.dependent-visa-page .vv-family-type i {
  font-size: 2rem;
  color: var(--dv-rose);
  margin-bottom: 12px;
  display: block;
}

.dependent-visa-page .vv-family-type h4 {
  font-size: 1rem;
  font-weight: 700;
  color: var(--vv-navy);
  margin: 0 0 8px;
}

.dependent-visa-page .vv-family-type p {
  font-size: 0.82rem;
  color: #5a6478;
  margin: 0;
  line-height: 1.5;
}

.dependent-visa-page .vv-detail-card__visa-type {
  color: var(--dv-rose-dark);
}

.dependent-visa-page .ca-seo-link {
  color: var(--dv-rose-dark);
}

.dependent-visa-page .ca-seo-link:hover {
  color: var(--vv-gold);
}

.dependent-visa-page .vv-schengen-stat strong {
  color: var(--dv-rose-dark);
}

.dependent-visa-page .vv-schengen-rule > i {
  color: var(--dv-rose);
}

.dependent-visa-page .vv-flag-card--featured {
  border-color: var(--dv-rose);
  background: linear-gradient(180deg, #fff1f2 0%, #fff 100%);
}

.dependent-visa-page .vv-trust-stat strong {
  color: var(--dv-rose-dark);
}

.dependent-visa-page .vv-country-group__title i {
  color: var(--dv-rose);
}

.dependent-visa-page .ca-consult-showcase {
  border-color: rgba(190, 18, 60, 0.15);
}

.dependent-visa-page .ca-consult-showcase__eyebrow {
  color: var(--dv-rose-dark);
}

/* Spouse & partner hub — deeper rose accent */
.spouse-partner-visa-page .vv-hero-bg {
  background-image:
    linear-gradient(135deg, rgba(12, 45, 72, 0.88) 0%, rgba(190, 18, 60, 0.62) 50%, rgba(225, 29, 72, 0.45) 100%),
    url('../img/maps/world-map.jpg');
}

/* Child dependent hub — teal accent */
.child-dependent-visa-page {
  --dv-rose: #0d9488;
  --dv-rose-dark: #0f766e;
  --dv-warm: #2dd4bf;
}

.child-dependent-visa-page .vv-hero-bg {
  background-image:
    linear-gradient(135deg, rgba(12, 45, 72, 0.9) 0%, rgba(15, 118, 110, 0.58) 45%, rgba(13, 148, 136, 0.65) 100%),
    url('../img/maps/world-map.jpg');
}

/* Canada family PR hub — maple red accent */
.family-pr-canada-page {
  --dv-rose: #dc2626;
  --dv-rose-dark: #b91c1c;
  --dv-warm: #f87171;
}

.family-pr-canada-page .vv-hero-bg {
  background-image:
    linear-gradient(135deg, rgba(12, 45, 72, 0.9) 0%, rgba(185, 28, 28, 0.55) 45%, rgba(12, 45, 72, 0.75) 100%),
    url('../img/maps/canada-map.svg');
  background-size: cover, min(68vw, 880px) auto;
  background-position: center, 82% 50%;
}