/**
 * AspirePrep theme: orange / navy / white
 * Loaded after style.css
 */
:root {
  --aspire-orange: #f38120;
  --aspire-orange-hover: #c55f0a;
  --aspire-navy: #1b304b;
  --aspire-navy-deep: #152338;
  --aspire-white: #ffffff;
}

/* Bootstrap 5 theme bridge */
:root,
[data-bs-theme="light"] {
  --bs-primary: #f38120;
  --bs-primary-rgb: 243, 129, 32;
  --bs-link-color: #1b304b;
  --bs-link-hover-color: #f38120;
}

::selection {
  background: #f38120 !important;
  color: #ffffff !important;
}

/* Primary actions: orange + white text */
.btn-primary,
.btn.btn-primary,
.btn-check:checked + .btn.btn-primary {
  background-color: var(--aspire-orange) !important;
  border-color: var(--aspire-orange) !important;
  color: var(--aspire-white) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn.btn-primary:hover,
.btn.btn-primary:focus,
.btn.btn-primary:active,
.btn.btn-primary.active {
  background-color: var(--aspire-orange-hover) !important;
  border-color: var(--aspire-orange-hover) !important;
  color: var(--aspire-white) !important;
}

/* Secondary: navy (blue band) */
.btn-secondary,
.btn.btn-secondary {
  background-color: var(--aspire-navy) !important;
  border-color: var(--aspire-navy) !important;
  color: var(--aspire-white) !important;
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active,
.btn.btn-secondary:hover,
.btn.btn-secondary:focus,
.btn.btn-secondary:active,
.btn.btn-secondary.active {
  background-color: var(--aspire-navy-deep) !important;
  border-color: var(--aspire-navy-deep) !important;
  color: var(--aspire-white) !important;
}

/* Headings: navy for readability */
.section-header h2,
.section-header h1,
.benefit-section h5,
.community-to-learn h2,
.community-to-learn h5,
.top-courses-sec h2,
.footer-title,
.footer-widget .footer-title,
.footer-one h5,
.footer-one h6 {
  color: var(--aspire-navy) !important;
}

/* Header strip: subtle navy feel */
.header-one {
  border-bottom: 3px solid var(--aspire-orange);
}

/* Page title strip: orange → navy (AspirePrep-style band) */
.breadcrumb-bar {
  background: linear-gradient(90deg, #f38120 0%, #1b304b 55%, #152338 100%) !important;
}

.breadcrumb-bar .breadcrumb-title,
.breadcrumb-bar .breadcrumb .breadcrumb-item,
.breadcrumb-bar .breadcrumb .breadcrumb-item a,
.breadcrumb-bar .breadcrumb .breadcrumb-item.active {
  color: var(--aspire-white) !important;
}

.breadcrumb-bar .breadcrumb .breadcrumb-item a:hover {
  color: #ffe8cc !important;
}

/* Footer: navy bar + white text on bottom */
.footer-one .footer-bottom {
  background: var(--aspire-navy) !important;
}

.footer-one .footer-bottom p,
.footer-one .footer-bottom a,
.footer-one .footer-link a {
  color: var(--aspire-white) !important;
}

.footer-one .footer-bottom .text-secondary {
  color: var(--aspire-white) !important;
  opacity: 0.9;
}

/* Default links in main content (avoid overriding header/footer/nav) */
.main-wrapper .section-header a,
.main-wrapper .std a,
.main-wrapper p a,
.breadcrumb a:not(.active) {
  color: var(--aspire-navy);
}

.main-wrapper .section-header a:hover,
.main-wrapper p a:hover,
.breadcrumb a:not(.active):hover {
  color: var(--aspire-orange);
}

/* Form focus ring */
.form-control:focus,
.form-select:focus {
  border-color: var(--aspire-orange) !important;
  box-shadow: 0 0 0 0.2rem rgba(243, 129, 32, 0.2) !important;
}

/* Auth (login / register / otp) theme overrides */
.text-secondary {
  color: var(--aspire-orange) !important;
}

.login-content .login-bg {
  background: #ffe2bf !important;
}

.login-content .login-wrap-bg .form-control:focus {
  border-color: var(--aspire-orange) !important;
}

.login-content .slick-dots .slick-active {
  background: var(--aspire-orange) !important;
}

.modal .modal-footer .btn-secondary {
  background: var(--aspire-orange) !important;
  border-color: var(--aspire-orange) !important;
}

.modal .modal-footer .btn-secondary:hover {
  color: var(--aspire-orange) !important;
}

/* Contact page: icon circles (override legacy teal inline styles) */
.contact-sec .contact-icon > span,
.contact-sec .contact-icon span.fs-24 {
  background-color: var(--aspire-orange) !important;
  background: var(--aspire-orange) !important;
}