/*
=============================================================
TRILOGIX INSTITUTE WEBSITE
File: final-three-fixes.css
Purpose: Final targeted corrections for shared CTA and selector components.
Maintenance note: Related rules and logic are grouped and documented by feature.
=============================================================
*/

/*
STYLE ORGANIZATION
- Base/component rules define the default desktop presentation.
- State classes such as .active, .show, and :hover control interactions.
- Media queries near the relevant rules adapt the layout for tablet and mobile screens.
*/

/* =========================================================
LAST THREE FIXES
1. About CTA buttons
2. Gallery campus selector hover/active
3. News campus selector hover/active
========================================================= */
/* ABOUT CTA: restore complete visible button styling */
.final-cta-section .cta-actions{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  flex-wrap:wrap !important;
  gap:12px !important;
}
.final-cta-section .cta-actions > a.btn-white,
.final-cta-section .cta-actions > a.btn-outline-white{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:9px !important;
  min-width:190px !important;
  min-height:50px !important;
  padding:13px 22px !important;
  border-radius:12px !important;
  font-size:.93rem !important;
  font-weight:800 !important;
  line-height:1.1 !important;
  white-space:nowrap !important;
  text-decoration:none !important;
  transition:transform .22s ease, box-shadow .22s ease, background-color .22s ease, color .22s ease !important;
}
.final-cta-section .cta-actions > a.btn-white{
  border:1px solid #fff !important;
  background:#fff !important;
  color:#0d49bd !important;
  box-shadow:0 12px 30px rgba(2,16,55,.22) !important;
}
.final-cta-section .cta-actions > a.btn-white:hover{
  background:#f4f8ff !important;
  color:#083c9d !important;
  transform:translateY(-2px) !important;
  box-shadow:0 17px 36px rgba(2,16,55,.28) !important;
}
.final-cta-section .cta-actions > a.btn-outline-white{
  border:1px solid rgba(255,255,255,.72) !important;
  background:rgba(255,255,255,.08) !important;
  color:#fff !important;
  box-shadow:none !important;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.final-cta-section .cta-actions > a.btn-outline-white:hover{
  border-color:#fff !important;
  background:#fff !important;
  color:#0d49bd !important;
  transform:translateY(-2px) !important;
}
.final-cta-section .cta-actions > a i,
.final-cta-section .cta-actions > a span{
  color:inherit !important;
}
/* GALLERY + NEWS: rounded-rectangle component and guaranteed hover/active */
.gallery-catalog .gallery-campus-switch.trilogix-campus-selector,
.news-list-section .gallery-campus-switch.trilogix-campus-selector,
.news-campus-filter.trilogix-campus-selector{
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
  width:max-content !important;
  max-width:100% !important;
  padding:5px !important;
  border:1px solid #cbdcf4 !important;
  border-radius:16px !important;
  background:#fff !important;
  box-shadow:0 10px 24px rgba(33,87,156,.12) !important;
  overflow:visible !important;
}
.gallery-catalog .gallery-campus-switch.trilogix-campus-selector > button,
.news-list-section .gallery-campus-switch.trilogix-campus-selector > button,
.news-campus-filter.trilogix-campus-selector > button{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:9px !important;
  width:auto !important;
  min-width:0 !important;
  min-height:42px !important;
  padding:10px 17px !important;
  margin:0 !important;
  border:0 !important;
  border-radius:11px !important;
  background:transparent !important;
  color:#103a6d !important;
  box-shadow:none !important;
  font-size:14px !important;
  font-weight:800 !important;
  line-height:1 !important;
  white-space:nowrap !important;
  transform:none !important;
  transition:background-color .22s ease, color .22s ease, box-shadow .22s ease !important;
}
.gallery-catalog .gallery-campus-switch.trilogix-campus-selector > button:hover,
.news-list-section .gallery-campus-switch.trilogix-campus-selector > button:hover,
.news-campus-filter.trilogix-campus-selector > button:hover{
  background:#edf5ff !important;
  color:#0759d6 !important;
  box-shadow:inset 0 0 0 1px rgba(7,89,214,.10) !important;
}
.gallery-catalog .gallery-campus-switch.trilogix-campus-selector > button.active,
.gallery-catalog .gallery-campus-switch.trilogix-campus-selector > button[aria-selected="true"],
.news-list-section .gallery-campus-switch.trilogix-campus-selector > button.active,
.news-list-section .gallery-campus-switch.trilogix-campus-selector > button[aria-selected="true"],
.news-campus-filter.trilogix-campus-selector > button.active,
.news-campus-filter.trilogix-campus-selector > button[aria-selected="true"]{
  background:linear-gradient(135deg,#0876f9 0%,#005bd7 100%) !important;
  color:#fff !important;
  box-shadow:0 7px 16px rgba(0,91,215,.24) !important;
}
.gallery-catalog .gallery-campus-switch.trilogix-campus-selector > button.active:hover,
.gallery-catalog .gallery-campus-switch.trilogix-campus-selector > button[aria-selected="true"]:hover,
.news-list-section .gallery-campus-switch.trilogix-campus-selector > button.active:hover,
.news-list-section .gallery-campus-switch.trilogix-campus-selector > button[aria-selected="true"]:hover,
.news-campus-filter.trilogix-campus-selector > button.active:hover,
.news-campus-filter.trilogix-campus-selector > button[aria-selected="true"]:hover{
  background:linear-gradient(135deg,#0876f9 0%,#005bd7 100%) !important;
  color:#fff !important;
}
.gallery-catalog .gallery-campus-switch img,
.news-list-section .gallery-campus-switch img,
.news-campus-filter img{
  width:23px !important;
  height:15px !important;
  object-fit:cover !important;
  border-radius:1px !important;
}

/* Responsive breakpoint: adjusts the related component for this viewport range. */
@media (max-width:767.98px){
  .final-cta-section .cta-actions{
    justify-content:flex-start !important;
  }
}

/* Responsive breakpoint: adjusts the related component for this viewport range. */
@media (max-width:575.98px){
  .final-cta-section .cta-actions{
    width:100% !important;
    flex-direction:column !important;
    align-items:stretch !important;
  }
.final-cta-section .cta-actions > a.btn-white,
.final-cta-section .cta-actions > a.btn-outline-white{
  width:100% !important;
  min-width:0 !important;
}
.gallery-catalog .gallery-campus-switch.trilogix-campus-selector,
.news-list-section .gallery-campus-switch.trilogix-campus-selector,
.news-campus-filter.trilogix-campus-selector{
  width:100% !important;
  overflow-x:auto !important;
  justify-content:flex-start !important;
}
}