/*
 * Browser feature fallbacks. Scoped to plugin frontend surfaces.
 */

@supports not (overflow: clip) {
  .boddor-standalone-checkout,
  .bgc-ui-root,
  .bgc-checkout,
  .boddor-checkout,
  .bgc-thankyou-page,
  .bgc-activation-page,
  .boddor-thankyou-page,
  .bgc-activation-render-root {
    overflow-x: hidden;
  }
}

@supports not (height: 100dvh) {
  .boddor-standalone-checkout,
  .bgc-ui-root,
  .bgc-thankyou-page,
  .bgc-activation-page,
  .bgc-activation-render-root {
    min-height: 100vh;
  }

  .bgccou-otp-dialog,
  .bgccou-tip-dialog,
  .bgccou-trial-used-dialog,
  .bgc-popup-dialog,
  .bgc-modal-dialog,
  .bgc-trial-popup-dialog,
  .bgc-checkout-preferences-dialog,
  .bgc-bouquets-popup-dialog,
  .bgc-activation-popup-dialog,
  .bgc-save-details-dialog {
    max-height: calc(100vh - 32px);
  }
}

@supports not ((-webkit-backdrop-filter: blur(4px)) or (backdrop-filter: blur(4px))) {
  .bgccou-otp-overlay,
  .bgc-popup-overlay,
  .bgc-modal-overlay,
  .bgc-trial-popup-overlay,
  .bgc-bouquets-popup-overlay,
  .bgc-activation-popup-overlay,
  .bgc-save-details-overlay,
  .bgccou-tip-overlay,
  .bgccou-trial-used-backdrop {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }
}

@supports not (background: color-mix(in srgb, #000 10%, transparent)) {
  .boddor-standalone-checkout.bgc-activation-thankyou-page .bgc-activation-account-card,
  .boddor-standalone-checkout.bgc-activation-thankyou-page .bgc-card-generator-card,
  .boddor-standalone-checkout.bgc-activation-thankyou-page .bgc-activation-account-card .bgc-activation-detail-list {
    background: var(--checkout-card-bg, var(--checkout-surface));
    border-color: var(--checkout-border);
  }

  .boddor-standalone-checkout.bgc-activation-thankyou-page .bgc-activation-account-card .bgc-activation-detail-row--credential {
    background: var(--checkout-secondary-color, var(--checkout-secondary));
  }
}