/* Digital You CIC — grid symmetry / equal-height cards (all pages).
   Elementor stamps flex_align_items:center on containers, which lands on the
   card GRIDS and makes cards size to their own content + float centred — so at
   widths where text wraps unevenly the cards become different heights and the
   grid looks lopsided. This forces every card grid to STRETCH with EQUAL row
   heights, so all cards in a grid are the same height on every page.
   Layered over frozen files — reversible. Author: lukeduff.co.uk */

/* card grids: stretch items, equalise row heights */
.svc-grid,
.you-grid,
.ins-grid,
.offer-grid,
.pkg-grid,
.route-grid,
.routes{
  align-items:stretch !important;
  grid-auto-rows:1fr;
}

/* cards fill their grid cell; content sits at the top (clean, professional) */
.svc,
.you-card,
.ins-card,
.route,
.pkg,
.offer-item{
  height:100% !important;
  align-self:stretch !important;
}

/* card is a top-aligned flex column so equal-height cards read cleanly */
.svc,
.you-card,
.ins-card,
.route,
.pkg{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}

/* insight cards: push the "min read" meta to the bottom so the 3 align */
.ins-card{ justify-content:flex-start; }
.ins-card .ins-meta,
.ins-card .read{ margin-top:auto; }

/* Nav: "Contact" menu item shows only in the mobile hamburger; desktop uses the
   "Contact us" button (Sharon's intent). Hidden at >1024. */
@media (min-width:1025px){ .dycic-mobile-contact{ display:none !important; } }