/* EduPro brand theme overrides (safe, reversible)
   Remove the <link> from layouts/frontend.blade.php to roll back. */

:root,
[data-bs-theme=light] {
  --maincolor: #194c89;      /* EduPro Blue */
  --backupcolor: #2b63a8;
  --navcolor: #143f74;
  --headingcolor: #163f78;
  --inversecolor: #143f74;
  --redcolor: #ce3035;       /* EduPro Red */
  --featuredtag: #ce3035;
  --new: #ce3035;
}

/* Replace default pink/purple title gradient with EduPro blue/red */
.bg-gredient {
  background-image: linear-gradient(135deg, #194c89 0%, #1f5ca6 45%, #ce3035 100%) !important;
}

/* Improve readability on gradient sections */
.bg-gredient .text-light,
.bg-gredient h1,
.bg-gredient h2,
.bg-gredient h3,
.bg-gredient h4,
.bg-gredient h5,
.bg-gredient h6,
.bg-gredient p {
  color: #ffffff !important;
}

/* Keep primary actions aligned to brand blue */
.btn-main,
.bg-main {
  background-color: var(--maincolor) !important;
  border-color: var(--maincolor) !important;
}

.btn-main:hover,
.btn-main:focus,
.btn-main:active {
  background-color: #143f74 !important;
  border-color: #143f74 !important;
}

/* Red accents for badges/tags used across pages */
.bg-red {
  background-color: var(--redcolor) !important;
}

.text-red {
  color: var(--redcolor) !important;
}

/* Header/nav accents */
.navigation-portrait .nav-menus-wrapper,
.header.header-light {
  border-color: color-mix(in srgb, var(--maincolor), #ffffff 82%);
}

.nav-menu > li.active > a,
.nav-menu > li:hover > a,
.nav-menu > li > a:hover {
  color: var(--maincolor) !important;
}

/* Make link hover states visible across cards/content */
a:hover,
a:focus {
  color: var(--maincolor);
}

/* Program listing card title highlight/hover */
.education-title h4 a {
  color: #172b4d !important;
  font-weight: 600 !important;
  transition: color .2s ease;
}

.education-title h4 a:hover,
.education-title h4 a:focus,
.education_block_grid:hover .education-title h4 a {
  color: #ce3035 !important;
  text-decoration: none !important;
}

/* Footer brand alignment */
.dark-footer {
  background: #13293D !important;
}

.footer-widget .widget-title {
  color: #ffffff;
}

.footer-menu a:hover {
  color: #ffffff !important;
}

.footer-bottom {
  border-top-color: rgba(255, 255, 255, 0.08) !important;
}