/*
 * Boddor frontend stability layer.
 * Scope: plugin frontend wrappers only. No colors, content, or layout redesign.
 */

.boddor-standalone-checkout,
.bgc-ui-root,
.bgc-checkout,
.boddor-checkout,
.bgc-thankyou-page,
.bgc-activation-page,
.boddor-thankyou-page,
.bgc-activation-render-root {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

@supports (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: clip;
  }
}

.boddor-standalone-checkout *,
.boddor-standalone-checkout *::before,
.boddor-standalone-checkout *::after,
.bgc-ui-root *,
.bgc-ui-root *::before,
.bgc-ui-root *::after,
.bgc-thankyou-page *,
.bgc-thankyou-page *::before,
.bgc-thankyou-page *::after,
.bgc-activation-page *,
.bgc-activation-page *::before,
.bgc-activation-page *::after,
.bgc-activation-render-root *,
.bgc-activation-render-root *::before,
.bgc-activation-render-root *::after {
  box-sizing: border-box;
}

.bgc-thankyou-page .bgc-card,
.bgc-thankyou-page .bgc-panel,
.bgc-thankyou-page .bgc-button,
.bgc-activation-page .bgc-card,
.bgc-activation-page .bgc-panel,
.bgc-activation-page .bgc-button,
.boddor-standalone-checkout .bgc-card,
.boddor-standalone-checkout .bgc-panel,
.boddor-standalone-checkout .bgc-button,
.bgc-activation-render-root .bgc-card,
.bgc-activation-render-root .bgc-panel,
.bgc-activation-render-root .bgc-button,
.bgc-ui-root .bgc-card,
.bgc-ui-root .bgc-panel,
.bgc-ui-root .bgc-button {
  min-width: 0;
  max-width: 100%;
}

@media (max-width: 600px) {
  .boddor-standalone-checkout input,
  .boddor-standalone-checkout select,
  .boddor-standalone-checkout textarea,
  .bgc-ui-root input,
  .bgc-ui-root select,
  .bgc-ui-root textarea,
  .bgccou-otp-digit,
  .bgccou-otp-input {
    font-size: 16px !important;
  }
}