/* Header styling */
.arlo h1,
.arlo h2,
.arlo h3,
.arlo h4,
.arlo h5,
.arlo h6 {
  color: #6C58D6 !important;
/* Keep Arlo event details visible on mobile (≤991px) */
@media (max-width: 991px) {
  /* The usual details containers in Arlo WP widgets */
  .arlo .arlo-event__details,
  .arlo .arlo-details,
  .arlo .event-details,
  .arlo .arlo-collapsible__content,
  .arlo .arlo-accordion__content,
  .arlo [class*="collapsible"] [class*="content"],
  .arlo [class*="toggle"] + [class*="content"] {
    display: block !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  /* If JS adds "collapsed"/"closed" states, ignore them */
  .arlo .arlo-collapsible--collapsed,
  .arlo .is-collapsed,
  .arlo .is-closed,
  .arlo [aria-expanded="false"] + .arlo-collapsible__content {
    display: block !important;
    height: auto !important;
    max-height: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    overflow: visible !important;
  }

  /* Defeat inline styles like style="max-height:0" that JS may set */
  .arlo [style*="max-height: 0"],
  .arlo [style*="max-height:0"],
  .arlo [style*="height: 0"] {
    max-height: none !important;
    height: auto !important;
    overflow: visible !important;
  }

  /* Prevent parent cards from clipping the expanded area */
  .arlo .arlo-event,
  .arlo .arlo-card,
  .arlo .arlo-list-item,
  .arlo .arlo-card__body,
  .arlo .arlo-list-item__body {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }

  /* If placed inside Elementor, avoid container clipping */
  .elementor .elementor-widget-container,
  .elementor .elementor-column,
  .elementor .elementor-section {
    overflow: visible !important;
  }
}