/* Firmament – Deceiver Tag Bridge (Carousel Skin) v1.6.2 */

/* ------- Carry over core styling from 1.6.1 (arrows/dots/responsive) ------- */
.fqs-car-prev,.fqs-car-next{
  text-shadow:0 0 6px rgba(0,0,0,.35);
  display:flex; align-items:center; justify-content:center;
  width:48px; height:48px; border-radius:999px;
  border:1px solid rgba(255,255,255,.25);
  background:rgba(255,255,255,.10);
  color:#fff; font-size:24px; font-weight:800;
  transition:all .18s ease-in-out;
}
.fqs-car-prev:hover,.fqs-car-next:hover{
  border-color:rgba(14,165,233,.45);
  background:rgba(14,165,233,.10);
  color:#0ea5e9;
  box-shadow:0 0 0 3px rgba(14,165,233,.15);
}
.fqs-car-dots{display:flex; gap:.4rem; justify-content:center; align-items:center; margin:.5rem 0 0}
.fqs-car-dot{width:.55rem;height:.55rem;border-radius:999px;background:rgba(255,255,255,.30);border:1px solid rgba(255,255,255,.40);transition:transform .15s ease, background .15s ease, border-color .15s ease}
.fqs-car-dot[aria-selected="true"],.fqs-car-dot.is-active{background:#0ea5e9;border-color:#0ea5e9;transform:scale(1.1)}
/* Hide native scrollbar for smooth look */
.fqs-car-track{scrollbar-width:none;-webkit-overflow-scrolling:touch}
.fqs-car-track::-webkit-scrollbar{display:none}

/* ------- NEW: Equal-height cards in carousel ------- */
/* Make the track a flex row with stretch so every slide matches tallest card */
.fqs-car-track{display:flex; align-items:stretch; gap:24px; padding-bottom:6px; scroll-snap-type:x mandatory}
.fqs-car-slide{display:flex; flex:0 0 86%; max-width:86%; scroll-snap-align:start}
@media (min-width:768px){  .fqs-car-slide{flex:0 0 48%; max-width:48%} }
@media (min-width:1280px){ .fqs-car-slide{flex:0 0 32%; max-width:32%} }
/* Card fills the slide and becomes a flex column so footer can pin to bottom */
.fqs-car-slide > .deceiver-card{display:flex; flex-direction:column; height:100%; border-radius:16px; overflow:hidden}
.fqs-car-slide > .deceiver-card .card-body{display:flex; flex-direction:column; gap:.5rem}
.fqs-car-slide > .deceiver-card .view-details{margin-top:auto}
/* Optional: clamp summary for more uniformity */
.fqs-car-slide > .deceiver-card .excerpt{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}

/* ------- NEW: Title color consistency (force white) ------- */
.deceiver-card .card-title, .deceiver-card .card-title a{
  color:#ffffff !important;
  text-decoration:none;
}
.deceiver-card .card-title a:hover{ color:#e6f4ff !important; }