/* Vertical landing accents — shared base + per-vertical atmosphere */

.vertical-tattoo,
.vertical-trainers,
.vertical-barbers,
.vertical-hairdressers,
.vertical-makeup,
.vertical-cardetail,
.vertical-massage,
.vertical-dj,
.vertical-spraytan,
.vertical-ivtherapy,
.vertical-photo,
.vertical-doggroomer {
  --ld-ink: #1a1f1c;
}

.vertical-tattoo {
  --ld-accent: #3d4a3f;
  --ld-accent-soft: #5a6b5c;
  --ld-wash: #e8ebe6;
  --ld-hero-glow: rgba(61, 74, 63, 0.18);
}
.vertical-trainers {
  --ld-accent: #2f4a5c;
  --ld-accent-soft: #4a6d82;
  --ld-wash: #e6eef2;
  --ld-hero-glow: rgba(47, 74, 92, 0.2);
}
.vertical-barbers {
  --ld-accent: #3a342c;
  --ld-accent-soft: #5c5348;
  --ld-wash: #f0ebe4;
  --ld-hero-glow: rgba(58, 52, 44, 0.2);
}
.vertical-hairdressers {
  --ld-accent: #5c4a5e;
  --ld-accent-soft: #7a657c;
  --ld-wash: #f3eef3;
  --ld-hero-glow: rgba(92, 74, 94, 0.18);
}
.vertical-makeup {
  --ld-accent: #6b4a5a;
  --ld-accent-soft: #8a6575;
  --ld-wash: #f6eef2;
  --ld-hero-glow: rgba(107, 74, 90, 0.18);
}
.vertical-cardetail {
  --ld-accent: #1e4d5c;
  --ld-accent-soft: #3a6f80;
  --ld-wash: #e2eef1;
  --ld-hero-glow: rgba(30, 77, 92, 0.2);
}
.vertical-massage {
  --ld-accent: #4a5c4e;
  --ld-accent-soft: #6a7d6e;
  --ld-wash: #e8eee9;
  --ld-hero-glow: rgba(74, 92, 78, 0.18);
}
.vertical-dj {
  --ld-accent: #3a3355;
  --ld-accent-soft: #5a5278;
  --ld-wash: #eeecf4;
  --ld-hero-glow: rgba(58, 51, 85, 0.2);
}
.vertical-spraytan {
  --ld-accent: #8a5a3c;
  --ld-accent-soft: #a87655;
  --ld-wash: #f6eee8;
  --ld-hero-glow: rgba(138, 90, 60, 0.18);
}
.vertical-ivtherapy {
  --ld-accent: #2f5c62;
  --ld-accent-soft: #4a7a80;
  --ld-wash: #e6f0f1;
  --ld-hero-glow: rgba(47, 92, 98, 0.2);
}
.vertical-photo {
  --ld-accent: #3d4a5c;
  --ld-accent-soft: #5a6a80;
  --ld-wash: #e8ecf2;
  --ld-hero-glow: rgba(61, 74, 92, 0.18);
}
.vertical-doggroomer {
  --ld-accent: #5c4a32;
  --ld-accent-soft: #7a6648;
  --ld-wash: #f3eee6;
  --ld-hero-glow: rgba(92, 74, 50, 0.18);
}

