/* =====================================================
   TicketsFest.EU v10.1.1 — mobile card alignment / centering
   Final layer loaded after previous mobile structure CSS.
   Fixes: two-column grid is centered; short titles no longer make dates/buttons jump upward.
   ===================================================== */
@media (max-width: 767px){
  html body .tfe-instance[data-layout="grid"] > .tfe-grid,
  html body .tfe-instance[data-mobile-slider="1"][data-layout="grid"] > .tfe-grid,
  html body .tfe-slider-lock .tfe-instance[data-layout="grid"] > .tfe-grid,
  html body .tfe-slider-lock .tfe-instance[data-mobile-slider="1"][data-layout="grid"] > .tfe-grid,
  html body .tfe-events-page .tfe-instance[data-layout="grid"] > .tfe-grid,
  html body .tfe-events-page .tfe-instance[data-mobile-slider="1"][data-layout="grid"] > .tfe-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    justify-content:center!important;
    align-items:stretch!important;
    gap:28px 18px!important;
    width:min(100%,640px)!important;
    max-width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:18px!important;
    padding-right:18px!important;
    box-sizing:border-box!important;
    overflow:visible!important;
  }

  html body .tfe-instance[data-layout="grid"] > .tfe-grid > .tfe-card-item,
  html body .tfe-instance[data-mobile-slider="1"][data-layout="grid"] > .tfe-grid > .tfe-card-item,
  html body .tfe-slider-lock .tfe-instance[data-layout="grid"] > .tfe-grid > .tfe-card-item,
  html body .tfe-slider-lock .tfe-instance[data-mobile-slider="1"][data-layout="grid"] > .tfe-grid > .tfe-card-item,
  html body .tfe-events-page .tfe-instance[data-layout="grid"] > .tfe-grid > .tfe-card-item,
  html body .tfe-events-page .tfe-instance[data-mobile-slider="1"][data-layout="grid"] > .tfe-grid > .tfe-card-item{
    display:flex!important;
    flex-direction:column!important;
    height:100%!important;
    width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }

  html body .tfe-instance[data-layout="grid"] .tfe-card-inner,
  html body .tfe-instance[data-mobile-slider="1"][data-layout="grid"] .tfe-card-inner,
  html body .tfe-slider-lock .tfe-instance[data-layout="grid"] .tfe-card-inner,
  html body .tfe-slider-lock .tfe-instance[data-mobile-slider="1"][data-layout="grid"] .tfe-card-inner,
  html body .tfe-events-page .tfe-instance[data-layout="grid"] .tfe-card-inner,
  html body .tfe-events-page .tfe-instance[data-mobile-slider="1"][data-layout="grid"] .tfe-card-inner{
    display:flex!important;
    flex-direction:column!important;
    height:100%!important;
    width:100%!important;
    min-width:0!important;
  }

  html body .tfe-instance[data-layout="grid"] .tfe-card-caption,
  html body .tfe-instance[data-mobile-slider="1"][data-layout="grid"] .tfe-card-caption,
  html body .tfe-slider-lock .tfe-instance[data-layout="grid"] .tfe-card-caption,
  html body .tfe-slider-lock .tfe-instance[data-mobile-slider="1"][data-layout="grid"] .tfe-card-caption,
  html body .tfe-events-page .tfe-instance[data-layout="grid"] .tfe-card-caption,
  html body .tfe-events-page .tfe-instance[data-mobile-slider="1"][data-layout="grid"] .tfe-card-caption{
    flex:1 1 auto!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    min-width:0!important;
    padding-top:11px!important;
  }

  html body .tfe-instance[data-layout="grid"] .tfe-card-caption-title,
  html body .tfe-instance[data-mobile-slider="1"][data-layout="grid"] .tfe-card-caption-title,
  html body .tfe-slider-lock .tfe-instance[data-layout="grid"] .tfe-card-caption-title,
  html body .tfe-slider-lock .tfe-instance[data-mobile-slider="1"][data-layout="grid"] .tfe-card-caption-title,
  html body .tfe-events-page .tfe-instance[data-layout="grid"] .tfe-card-caption-title,
  html body .tfe-events-page .tfe-instance[data-mobile-slider="1"] .tfe-card-caption-title{
    order:1!important;
    min-height:calc(2 * 1.14em)!important;
    height:calc(2 * 1.14em)!important;
    margin:0 0 8px!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }

  html body .tfe-instance[data-layout="grid"] .tfe-card-caption-top,
  html body .tfe-instance[data-mobile-slider="1"][data-layout="grid"] .tfe-card-caption-top,
  html body .tfe-slider-lock .tfe-instance[data-layout="grid"] .tfe-card-caption-top,
  html body .tfe-slider-lock .tfe-instance[data-mobile-slider="1"][data-layout="grid"] .tfe-card-caption-top,
  html body .tfe-events-page .tfe-instance[data-layout="grid"] .tfe-card-caption-top,
  html body .tfe-events-page .tfe-instance[data-mobile-slider="1"] .tfe-card-caption-top{
    order:2!important;
    min-height:1.35em!important;
    height:1.35em!important;
    margin:0 0 7px!important;
    overflow:hidden!important;
  }

  html body .tfe-instance[data-layout="grid"] .tfe-card-caption-date,
  html body .tfe-instance[data-mobile-slider="1"][data-layout="grid"] .tfe-card-caption-date,
  html body .tfe-slider-lock .tfe-instance[data-layout="grid"] .tfe-card-caption-date,
  html body .tfe-slider-lock .tfe-instance[data-mobile-slider="1"][data-layout="grid"] .tfe-card-caption-date,
  html body .tfe-events-page .tfe-instance[data-layout="grid"] .tfe-card-caption-date,
  html body .tfe-events-page .tfe-instance[data-mobile-slider="1"] .tfe-card-caption-date{
    line-height:1.35!important;
  }

  html body .tfe-instance[data-layout="grid"] .tfe-card-caption-meta,
  html body .tfe-instance[data-mobile-slider="1"][data-layout="grid"] .tfe-card-caption-meta,
  html body .tfe-slider-lock .tfe-instance[data-layout="grid"] .tfe-card-caption-meta,
  html body .tfe-slider-lock .tfe-instance[data-mobile-slider="1"][data-layout="grid"] .tfe-card-caption-meta,
  html body .tfe-events-page .tfe-instance[data-layout="grid"] .tfe-card-caption-meta,
  html body .tfe-events-page .tfe-instance[data-mobile-slider="1"] .tfe-card-caption-meta{
    order:3!important;
    min-height:calc(2 * 1.32em)!important;
    height:calc(2 * 1.32em)!important;
    margin:0 0 9px!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }

  html body .tfe-instance[data-layout="grid"] .tfe-card-caption-row,
  html body .tfe-instance[data-mobile-slider="1"][data-layout="grid"] .tfe-card-caption-row,
  html body .tfe-slider-lock .tfe-instance[data-layout="grid"] .tfe-card-caption-row,
  html body .tfe-slider-lock .tfe-instance[data-mobile-slider="1"][data-layout="grid"] .tfe-card-caption-row,
  html body .tfe-events-page .tfe-instance[data-layout="grid"] .tfe-card-caption-row,
  html body .tfe-events-page .tfe-instance[data-mobile-slider="1"] .tfe-card-caption-row{
    order:4!important;
    margin-top:auto!important;
    display:flex!important;
    flex-direction:column!important;
    gap:10px!important;
  }

  html body .tfe-instance[data-layout="grid"] .tfe-card-caption-price,
  html body .tfe-instance[data-mobile-slider="1"][data-layout="grid"] .tfe-card-caption-price,
  html body .tfe-slider-lock .tfe-instance[data-layout="grid"] .tfe-card-caption-price,
  html body .tfe-slider-lock .tfe-instance[data-mobile-slider="1"][data-layout="grid"] .tfe-card-caption-price,
  html body .tfe-events-page .tfe-instance[data-layout="grid"] .tfe-card-caption-price,
  html body .tfe-events-page .tfe-instance[data-mobile-slider="1"] .tfe-card-caption-price{
    min-height:1.3em!important;
    height:1.3em!important;
    margin:0!important;
    overflow:hidden!important;
  }

  html body .tfe-instance[data-layout="grid"] .tfe-card-caption-cta,
  html body .tfe-instance[data-mobile-slider="1"][data-layout="grid"] .tfe-card-caption-cta,
  html body .tfe-slider-lock .tfe-instance[data-layout="grid"] .tfe-card-caption-cta,
  html body .tfe-slider-lock .tfe-instance[data-mobile-slider="1"][data-layout="grid"] .tfe-card-caption-cta,
  html body .tfe-events-page .tfe-instance[data-layout="grid"] .tfe-card-caption-cta,
  html body .tfe-events-page .tfe-instance[data-mobile-slider="1"] .tfe-card-caption-cta{
    min-height:40px!important;
    height:40px!important;
    border-radius:999px!important;
  }
}

