/* MindHaven Bridge – Unified grid (locked to 5 columns on large screens) */

.mh-bridge{ width:100%; display:block; margin:0 !important; padding:0 !important; }

/* Grid container */
.mh-bridge .mh-bridge-grid{
  display:grid !important;
  gap:12px !important;
  grid-auto-flow:row dense;
  align-items:start; justify-items:stretch;
  width:100% !important; margin:0 !important; padding:0 !important;
}

/* Column counts (match theme; strongest rule wins with !important) */
@media (min-width: 1200px){
  .mh-bridge .mh-bridge-grid{ grid-template-columns: repeat(5, minmax(0,1fr)) !important; }
}
@media (min-width: 1100px) and (max-width:1199px){
  .mh-bridge .mh-bridge-grid{ grid-template-columns: repeat(4, minmax(0,1fr)) !important; }
}
@media (min-width: 800px) and (max-width:1099px){
  .mh-bridge .mh-bridge-grid{ grid-template-columns: repeat(3, minmax(0,1fr)) !important; }
}
@media (min-width: 640px) and (max-width:799px){
  .mh-bridge .mh-bridge-grid{ grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
}
@media (max-width:639px){
  .mh-bridge .mh-bridge-grid{ grid-template-columns: 1fr !important; }
}

/* Only show card items */
.mh-bridge .mh-bridge-grid > :not(.mh-card){ display:none !important; }
.mh-bridge .mh-bridge-grid > *{ min-width:0; box-sizing:border-box; }

/* Neutralize rogue inline styles */
.mh-bridge .mh-bridge-grid [style*="width"]:not(img){ width:100% !important; max-width:none !important; }
.mh-bridge .mh-bridge-grid [style*="flex"]{ flex:none !important; }
.mh-bridge .mh-bridge-grid [style*="transform"]{ transform:none !important; }

/* Card basics (structure only; visual skin comes from theme) */
.mh-bridge .mh-card{ display:block; text-decoration:none; padding:10px; border-radius:14px; transition:.2s transform, .2s box-shadow; }
.mh-bridge .mh-card-link{ color:inherit; text-decoration:none; display:block; }
.mh-bridge .mh-thumb img{ width:100%; height:150px; object-fit:cover; border-radius:10px; display:block; }
.mh-bridge .mh-title{ font-weight:800; margin:.45rem 0 .2rem; line-height:1.25; }
.mh-bridge .mh-meta{ font-size:.9rem; opacity:.85; }
.mh-bridge .mh-snippet{ margin:.35rem 0 0; }
.mh-bridge .mh-cta{ margin-top:.5rem; font-weight:700; display:inline-block; padding:.55rem .8rem; border-radius:10px; text-decoration:none; }

/* =========================================================
   MindHaven Bridge – Enhancement Pack
   ========================================================= */

/* Slightly taller thumbnails for stronger visual draw on desktop */
@media (min-width: 1024px){
  .mh-bridge .mh-thumb img { height: 180px; }
}

/* Ensure cards behave like equal-height tiles */
.mh-bridge .mh-card { display: flex; flex-direction: column; min-height: 100%; }
.mh-bridge .mh-cta { margin-top: auto; }

/* Crisper hover feedback */
.mh-bridge .mh-card { transition: transform .18s ease, box-shadow .18s ease; }
.mh-bridge .mh-card:hover { transform: translateY(-3px); }