.vertical-tattoo .hero,
.vertical-trainers .hero,
.vertical-barbers .hero,
.vertical-hairdressers .hero,
.vertical-makeup .hero,
.vertical-cardetail .hero,
.vertical-massage .hero,
.vertical-dj .hero,
.vertical-spraytan .hero,
.vertical-ivtherapy .hero,
.vertical-photo .hero,
.vertical-doggroomer .hero {
  background:
    radial-gradient(ellipse 80% 60% at 85% 15%, var(--ld-hero-glow), transparent 55%),
    radial-gradient(ellipse 50% 40% at 10% 80%, var(--ld-wash), transparent 50%),
    linear-gradient(180deg, #f7f8f6 0%, #ffffff 55%);
}

.vertical-tattoo .btn-primary,
.vertical-trainers .btn-primary,
.vertical-barbers .btn-primary,
.vertical-hairdressers .btn-primary,
.vertical-makeup .btn-primary,
.vertical-cardetail .btn-primary,
.vertical-massage .btn-primary,
.vertical-dj .btn-primary,
.vertical-spraytan .btn-primary,
.vertical-ivtherapy .btn-primary,
.vertical-photo .btn-primary,
.vertical-doggroomer .btn-primary {
  background: var(--ld-accent);
  border-color: var(--ld-accent);
}

.vertical-tattoo .btn-primary:hover,
.vertical-trainers .btn-primary:hover,
.vertical-barbers .btn-primary:hover,
.vertical-hairdressers .btn-primary:hover,
.vertical-makeup .btn-primary:hover,
.vertical-cardetail .btn-primary:hover,
.vertical-massage .btn-primary:hover,
.vertical-dj .btn-primary:hover,
.vertical-spraytan .btn-primary:hover,
.vertical-ivtherapy .btn-primary:hover,
.vertical-photo .btn-primary:hover,
.vertical-doggroomer .btn-primary:hover {
  background: var(--ld-accent-soft);
  border-color: var(--ld-accent-soft);
}

.vertical-tattoo .hero-eyebrow-dot,
.vertical-trainers .hero-eyebrow-dot,
.vertical-barbers .hero-eyebrow-dot,
.vertical-hairdressers .hero-eyebrow-dot,
.vertical-makeup .hero-eyebrow-dot,
.vertical-cardetail .hero-eyebrow-dot,
.vertical-massage .hero-eyebrow-dot,
.vertical-dj .hero-eyebrow-dot,
.vertical-spraytan .hero-eyebrow-dot,
.vertical-ivtherapy .hero-eyebrow-dot,
.vertical-photo .hero-eyebrow-dot,
.vertical-doggroomer .hero-eyebrow-dot,
.vertical-tattoo .section-eyebrow,
.vertical-trainers .section-eyebrow,
.vertical-barbers .section-eyebrow,
.vertical-hairdressers .section-eyebrow,
.vertical-makeup .section-eyebrow,
.vertical-cardetail .section-eyebrow,
.vertical-massage .section-eyebrow,
.vertical-dj .section-eyebrow,
.vertical-spraytan .section-eyebrow,
.vertical-ivtherapy .section-eyebrow,
.vertical-photo .section-eyebrow,
.vertical-doggroomer .section-eyebrow {
  color: var(--ld-accent);
}

.vertical-tattoo .logo .logo-word > span,
.vertical-trainers .logo .logo-word > span,
.vertical-barbers .logo .logo-word > span,
.vertical-hairdressers .logo .logo-word > span,
.vertical-makeup .logo .logo-word > span,
.vertical-cardetail .logo .logo-word > span,
.vertical-massage .logo .logo-word > span,
.vertical-dj .logo .logo-word > span,
.vertical-spraytan .logo .logo-word > span,
.vertical-ivtherapy .logo .logo-word > span,
.vertical-photo .logo .logo-word > span,
.vertical-doggroomer .logo .logo-word > span {
  color: var(--ld-accent);
}

/* Phone mock header stays light (same as index) — dark --ld-mock-header
   used to paint a floated bar with dark-on-dark name text; keep border-only. */

.vertical-tattoo .storefront-avatar-circle,
.vertical-trainers .storefront-avatar-circle,
.vertical-barbers .storefront-avatar-circle,
.vertical-hairdressers .storefront-avatar-circle,
.vertical-makeup .storefront-avatar-circle,
.vertical-cardetail .storefront-avatar-circle,
.vertical-massage .storefront-avatar-circle,
.vertical-dj .storefront-avatar-circle,
.vertical-spraytan .storefront-avatar-circle,
.vertical-ivtherapy .storefront-avatar-circle,
.vertical-photo .storefront-avatar-circle,
.vertical-doggroomer .storefront-avatar-circle {
  background: linear-gradient(135deg, var(--ld-accent), var(--ld-accent-soft));
}

.vertical-tattoo .storefront-book-btn,
.vertical-trainers .storefront-book-btn,
.vertical-barbers .storefront-book-btn,
.vertical-hairdressers .storefront-book-btn,
.vertical-makeup .storefront-book-btn,
.vertical-cardetail .storefront-book-btn,
.vertical-massage .storefront-book-btn,
.vertical-dj .storefront-book-btn,
.vertical-spraytan .storefront-book-btn,
.vertical-ivtherapy .storefront-book-btn,
.vertical-photo .storefront-book-btn,
.vertical-doggroomer .storefront-book-btn {
  background: var(--ld-accent);
}

.vertical-tattoo .storefront-service-item.active,
.vertical-trainers .storefront-service-item.active,
.vertical-barbers .storefront-service-item.active,
.vertical-hairdressers .storefront-service-item.active,
.vertical-makeup .storefront-service-item.active,
.vertical-cardetail .storefront-service-item.active,
.vertical-massage .storefront-service-item.active,
.vertical-dj .storefront-service-item.active,
.vertical-spraytan .storefront-service-item.active,
.vertical-ivtherapy .storefront-service-item.active,
.vertical-photo .storefront-service-item.active,
.vertical-doggroomer .storefront-service-item.active {
  border-color: var(--ld-accent);
}

.vertical-tattoo .pricing-card-badge,
.vertical-trainers .pricing-card-badge,
.vertical-barbers .pricing-card-badge,
.vertical-hairdressers .pricing-card-badge,
.vertical-makeup .pricing-card-badge,
.vertical-cardetail .pricing-card-badge,
.vertical-massage .pricing-card-badge,
.vertical-dj .pricing-card-badge,
.vertical-spraytan .pricing-card-badge,
.vertical-ivtherapy .pricing-card-badge,
.vertical-photo .pricing-card-badge,
.vertical-doggroomer .pricing-card-badge,
.vertical-tattoo .final-cta-section,
.vertical-trainers .final-cta-section,
.vertical-barbers .final-cta-section,
.vertical-hairdressers .final-cta-section,
.vertical-makeup .final-cta-section,
.vertical-cardetail .final-cta-section,
.vertical-massage .final-cta-section,
.vertical-dj .final-cta-section,
.vertical-spraytan .final-cta-section,
.vertical-ivtherapy .final-cta-section,
.vertical-photo .final-cta-section,
.vertical-doggroomer .final-cta-section {
  background: var(--ld-accent);
}

.vertical-tattoo .perfect-for-strip,
.vertical-trainers .perfect-for-strip,
.vertical-barbers .perfect-for-strip,
.vertical-hairdressers .perfect-for-strip,
.vertical-makeup .perfect-for-strip,
.vertical-cardetail .perfect-for-strip,
.vertical-massage .perfect-for-strip,
.vertical-dj .perfect-for-strip,
.vertical-spraytan .perfect-for-strip,
.vertical-ivtherapy .perfect-for-strip,
.vertical-photo .perfect-for-strip,
.vertical-doggroomer .perfect-for-strip {
  background: var(--ld-wash);
}

.vertical-tattoo .hero-title em,
.vertical-trainers .hero-title em,
.vertical-barbers .hero-title em,
.vertical-hairdressers .hero-title em,
.vertical-makeup .hero-title em,
.vertical-cardetail .hero-title em,
.vertical-massage .hero-title em,
.vertical-dj .hero-title em,
.vertical-spraytan .hero-title em,
.vertical-ivtherapy .hero-title em,
.vertical-photo .hero-title em,
.vertical-doggroomer .hero-title em {
  color: var(--ld-accent-soft);
  font-style: italic;
}