/* Keep the homepage actions visually slimmer without reducing mobile targets. */
@media (min-width: 768px) {
  .event-aura-homepage .ea-button,
  .event-aura-homepage .ea-whatsapp-button,
  .event-aura-homepage .ea-inline-link {
    height: 40px !important;
    min-height: 40px !important;
    padding-block: 0 !important;
  }

  .event-aura-homepage .ea-button-light-outline {
    height: 42px !important;
    min-height: 42px !important;
  }

  .event-aura-homepage .ea-nav-quote,
  .event-aura-homepage .ea-nav-text-button {
    height: 44px !important;
    min-height: 44px !important;
    padding-block: 0 !important;
  }

  .event-aura-homepage .ea-menu-toggle {
    width: 38px !important;
    height: 38px !important;
  }

  .event-aura-homepage .ea-project-filter {
    padding-block: 6px !important;
  }

  .event-aura-homepage .ea-lightbox-close {
    width: 40px !important;
    height: 40px !important;
  }

  .event-aura-homepage .ea-lightbox-nav {
    width: 46px !important;
    height: 46px !important;
  }

  .event-aura-homepage .ea-dialog-close {
    width: 38px !important;
    height: 38px !important;
  }

  .event-aura-homepage .ea-quote-dialog-premium .ea-form-submit {
    height: 46px !important;
    min-height: 46px !important;
    padding-block: 0 !important;
  }

  .event-aura-homepage .ea-quote-dialog-premium .ea-form-field input[type="file"]::file-selector-button {
    padding-block: 5px;
  }
}

/* Use a consistent pill shape while preserving each homepage button's size and color. */
.event-aura-homepage .ea-button {
  border-radius: 999px;
}

@media (max-width: 767px) {
  .event-aura-homepage .ea-button,
  .event-aura-homepage .ea-whatsapp-button,
  .event-aura-homepage .ea-inline-link,
  .event-aura-homepage .ea-button-light-outline,
  .event-aura-homepage .ea-nav-quote,
  .event-aura-homepage .ea-nav-text-button,
  .event-aura-homepage .ea-quote-dialog-premium .ea-form-submit {
    height: 44px !important;
    min-height: 44px !important;
    padding-block: 0 !important;
  }

  .event-aura-homepage .ea-menu-toggle {
    width: 44px !important;
    height: 44px !important;
  }

  .event-aura-homepage .ea-project-filter {
    position: relative;
    isolation: isolate;
    width: auto;
    height: 44px;
    min-height: 44px;
    border-color: transparent !important;
    padding: 0 15px !important;
    background: transparent !important;
  }

  .event-aura-homepage .ea-project-filter::before {
    position: absolute;
    z-index: -1;
    inset: 6px 0;
    border: 1px solid #d7e2ed;
    border-radius: 22px;
    background: #fff;
    content: "";
    pointer-events: none;
    transition: background-color .18s ease, border-color .18s ease;
  }

  .event-aura-homepage .ea-project-filter:hover::before,
  .event-aura-homepage .ea-project-filter.is-active::before {
    border-color: #0878d1;
    background: #0878d1;
  }

  .event-aura-homepage .ea-lightbox-close,
  .event-aura-homepage .ea-lightbox-nav {
    width: 44px !important;
    height: 44px !important;
  }

  .event-aura-homepage .ea-dialog-close {
    width: 44px !important;
    height: 44px !important;
  }

  .event-aura-homepage .ea-quote-dialog-premium .ea-form-field input[type="file"]::file-selector-button {
    padding-block: 5px;
  }
}
