/* Final visual safeguards for YATH Menu pricing.
   Loaded after the compiled page stylesheet to preserve the validated design. */

#yath-menu-commercial-v2 .yn-plans {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

#yath-menu-commercial-v2 .yn-plan {
  min-width: 0;
}

#yath-menu-commercial-v2 .yn-plan.is-custom-price .yn-plan-price strong {
  overflow-wrap: break-word;
  word-break: normal;
  hyphens: none;
}

@media (max-width: 960px) {
  #yath-menu-commercial-v2 .yn-plans {
    grid-template-columns: minmax(0, 1fr);
  }

  #yath-menu-commercial-v2 .yn-plan-audience {
    min-height: 0;
  }
}

@media (max-width: 520px) {
  #yath-menu-commercial-v2 .yn-period-selector div[role="group"] {
    width: 100%;
  }

  #yath-menu-commercial-v2 .yn-period-selector button {
    min-width: 0;
    flex: 1 1 0;
    padding-inline: 8px;
  }
}

@media (prefers-reduced-motion: reduce) {
  #yath-menu-commercial-v2 .yn-period-selector button,
  #yath-menu-commercial-v2 .yn-plan-action,
  #yath-menu-commercial-v2 .yn-equipment-action {
    transition: none;
  }
}