/**
 * BBO Brand Colors Override
 * PANTONE 485C
 * CMYK 02/95/94/0
 * RGB 225/37/27
 * HEX #DA291C
 */

/* Primary color override for BBO branding */
:root {
  --bbo-red: #DA291C;
  --bbo-red-light: rgba(218, 41, 28, 0.1);
  --bbo-red-hover: #b8220f;
  --bbo-red-darker: #9e1d0d;
}

/* Auth pages - Make illustration fill the container better */
.auth-cover-bg .auth-illustration {
  max-width: 90% !important;
  max-height: 90% !important;
  object-fit: contain;
  width: auto !important;
  height: auto !important;
}

/* Adjust auth cover background to match image background */
.auth-cover-bg {
  padding: 2rem !important;
}

/* Light mode - White background to match image */
.light-style .auth-cover-bg.auth-cover-bg-color {
  background: #ffffff !important;
}

/* Dark mode - Keep dark background */
.dark-style .auth-cover-bg.auth-cover-bg-color {
  background: #2f3349 !important;
}

/* Hero Section - Title gradient with BBO red */
.landing-hero .hero-title {
  background: linear-gradient(to right, var(--bbo-red) 0%, #DA291C 47.92%, #b8220f 100%) !important;
  background-size: 200% auto;
  color: #5d596c;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Buttons - Primary */
.landing-hero .btn-primary,
.btn-primary {
  background-color: var(--bbo-red) !important;
  border-color: var(--bbo-red) !important;
}

.landing-hero .btn-primary:hover,
.btn-primary:hover {
  background-color: var(--bbo-red-hover) !important;
  border-color: var(--bbo-red-hover) !important;
}

/* Badges */
.badge.bg-label-primary,
span.badge.bg-label-primary {
  background-color: var(--bbo-red-light) !important;
  color: var(--bbo-red) !important;
}

/* Text color */
.text-primary {
  color: var(--bbo-red) !important;
}

h1.text-primary,
h2.text-primary,
h3.text-primary,
h4.text-primary,
h5.text-primary,
h6.text-primary,
.price-monthly.text-primary,
.price-yearly.text-primary {
  color: var(--bbo-red) !important;
}

/* Links */
a.text-primary {
  color: var(--bbo-red) !important;
}

a.text-primary:hover {
  color: var(--bbo-red-hover) !important;
}

/* Pricing Card - Team Plan (Featured) */
.card.border-primary {
  border-color: var(--bbo-red) !important;
}

.badge.bg-primary {
  background-color: var(--bbo-red) !important;
}

.badge.badge-center.bg-primary {
  background-color: var(--bbo-red) !important;
}

/* Button Labels */
.btn-label-primary {
  color: var(--bbo-red) !important;
  border-color: rgba(218, 41, 28, 0.2) !important;
  background-color: var(--bbo-red-light) !important;
}

.btn-label-primary:hover {
  background-color: var(--bbo-red) !important;
  color: #fff !important;
}

/* Reviews buttons */
.landing-reviews .btn-label-primary {
  color: var(--bbo-red) !important;
  background-color: var(--bbo-red-light) !important;
}

/* Team member cards - Primary color borders */
.border-label-primary {
  border-color: var(--bbo-red-light) !important;
}

.bg-label-primary {
  background-color: var(--bbo-red-light) !important;
}

/* Fun Facts - Primary card */
.card.border-label-primary {
  border-color: rgba(218, 41, 28, 0.3) !important;
}

/* Switch for pricing toggle */
.switch-primary .switch-input:checked ~ .switch-toggle-slider {
  background-color: var(--bbo-red) !important;
}

/* CTA Section */
#landingCTA .text-primary {
  color: var(--bbo-red) !important;
}

#landingCTA .btn-primary {
  background-color: var(--bbo-red) !important;
  border-color: var(--bbo-red) !important;
}

#landingCTA .btn-primary:hover {
  background-color: var(--bbo-red-hover) !important;
  border-color: var(--bbo-red-hover) !important;
}

/* Contact section icons */
.landing-contact .badge.bg-label-primary {
  background-color: var(--bbo-red-light) !important;
  color: var(--bbo-red) !important;
}

/* Form submit button */
.landing-contact .btn-primary {
  background-color: var(--bbo-red) !important;
  border-color: var(--bbo-red) !important;
}

.landing-contact .btn-primary:hover {
  background-color: var(--bbo-red-hover) !important;
  border-color: var(--bbo-red-hover) !important;
}

/* Checkmarks in pricing */
.badge-center.bg-label-primary i,
.badge-center.bg-primary i {
  color: var(--bbo-red) !important;
}

.badge-center.bg-primary {
  background-color: var(--bbo-red) !important;
  color: #fff !important;
}

.badge-center.bg-primary i {
  color: #fff !important;
}

/* Section titles with span.section-title */
.section-title {
  color: var(--bbo-red) !important;
}

/* Login/Dashboard button in navbar */
.dashboard-header .btn-primary {
  background-color: var(--bbo-red) !important;
  border-color: var(--bbo-red) !important;
}

.dashboard-header .btn-primary:hover {
  background-color: var(--bbo-red-hover) !important;
  border-color: var(--bbo-red-hover) !important;
}

/* Additional hover states */
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
  background-color: var(--bbo-red-darker) !important;
  border-color: var(--bbo-red-darker) !important;
}

/* Accordion active states */
.accordion-button:not(.collapsed) {
  color: var(--bbo-red) !important;
  background-color: var(--bbo-red-light) !important;
}