@media (max-width: 360px){
  html body .tfe-instance[data-layout="grid"] > .tfe-grid,
  html body .tfe-instance[data-mobile-slider="1"][data-layout="grid"] > .tfe-grid,
  html body .tfe-slider-lock .tfe-instance[data-layout="grid"] > .tfe-grid,
  html body .tfe-events-page .tfe-instance[data-layout="grid"] > .tfe-grid{
    gap:24px 14px!important;
    padding-left:14px!important;
    padding-right:14px!important;
  }
}

/* =====================================================
   TicketsFest.EU v10.1.1 — visible mobile card centering
   The previous layer aligned row heights. This layer centers the actual text/CTA inside each card.
   ===================================================== */
@media (max-width: 767px){
  html body .tfe-instance[data-layout="grid"] > .tfe-grid,
  html body .tfe-instance[data-mobile-slider="1"][data-layout="grid"] > .tfe-grid,
  html body .tfe-slider-lock .tfe-instance[data-layout="grid"] > .tfe-grid,
  html body .tfe-slider-lock .tfe-instance[data-mobile-slider="1"][data-layout="grid"] > .tfe-grid,
  html body .tfe-events-page .tfe-instance[data-layout="grid"] > .tfe-grid,
  html body .tfe-events-page .tfe-instance[data-mobile-slider="1"][data-layout="grid"] > .tfe-grid{
    width:min(100%, 620px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
    justify-items:center!important;
  }

  html body .tfe-instance[data-layout="grid"] > .tfe-grid > .tfe-card-item,
  html body .tfe-instance[data-mobile-slider="1"][data-layout="grid"] > .tfe-grid > .tfe-card-item,
  html body .tfe-slider-lock .tfe-instance[data-layout="grid"] > .tfe-grid > .tfe-card-item,
  html body .tfe-slider-lock .tfe-instance[data-mobile-slider="1"][data-layout="grid"] > .tfe-grid > .tfe-card-item,
  html body .tfe-events-page .tfe-instance[data-layout="grid"] > .tfe-grid > .tfe-card-item,
  html body .tfe-events-page .tfe-instance[data-mobile-slider="1"][data-layout="grid"] > .tfe-grid > .tfe-card-item,
  html body .tfe-instance[data-layout="grid"] .tfe-card-caption,
  html body .tfe-instance[data-mobile-slider="1"][data-layout="grid"] .tfe-card-caption,
  html body .tfe-slider-lock .tfe-instance[data-layout="grid"] .tfe-card-caption,
  html body .tfe-slider-lock .tfe-instance[data-mobile-slider="1"][data-layout="grid"] .tfe-card-caption,
  html body .tfe-events-page .tfe-instance[data-layout="grid"] .tfe-card-caption,
  html body .tfe-events-page .tfe-instance[data-mobile-slider="1"][data-layout="grid"] .tfe-card-caption{
    text-align:center!important;
    align-items:center!important;
  }

  html body .tfe-instance[data-layout="grid"] .tfe-card-caption-title,
  html body .tfe-instance[data-mobile-slider="1"][data-layout="grid"] .tfe-card-caption-title,
  html body .tfe-instance[data-layout="grid"] .tfe-card-caption-date,
  html body .tfe-instance[data-mobile-slider="1"][data-layout="grid"] .tfe-card-caption-date,
  html body .tfe-instance[data-layout="grid"] .tfe-card-caption-meta,
  html body .tfe-instance[data-mobile-slider="1"][data-layout="grid"] .tfe-card-caption-meta,
  html body .tfe-instance[data-layout="grid"] .tfe-card-caption-price,
  html body .tfe-instance[data-mobile-slider="1"][data-layout="grid"] .tfe-card-caption-price,
  html body .tfe-instance[data-layout="grid"] .tfe-card-caption-top,
  html body .tfe-instance[data-mobile-slider="1"][data-layout="grid"] .tfe-card-caption-top,
  html body .tfe-instance[data-layout="grid"] .tfe-card-caption-row,
  html body .tfe-instance[data-mobile-slider="1"][data-layout="grid"] .tfe-card-caption-row{
    width:100%!important;
    text-align:center!important;
    justify-content:center!important;
    align-items:center!important;
  }
}
