/* =========================================================
   Event Manager Pro – Responsive
   ========================================================= */

@media (max-width: 1180px){
  .emp-calendar-year-grid{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  }

  .emp-list-filters-grid{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  }
}

@media (max-width: 980px){
  .emp-card{
    grid-template-columns:1fr !important;
  }

  .emp-single-grid{
    grid-template-columns:1fr !important;
  }

  .emp-single-top{
    grid-template-columns:1fr !important;
  }

  .emp-single-top-content,
  .emp-single-top-media{
    grid-column:1 !important;
    grid-row:auto !important;
  }

  .emp-calendar-toolbar{
    grid-template-columns:1fr !important;
    row-gap:14px !important;
    margin-bottom:20px !important;
  }

  .emp-calendar-toolbar-left{
    justify-content:flex-start !important;
  }

  .emp-calendar-toolbar-right{
    display:flex !important;
    justify-content:flex-start !important;
    align-items:center !important;
    flex-wrap:wrap !important;
    gap:8px !important;
  }

  .emp-list-card{
    grid-template-columns:1fr !important;
  }

  .emp-list-card-datebox{
    min-height:auto !important;
  }
}

@media (max-width: 768px){
  .emp-calendar-year-grid{
    grid-template-columns:1fr !important;
  }

  .emp-calendar-month-scroll{
    overflow-x:auto !important;
    overflow-y:hidden !important;
    -webkit-overflow-scrolling:touch !important;
    padding-bottom:6px !important;
  }

  .emp-calendar-weekdays,
  .emp-calendar-month-grid{
    min-width:720px !important;
  }
}

@media (max-width: 640px){
  .emp-home-next-event .emp-home-next-event-timers,
  .emp-list-filters-grid{
    grid-template-columns:1fr !important;
  }

  .emp-card-content,
  .emp-single-card,
  .emp-calendar.emp-calendar--month,
  .emp-calendar.emp-calendar--year,
  .emp-list-filters,
  .emp-list-card{
    padding:18px !important;
  }

  .emp-card-actions,
  .emp-list-filters-actions{
    flex-direction:column !important;
    align-items:stretch !important;
  }

  a.emp-button,
  .emp-button{
    width:100% !important;
  }

  .emp-calendar-toolbar-right{
    width:100% !important;
  }

  .emp-calendar-toolbar-right a.emp-calendar-nav,
  .emp-calendar-toolbar-right .emp-calendar-nav{
    width:auto !important;
    min-width:auto !important;
  }

  .emp-calendar-day{
    min-height:110px !important;
  }

  .emp-calendar-popup{
    width:min(260px, calc(100vw - 24px)) !important;
  }
}