/**
 * Mobile-only list view for events calendar
 * Hides FullCalendar on mobile devices and shows simple event list
 */

/* Desktop: Show calendar, hide attachment list */
@media (min-width: 768px) {
  .view-events .view-content {
    display: block;
  }
  
  .view-events .attachment.attachment-after {
    display: none;
  }
}

/* Mobile: Hide calendar, show attachment list */
@media (max-width: 767px) {
  /* Hide the FullCalendar */
  .view-events .view-content {
    display: none !important;
  }
  
  /* Show the attachment list */
  .view-events .attachment.attachment-after {
    display: block !important;
  }
  
  /* Style the mobile event list */
  .view-events .attachment-after .views-row {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e0e0e0;
  }
  
  .view-events .attachment-after .views-row:last-child {
    border-bottom: none;
  }
  
  /* Event teaser styling for mobile */
  .view-events .attachment-after .node-event.node-teaser {
    width: 100%;
  }
  
  .view-events .attachment-after .teaser-main {
    display: block;
  }
  
  .view-events .attachment-after .teaser-image {
    float: none;
    width: 100%;
    margin-bottom: 15px;
  }
  
  .view-events .attachment-after .teaser-image img {
    width: 100%;
    height: auto;
  }
  
  .view-events .attachment-after .teaser-main-content {
    width: 100%;
    float: none;
  }
}