/* Patriot hero variants — used across all page heroes for a consistent
   patriotic look. Each variant uses a different SVG background. */

.bg-half.bg-patriot-stars,
.bg-half.bg-patriot-stripes,
.bg-half.bg-patriot-flag {
  background-color: #0E2A6B !important;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 60px 0 70px !important;
}
@media (min-width: 768px) {
  .bg-half.bg-patriot-stars,
  .bg-half.bg-patriot-stripes,
  .bg-half.bg-patriot-flag {
    padding: 80px 0 90px !important;
  }
}

.bg-half.bg-patriot-stars   { background-image: url("../images/hosting/patriot-hero.svg"); }
.bg-half.bg-patriot-stripes { background-image: url("../images/hosting/patriot-hero-stripes.svg"); }
.bg-half.bg-patriot-flag    { background-image: url("../images/hosting/patriot-hero-flag.svg"); }

.bg-patriot-stars,
.bg-patriot-stripes,
.bg-patriot-flag {
  color: #fff;
}
.bg-patriot-stars .title,
.bg-patriot-stripes .title,
.bg-patriot-flag .title { color: #fff !important; }
.bg-patriot-stars .text-muted,
.bg-patriot-stripes .text-muted,
.bg-patriot-flag .text-muted { color: rgba(255, 255, 255, 0.85) !important; }
.bg-patriot-stars .text-primary,
.bg-patriot-stripes .text-primary,
.bg-patriot-flag .text-primary { color: #ffd166 !important; }
.bg-patriot-stars h1, .bg-patriot-stars h2, .bg-patriot-stars h3, .bg-patriot-stars h4, .bg-patriot-stars h5,
.bg-patriot-stripes h1, .bg-patriot-stripes h2, .bg-patriot-stripes h3, .bg-patriot-stripes h4, .bg-patriot-stripes h5,
.bg-patriot-flag h1, .bg-patriot-flag h2, .bg-patriot-flag h3, .bg-patriot-flag h4, .bg-patriot-flag h5 {
  color: #fff !important;
}

/* Buttons inside patriot heroes — high-contrast against navy backgrounds. */
.bg-patriot-stars .btn-primary,
.bg-patriot-stripes .btn-primary,
.bg-patriot-flag .btn-primary {
  background-color: #BF0A30 !important;
  border-color: #BF0A30 !important;
  color: #fff !important;
}
.bg-patriot-stars .btn-primary:hover,
.bg-patriot-stripes .btn-primary:hover,
.bg-patriot-flag .btn-primary:hover {
  background-color: #97081f !important;
  border-color: #97081f !important;
  color: #fff !important;
}
.bg-patriot-stars .btn-outline-primary,
.bg-patriot-stripes .btn-outline-primary,
.bg-patriot-flag .btn-outline-primary {
  background-color: transparent !important;
  border-color: rgba(255, 255, 255, 0.85) !important;
  color: #fff !important;
}
.bg-patriot-stars .btn-outline-primary:hover,
.bg-patriot-stripes .btn-outline-primary:hover,
.bg-patriot-flag .btn-outline-primary:hover {
  background-color: rgba(255, 255, 255, 0.15) !important;
  border-color: #fff !important;
  color: #fff !important;
}
.bg-patriot-stars .btn-light,
.bg-patriot-stripes .btn-light,
.bg-patriot-flag .btn-light {
  background-color: #fff !important;
  color: #0c1c4a !important;
  border-color: #fff !important;
}
/* Selected/active state in btn-groups (e.g. pricing toggle) — keep red. */
.bg-patriot-stars .btn-group .btn-primary,
.bg-patriot-stripes .btn-group .btn-primary,
.bg-patriot-flag .btn-group .btn-primary {
  background-color: #BF0A30 !important;
  border-color: #BF0A30 !important;
}