/* Custom 5-column layout for calendar events */
/* Event name | Date | Time | Venue | Button */

.nectar-hor-list-item[data-columns="5"] {
  display: flex !important;
  align-items: center !important;
}

.nectar-hor-list-item[data-columns="5"] > .nectar-list-item {
  flex-shrink: 0 !important;
  display: inline-block !important;
}

/* Custom spacing for better layout - matching the design */
.nectar-hor-list-item[data-columns="5"] > div:nth-child(1) {
  width: 18% !important; /* Event name */
  flex: 0 0 18% !important;
}
.nectar-hor-list-item[data-columns="5"] > div:nth-child(2) {
  width: 16% !important; /* Date */
  flex: 0 0 16% !important;
}
.nectar-hor-list-item[data-columns="5"] > div:nth-child(3) {
  width: 11% !important; /* Time */
  flex: 0 0 11% !important;
}
.nectar-hor-list-item[data-columns="5"] > div:nth-child(4) {
  width: 33% !important; /* Venue */
  flex: 0 0 33% !important;
}
.nectar-hor-list-item[data-columns="5"] > div:nth-child(5) {
  width: 22% !important; /* Button - wider to prevent text wrapping */
  flex: 0 0 22% !important;
  text-align: right !important;
}

/* Prevent button text from wrapping */
.nectar-hor-list-item[data-columns="5"] .nectar-list-item-btn {
  white-space: nowrap !important;
}

/* Responsive layout for mobile */
@media only screen and (max-width: 999px) {
  .nectar-hor-list-item[data-columns="5"] {
    display: block !important;
  }
  
  .nectar-hor-list-item[data-columns="5"] .nectar-list-item {
    width: 100% !important;
    flex: 0 0 100% !important;
    display: block !important;
  }
  .nectar-hor-list-item[data-columns="5"] .nectar-list-item:not(:last-child) {
    padding-bottom: 10px;
  }
  .nectar-hor-list-item[data-columns="5"] .nectar-list-item {
    padding-left: 0px;
    padding-right: 0px;
  }
  
  .nectar-hor-list-item.has-btn[data-columns="5"] {
    padding-right: 22px;
  }
  .nectar-hor-list-item.has-btn[data-columns="5"] > div:nth-child(1) {
    padding-right: 135px;
  }
  
  .nectar-hor-list-item[data-columns="5"] .nectar-list-item .nectar-list-item-btn {
    position: absolute;
    right: 22px;
    top: 25px;
    white-space: normal !important;
  }
}