/* PatriotPrayers Custom Styles - Red, White & Blue Theme */

:root {
  /* Primary: Patriot Red */
  --bs-primary: #B22234;
  --bs-primary-rgb: 178, 34, 52;

  /* Secondary: Patriot Blue */
  --bs-secondary: #3C3B6E;
  --bs-secondary-rgb: 60, 59, 110;

  /* Keep danger red but use patriot red */
  --bs-danger: #B22234;
  --bs-danger-rgb: 178, 34, 52;

  /* Link colors */
  --bs-link-color: #3C3B6E;
  --bs-link-hover-color: #B22234;
}

/* Primary button - Patriot Red */
.btn-primary {
  --bs-btn-bg: #B22234;
  --bs-btn-border-color: #B22234;
  --bs-btn-hover-bg: #8B1A29;
  --bs-btn-hover-border-color: #8B1A29;
  --bs-btn-active-bg: #8B1A29;
  --bs-btn-active-border-color: #8B1A29;
}

.btn-outline-primary {
  --bs-btn-color: #B22234;
  --bs-btn-border-color: #B22234;
  --bs-btn-hover-bg: #B22234;
  --bs-btn-hover-border-color: #B22234;
  --bs-btn-active-bg: #B22234;
  --bs-btn-active-border-color: #B22234;
}

/* Secondary button - Patriot Blue */
.btn-secondary {
  --bs-btn-bg: #3C3B6E;
  --bs-btn-border-color: #3C3B6E;
  --bs-btn-hover-bg: #2D2C52;
  --bs-btn-hover-border-color: #2D2C52;
  --bs-btn-active-bg: #2D2C52;
  --bs-btn-active-border-color: #2D2C52;
}

.btn-outline-secondary {
  --bs-btn-color: #3C3B6E;
  --bs-btn-border-color: #3C3B6E;
  --bs-btn-hover-bg: #3C3B6E;
  --bs-btn-hover-border-color: #3C3B6E;
  --bs-btn-active-bg: #3C3B6E;
  --bs-btn-active-border-color: #3C3B6E;
}

/* Text colors */
.text-primary {
  color: #B22234 !important;
}

.text-secondary {
  color: #3C3B6E !important;
}

/* Background colors */
.bg-primary {
  background-color: #B22234 !important;
}

.bg-secondary {
  background-color: #3C3B6E !important;
}

/* Primary subtle background - light red tint */
.bg-primary-subtle {
  background-color: #F8E8EA !important;
}

.text-primary-emphasis {
  color: #B22234 !important;
}

/* Navbar brand styling */
.navbar-brand {
  color: #B22234 !important;
}

.navbar-brand:hover {
  color: #8B1A29 !important;
}

/* Nav links */
.navbar-light .navbar-nav .nav-link {
  color: #3C3B6E;
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
  color: #B22234;
}

/* Footer links */
footer a {
  color: #3C3B6E !important;
}

footer a:hover {
  color: #B22234 !important;
}

/* Hero title rotation transitions */
.hero-titles {
  position: relative;
  padding-bottom: 6rem;
}

@media (max-width: 576px) {
  .hero-titles {
    padding-bottom: 8rem;
  }
}

.hero-titles h1 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  margin: 0;
  opacity: 0;
  transition: opacity 0.8s ease-in-out;
}

.hero-titles h1:not(.datastar-hidden) {
  opacity: 1;
}


@keyframes throb {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.10); }
}

.btn-throb {
  animation: throb 4.5s ease-in-out infinite;
}