/* =========================================================
   GuitarAkademiet checkout / tilmelding
   Samlet live-version v15
   Sektionens baggrund styres i Divi
   Brand blue: #23395b
   Brand orange: #f4a338
   ========================================================= */

.ga-checkout-intro,
.ga-checkout-intro *,
.ga-checkout-form-card,
.ga-checkout-form-card *,
.ga-checkout-faq,
.ga-checkout-faq * {
  box-sizing: border-box !important;
}

/* ---------------------------------------------------------
   Checkout intro
   --------------------------------------------------------- */

.ga-checkout-intro {
  width: 100% !important;
  max-width: 820px !important;
  margin: 0 auto 18px auto !important;
  padding: 0 20px !important;
  text-align: center !important;
}

.ga-checkout-logo {
  display: block !important;
  width: 100% !important;
  max-width: 220px !important;
  height: auto !important;
  margin: 0 auto 20px auto !important;
}

.ga-checkout-title {
  max-width: 760px !important;
  margin: 0 auto 15px auto !important;
  color: #ffffff !important;
  font-size: clamp(38px, 4.2vw, 58px) !important;
  line-height: 1.05 !important;
  font-weight: 650 !important;
  letter-spacing: -0.035em !important;
}

.ga-checkout-lead {
  max-width: 760px !important;
  margin: 0 auto 20px auto !important;
  color: rgba(255, 255, 255, 0.88) !important;
  font-size: 18px !important;
  line-height: 1.62 !important;
  font-weight: 400 !important;
}

.ga-checkout-lead strong {
  color: #ffffff !important;
  font-weight: 750 !important;
}

/* ---------------------------------------------------------
   Trust points
   --------------------------------------------------------- */

.ga-checkout-trust {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 14px 26px !important;
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  list-style: none !important;
}

.ga-checkout-trust li {
  display: inline-flex !important;
  align-items: center !important;
  gap: 9px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  color: #ffffff !important;
  font-size: 16px !important;
  line-height: 1.35 !important;
  font-weight: 600 !important;
}

.ga-checkout-check {
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 22px !important;
  height: 22px !important;
  background: rgba(244, 163, 56, 0.18) !important;
  color: #f4a338 !important;
  border-radius: 50% !important;
  font-size: 14px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
}

/* ---------------------------------------------------------
   Form card
   --------------------------------------------------------- */

.ga-checkout-form-card {
  width: min(560px, calc(100% - 28px)) !important;
  max-width: 560px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  background: transparent !important;
}

.ga-checkout-form-card .et_pb_module,
.ga-checkout-form-card .et_pb_text_inner {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.ga-checkout-form-card .mp_wrapper {
  width: 100% !important;
  max-width: 560px !important;
  margin: 0 auto !important;
  padding: 32px 36px 36px 36px !important;
  background: #ffffff !important;
  color: #111111 !important;
  border-radius: 14px !important;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.22) !important;
  overflow: visible !important;
}

.ga-checkout-form-card .mp_wrapper:before,
.ga-checkout-form-card .mp_wrapper:after {
  content: none !important;
  display: none !important;
}

/* ---------------------------------------------------------
   MemberPress form base
   --------------------------------------------------------- */

.ga-checkout-form-card .mp_wrapper form,
.ga-checkout-form-card .mp_wrapper .mepr-form,
.ga-checkout-form-card .mp_wrapper #mepr_signup_form {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #111111 !important;
}

.ga-checkout-form-card .mp_wrapper a,
.ga-checkout-form-card .mp_wrapper .mepr-coupon-code,
.ga-checkout-form-card .mp_wrapper .mepr-coupon-link {
  color: #f4a338 !important;
  text-decoration: none !important;
  font-weight: 650 !important;
}

.ga-checkout-form-card .mp_wrapper a:hover {
  color: #df9025 !important;
  text-decoration: underline !important;
}

/* Coupon row: muted so it does not trigger code-hunting */
.ga-checkout-form-card .mp_wrapper .ga-checkout-coupon-row {
  margin: 0 0 13px 0 !important;
  padding: 0 !important;
  text-align: left !important;
}

.ga-checkout-form-card .mp_wrapper .ga-checkout-coupon-row a,
.ga-checkout-form-card .mp_wrapper .ga-checkout-coupon-row .mepr-coupon-link,
.ga-checkout-form-card .mp_wrapper .ga-checkout-coupon-row .mepr-coupon-code {
  color: #9ca3af !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  font-weight: 500 !important;
  text-decoration: none !important;
}

.ga-checkout-form-card .mp_wrapper .ga-checkout-coupon-row a:hover,
.ga-checkout-form-card .mp_wrapper .ga-checkout-coupon-row .mepr-coupon-link:hover {
  color: #6b7280 !important;
  text-decoration: underline !important;
}

.ga-checkout-form-card .mp_wrapper .ga-checkout-coupon-row label {
  color: #6b7280 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}

.ga-checkout-form-card .mp_wrapper .ga-checkout-coupon-row input[type="text"] {
  margin-top: 7px !important;
}

/* Labels */
.ga-checkout-form-card .mp_wrapper label,
.ga-checkout-form-card .mp_wrapper .mepr-form label {
  display: block !important;
  margin: 0 0 7px 0 !important;
  padding: 0 !important;
  color: #1f2933 !important;
  font-size: 15px !important;
  line-height: 1.35 !important;
  font-weight: 600 !important;
}

/* Rows */
.ga-checkout-form-card .mp_wrapper .mp-form-row,
.ga-checkout-form-card .mp_wrapper .mepr-form-row,
.ga-checkout-form-card .mp_wrapper .mepr-payment-method,
.ga-checkout-form-card .mp_wrapper .mepr-payment-methods-wrapper {
  margin: 0 0 16px 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

.ga-checkout-form-card .mp_wrapper .mepr-payment-method,
.ga-checkout-form-card .mp_wrapper .mepr-payment-methods-wrapper,
.ga-checkout-form-card .mp_wrapper .mepr-stripe-row {
  margin-bottom: 10px !important;
}

/* Inputs */
.ga-checkout-form-card .mp_wrapper input[type="text"],
.ga-checkout-form-card .mp_wrapper input[type="email"],
.ga-checkout-form-card .mp_wrapper input[type="password"],
.ga-checkout-form-card .mp_wrapper input[type="tel"],
.ga-checkout-form-card .mp_wrapper input[type="number"],
.ga-checkout-form-card .mp_wrapper select,
.ga-checkout-form-card .mp_wrapper textarea {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 52px !important;
  height: 52px !important;
  margin: 0 !important;
  padding: 13px 15px !important;
  background: #ffffff !important;
  color: #1f2933 !important;
  border: 1px solid #d7dce2 !important;
  border-radius: 7px !important;
  box-shadow: none !important;
  font-size: 16px !important;
  line-height: 22px !important;
  font-weight: 400 !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}

.ga-checkout-form-card .mp_wrapper input[type="text"]:focus,
.ga-checkout-form-card .mp_wrapper input[type="email"]:focus,
.ga-checkout-form-card .mp_wrapper input[type="password"]:focus,
.ga-checkout-form-card .mp_wrapper input[type="tel"]:focus,
.ga-checkout-form-card .mp_wrapper input[type="number"]:focus,
.ga-checkout-form-card .mp_wrapper select:focus,
.ga-checkout-form-card .mp_wrapper textarea:focus {
  outline: none !important;
  border-color: #f4a338 !important;
  box-shadow: 0 0 0 3px rgba(244, 163, 56, 0.18) !important;
}

/* Stripe fields */
.ga-checkout-form-card .mp_wrapper .StripeElement,
.ga-checkout-form-card .mp_wrapper .stripe-card-element,
.ga-checkout-form-card .mp_wrapper .mepr-stripe-card-element,
.ga-checkout-form-card .mp_wrapper .mepr-stripe-element,
.ga-checkout-form-card .mp_wrapper .mepr-stripe-card,
.ga-checkout-form-card .mp_wrapper .__PrivateStripeElement {
  display: block !important;
  width: 100% !important;
  min-height: 52px !important;
  margin: 0 !important;
  padding: 13px 15px !important;
  background: #ffffff !important;
  border: 1px solid #d7dce2 !important;
  border-radius: 7px !important;
  box-shadow: none !important;
}

.ga-checkout-form-card .mp_wrapper .mepr-stripe-row,
.ga-checkout-form-card .mp_wrapper .mepr-payment-methods-radios,
.ga-checkout-form-card .mp_wrapper .mepr-payment-methods-icons,
.ga-checkout-form-card .mp_wrapper .mepr-payment-methods-wrapper {
  width: 100% !important;
}

.ga-checkout-form-card .mp_wrapper img {
  max-width: 100% !important;
  height: auto !important;
}

/* Secure payment line */
.ga-checkout-secure-line {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  margin: 0 0 20px 0 !important;
  padding: 0 !important;
  color: #6b7280 !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  font-weight: 500 !important;
  text-align: center !important;
}

.ga-checkout-secure-copy {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  color: #6b7280 !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  font-weight: 500 !important;
}

.ga-checkout-secure-copy svg {
  display: block !important;
  width: 14px !important;
  height: 14px !important;
  flex: 0 0 auto !important;
  color: #9ca3af !important;
}

.ga-checkout-free-mode .ga-checkout-secure-line {
  display: none !important;
}

/* Terms */
.ga-checkout-form-card .mp_wrapper .mepr-checkbox-field,
.ga-checkout-form-card .mp_wrapper .mepr-form-checkbox,
.ga-checkout-form-card .mp_wrapper .mepr-terms,
.ga-checkout-form-card .mp_wrapper .mepr-privacy {
  margin: 16px 0 0 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.ga-checkout-form-card .mp_wrapper .ga-checkout-terms-row {
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
}

.ga-checkout-form-card .mp_wrapper input[type="checkbox"] {
  width: 20px !important;
  height: 20px !important;
  min-height: 0 !important;
  margin: 0 12px 0 0 !important;
  padding: 0 !important;
  vertical-align: middle !important;
  position: relative !important;
  top: -1px !important;
  accent-color: #f4a338 !important;
  -webkit-appearance: checkbox !important;
  appearance: checkbox !important;
  flex: 0 0 20px !important;
}

.ga-checkout-form-card .mp_wrapper .ga-checkout-terms-row label:not(.error) {
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #374151 !important;
  font-size: 15px !important;
  line-height: 1.45 !important;
  font-weight: 500 !important;
  font-style: normal !important;
}

.ga-checkout-form-card .mp_wrapper .mepr-checkbox-field label a,
.ga-checkout-form-card .mp_wrapper .mepr-form-checkbox label a,
.ga-checkout-form-card .mp_wrapper .mepr-terms label a,
.ga-checkout-form-card .mp_wrapper .mepr-privacy label a,
.ga-checkout-form-card .mp_wrapper label a,
.ga-checkout-privacy-note a {
  color: #f4a338 !important;
  font-weight: 650 !important;
  font-style: normal !important;
  text-decoration: none !important;
}

.ga-checkout-form-card .mp_wrapper label a:hover,
.ga-checkout-privacy-note a:hover {
  color: #df9025 !important;
  text-decoration: underline !important;
}

.ga-checkout-form-card .mp_wrapper .mepr-terms .required,
.ga-checkout-form-card .mp_wrapper .mepr-terms .mepr-required,
.ga-checkout-form-card .mp_wrapper .mepr-terms abbr.required,
.ga-checkout-form-card .mp_wrapper .mepr-terms span.required,
.ga-checkout-form-card .mp_wrapper .mepr-terms span.mepr-required {
  display: none !important;
}

.ga-checkout-privacy-note {
  display: block !important;
  margin: 13px 0 0 0 !important;
  padding: 0 !important;
  color: #9ca3af !important;
  font-size: 12.5px !important;
  line-height: 1.45 !important;
  font-weight: 400 !important;
  text-align: center !important;
}

.ga-checkout-form-card .mp_wrapper input[type="checkbox"].error,
.ga-checkout-form-card .mp_wrapper input[type="checkbox"][aria-invalid="true"] {
  outline: 2px solid #dc2626 !important;
  outline-offset: 2px !important;
}

.ga-checkout-form-card .mp_wrapper label.error,
.ga-checkout-form-card .mp_wrapper .mepr-validation-error {
  display: block !important;
  margin: 8px 0 0 32px !important;
  padding: 8px 10px !important;
  background: #fef2f2 !important;
  color: #b91c1c !important;
  border: 1px solid #fecaca !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  font-weight: 500 !important;
  font-style: normal !important;
  width: 100% !important;
}

/* Summary */
.ga-checkout-summary {
  display: block !important;
  width: 100% !important;
  margin: 28px 0 0 0 !important;
  padding: 16px 16px 15px 16px !important;
  background: #f8fafc !important;
  border: 1px solid #d7dce2 !important;
  border-radius: 10px !important;
  color: #1f2933 !important;
}

.ga-checkout-summary-title {
  margin: 0 0 12px 0 !important;
  color: #23395b !important;
  font-size: 16px !important;
  line-height: 1.25 !important;
  font-weight: 750 !important;
  letter-spacing: -0.01em !important;
}

.ga-checkout-summary-row {
  display: flex !important;
  align-items: baseline !important;
  justify-content: space-between !important;
  gap: 18px !important;
  padding: 8px 0 !important;
  border-top: 1px solid rgba(215, 220, 226, 0.75) !important;
  color: #374151 !important;
  font-size: 15px !important;
  line-height: 1.35 !important;
}

.ga-checkout-summary-row strong {
  flex: 0 0 auto !important;
  color: #111827 !important;
  font-size: 16px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  text-align: right !important;
}

.ga-checkout-summary-notes {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 6px !important;
  margin: 10px 0 0 0 !important;
  padding: 11px 0 0 0 !important;
  border-top: 1px solid rgba(215, 220, 226, 0.75) !important;
}

.ga-checkout-summary-note {
  position: relative !important;
  margin: 0 !important;
  padding: 0 0 0 20px !important;
  color: #4b5563 !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
  font-weight: 500 !important;
}

.ga-checkout-summary-note:before {
  content: "✓" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  color: #f4a338 !important;
  font-weight: 900 !important;
}

/* Submit button */
.ga-checkout-form-card .mp_wrapper input[type="submit"],
.ga-checkout-form-card .mp_wrapper button[type="submit"],
.ga-checkout-form-card .mp_wrapper .mepr-submit,
.ga-checkout-form-card .mp_wrapper .mepr-submit-button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 60px !important;
  height: 60px !important;
  margin: 18px 0 0 0 !important;
  padding: 0 24px !important;
  background: #f4a338 !important;
  color: #172d3b !important;
  border: 1px solid #f4a338 !important;
  border-radius: 8px !important;
  box-shadow: 0 14px 30px rgba(244, 163, 56, 0.28) !important;
  font-size: 20px !important;
  line-height: 1 !important;
  font-weight: 750 !important;
  text-align: center !important;
  cursor: pointer !important;
  opacity: 1 !important;
  transition:
    background 160ms ease,
    border-color 160ms ease,
    transform 160ms ease,
    box-shadow 160ms ease !important;
}

.ga-checkout-form-card .mp_wrapper input[type="submit"]:hover,
.ga-checkout-form-card .mp_wrapper button[type="submit"]:hover,
.ga-checkout-form-card .mp_wrapper .mepr-submit:hover,
.ga-checkout-form-card .mp_wrapper .mepr-submit-button:hover {
  background: #df9025 !important;
  border-color: #df9025 !important;
  color: #172d3b !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 17px 34px rgba(244, 163, 56, 0.32) !important;
}

.ga-checkout-submit-note {
  display: block !important;
  margin: 18px 0 0 0 !important;
  color: #6b7280 !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
  text-align: center !important;
}

/* General messages */
.ga-checkout-form-card .mp_wrapper .mepr_error,
.ga-checkout-form-card .mp_wrapper .mepr-errors,
.ga-checkout-form-card .mp_wrapper .mepr-validation-error,
.ga-checkout-form-card .mp_wrapper .mepr_message,
.ga-checkout-form-card .mp_wrapper .mepr_updated {
  width: 100% !important;
  padding: 12px 14px !important;
  border-radius: 7px !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
}

.ga-checkout-form-card .mp_wrapper .mepr_error,
.ga-checkout-form-card .mp_wrapper .mepr-errors,
.ga-checkout-form-card .mp_wrapper .mepr-validation-error {
  background: #fef2f2 !important;
  color: #7f1d1d !important;
  border: 1px solid #fecaca !important;
}

.ga-checkout-form-card .mp_wrapper .mepr_message,
.ga-checkout-form-card .mp_wrapper .mepr_updated {
  background: #f8fafc !important;
  color: #23395b !important;
  border: 1px solid #d7dce2 !important;
}

.ga-checkout-form-card .mp_wrapper p {
  color: #374151 !important;
}

.ga-checkout-form-card .mp_wrapper .mepr_price,
.ga-checkout-form-card .mp_wrapper .mepr_price_cell,
.ga-checkout-form-card .mp_wrapper .mepr-payment-method-label {
  color: #23395b !important;
  font-weight: 700 !important;
}

/* ---------------------------------------------------------
   FAQ styling
   --------------------------------------------------------- */

.ga-checkout-faq {
  width: 100% !important;
  max-width: 760px !important;
  margin: 42px auto 90px auto !important;
  padding: 0 20px !important;
}

.ga-checkout-faq p,
.ga-checkout-faq .et_pb_text_inner p {
  color: rgba(255, 255, 255, 0.86) !important;
  font-size: 18px !important;
  line-height: 1.55 !important;
  font-weight: 400 !important;
  text-align: center !important;
}

.ga-checkout-faq a {
  color: #f4a338 !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

.ga-checkout-faq a:hover {
  color: #df9025 !important;
  text-decoration: underline !important;
}

.ga-checkout-faq h1,
.ga-checkout-faq h2,
.ga-checkout-faq h3,
.ga-checkout-faq .et_pb_text_inner h1,
.ga-checkout-faq .et_pb_text_inner h2,
.ga-checkout-faq .et_pb_text_inner h3 {
  margin: 0 0 26px 0 !important;
  color: #ffffff !important;
  font-size: clamp(28px, 3vw, 38px) !important;
  line-height: 1.15 !important;
  font-weight: 650 !important;
  letter-spacing: -0.025em !important;
  text-align: center !important;
}

.ga-checkout-faq .et_pb_accordion,
.ga-checkout-faq .et_pb_toggle {
  width: 100% !important;
  max-width: 760px !important;
}

.ga-checkout-faq .et_pb_toggle {
  margin: 0 0 18px 0 !important;
  padding: 0 !important;
  background: #ffffff !important;
  border: 1px solid rgba(215, 220, 226, 0.92) !important;
  border-radius: 12px !important;
  box-shadow: 0 16px 42px rgba(0, 0, 0, 0.15) !important;
  overflow: hidden !important;
}

.ga-checkout-faq .et_pb_toggle_close {
  background: #ffffff !important;
}

.ga-checkout-faq .et_pb_toggle_open {
  background: #ffffff !important;
  border-color: rgba(244, 163, 56, 0.26) !important;
  box-shadow: 0 20px 52px rgba(0, 0, 0, 0.18) !important;
}

.ga-checkout-faq .et_pb_toggle_title {
  position: relative !important;
  margin: 0 !important;
  padding: 22px 66px 22px 24px !important;
  color: #23395b !important;
  font-size: 21px !important;
  line-height: 1.32 !important;
  font-weight: 650 !important;
  letter-spacing: -0.015em !important;
  cursor: pointer !important;
}

.ga-checkout-faq .et_pb_toggle_title:before {
  display: none !important;
  content: none !important;
}

.ga-checkout-faq .et_pb_toggle_title:after {
  content: "+" !important;
  position: absolute !important;
  top: 50% !important;
  right: 22px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 32px !important;
  background: rgba(244, 163, 56, 0.14) !important;
  color: #f4a338 !important;
  border-radius: 50% !important;
  font-family: Arial, sans-serif !important;
  font-size: 24px !important;
  line-height: 1 !important;
  font-weight: 600 !important;
  transform: translateY(-50%) !important;
}

.ga-checkout-faq .et_pb_toggle_open .et_pb_toggle_title:after {
  content: "−" !important;
  background: #f4a338 !important;
  color: #ffffff !important;
}

.ga-checkout-faq .et_pb_toggle_content {
  padding: 0 24px 26px 24px !important;
  color: #374151 !important;
  font-size: 17px !important;
  line-height: 1.62 !important;
  font-weight: 400 !important;
}

.ga-checkout-faq .et_pb_toggle_content p {
  margin: 0 0 16px 0 !important;
  color: #374151 !important;
  font-size: 17px !important;
  line-height: 1.62 !important;
  font-weight: 400 !important;
  text-align: left !important;
}

.ga-checkout-faq .et_pb_toggle_content p:last-child {
  margin-bottom: 0 !important;
}

.ga-checkout-faq .et_pb_toggle_content strong {
  color: #23395b !important;
  font-weight: 750 !important;
}

.ga-checkout-faq .et_pb_toggle_content a {
  color: #f4a338 !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

.ga-checkout-faq .et_pb_toggle_content a:hover {
  color: #df9025 !important;
  text-decoration: underline !important;
}

.ga-checkout-form-card + .ga-checkout-faq,
.ga-checkout-faq:first-child {
  margin-top: 42px !important;
}

/* ---------------------------------------------------------
   Responsive
   --------------------------------------------------------- */

@media (max-width: 980px) {
  .ga-checkout-intro {
    margin-bottom: 18px !important;
  }

  .ga-checkout-logo {
    max-width: 210px !important;
  }

  .ga-checkout-title {
    font-size: 42px !important;
  }

  .ga-checkout-lead {
    font-size: 17px !important;
  }

  .ga-checkout-trust {
    gap: 12px 22px !important;
  }

  .ga-checkout-form-card {
    width: min(560px, calc(100% - 28px)) !important;
  }

  .ga-checkout-form-card .mp_wrapper {
    padding: 32px 28px 36px 28px !important;
  }
}

@media (max-width: 760px) {
  .ga-checkout-faq {
    max-width: 620px !important;
    margin-top: 36px !important;
    margin-bottom: 70px !important;
    padding: 0 16px !important;
  }

  .ga-checkout-faq p,
  .ga-checkout-faq .et_pb_text_inner p {
    font-size: 16px !important;
  }

  .ga-checkout-faq h1,
  .ga-checkout-faq h2,
  .ga-checkout-faq h3,
  .ga-checkout-faq .et_pb_text_inner h1,
  .ga-checkout-faq .et_pb_text_inner h2,
  .ga-checkout-faq .et_pb_text_inner h3 {
    font-size: 30px !important;
    margin-bottom: 24px !important;
  }

  .ga-checkout-faq .et_pb_toggle {
    margin-bottom: 14px !important;
  }

  .ga-checkout-faq .et_pb_toggle_title {
    padding: 19px 58px 19px 20px !important;
    font-size: 19px !important;
  }

  .ga-checkout-faq .et_pb_toggle_title:after {
    right: 18px !important;
    width: 30px !important;
    height: 30px !important;
    font-size: 22px !important;
  }

  .ga-checkout-faq .et_pb_toggle_content,
  .ga-checkout-faq .et_pb_toggle_content p {
    font-size: 16px !important;
  }

  .ga-checkout-faq .et_pb_toggle_content {
    padding: 0 20px 22px 20px !important;
  }
}

@media (max-width: 560px) {
  .ga-checkout-intro {
    padding: 0 12px !important;
    margin-bottom: 18px !important;
  }

  .ga-checkout-logo {
    max-width: 190px !important;
  }

  .ga-checkout-title {
    font-size: 34px !important;
  }

  .ga-checkout-lead {
    font-size: 16px !important;
    line-height: 1.58 !important;
    margin-bottom: 20px !important;
  }

  .ga-checkout-trust {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    max-width: 340px !important;
    text-align: left !important;
  }

  .ga-checkout-trust li {
    justify-content: flex-start !important;
    font-size: 15px !important;
  }

  .ga-checkout-form-card {
    width: calc(100% - 24px) !important;
  }

  .ga-checkout-form-card .mp_wrapper {
    padding: 28px 20px 32px 20px !important;
    border-radius: 12px !important;
  }

  .ga-checkout-card-notice {
    font-size: 13px !important;
  }

  .ga-checkout-secure-copy {
    font-size: 12.5px !important;
  }

  .ga-checkout-summary {
    padding: 15px 14px 14px 14px !important;
  }

  .ga-checkout-summary-row {
    gap: 12px !important;
    font-size: 14px !important;
  }

  .ga-checkout-summary-row strong {
    font-size: 15px !important;
  }

  .ga-checkout-form-card .mp_wrapper .ga-checkout-terms-row label:not(.error) {
    line-height: 1.4 !important;
  }

  .ga-checkout-form-card .mp_wrapper input[type="submit"],
  .ga-checkout-form-card .mp_wrapper button[type="submit"],
  .ga-checkout-form-card .mp_wrapper .mepr-submit,
  .ga-checkout-form-card .mp_wrapper .mepr-submit-button {
    font-size: 18px !important;
    min-height: 58px !important;
    height: 58px !important;
  }

  .ga-checkout-submit-note {
    margin-top: 16px !important;
  }

  .ga-checkout-privacy-note {
    margin-top: 12px !important;
  }
}

@media (max-width: 480px) {
  .ga-checkout-faq {
    padding: 0 12px !important;
  }

  .ga-checkout-faq .et_pb_toggle_title {
    font-size: 18px !important;
  }
}

/* F09: kontrast og fokus på tilmeldingsknap og vilkårslink */
.ga-checkout-form-card .mp_wrapper .mepr_tos a,
.ga-checkout-form-card .mp_wrapper .mepr_tos a:hover,
.ga-checkout-form-card .mp_wrapper .mepr_tos a:focus {
  color: #276f80 !important;
  text-decoration: underline !important;
}

.ga-checkout-form-card .mp_wrapper .mepr_tos a:focus {
  outline: 3px solid #276f80 !important;
  outline-offset: 3px !important;
}

.ga-checkout-form-card .mp_wrapper input[type="submit"]:focus,
.ga-checkout-form-card .mp_wrapper button[type="submit"]:focus,
.ga-checkout-form-card .mp_wrapper .mepr-submit:focus,
.ga-checkout-form-card .mp_wrapper .mepr-submit-button:focus {
  outline: 3px solid #172d3b !important;
  outline-offset: -6px !important;
}

/* 12/9 2026: pluginets afvisningsbesked (fx »Du har allerede adgang«) vises uden for .mp_wrapper på den mørke baggrund — gør teksten læselig. */
.ga-checkout-form-card .flex-centered p {
  color: #ffffff;
}
/* September 2026: readable links on the white checkout card. */
.ga-checkout-form-card .ga-checkout-ready .mepr_price { display:none !important; }
.ga-checkout-form-card .mp_wrapper form[hidden] { display:none !important; }
.ga-checkout-summary-notes { font-size:13px; line-height:1.5; }
.ga-checkout-privacy-note { color:#465a66 !important; margin-top:24px !important; }
.ga-checkout-submit-note:empty { display:none !important; }
.ga-checkout-form-card .mp_wrapper a:not(.mepr-submit),
.ga-checkout-form-card .mp_wrapper .ga-checkout-coupon-row a { color:#276f80 !important; }
.ga-checkout-form-card .mp_wrapper .ga-checkout-terms-row a { margin-left: .22em; }
.ga-checkout-form-card .mp_wrapper .ga-checkout-login { font-size:15px; line-height:1.5; margin:0 0 18px; }
.ga-checkout-intro { margin-bottom:12px !important; }
.ga-checkout-logo { max-width:120px !important; margin-bottom:14px !important; }
.ga-checkout-title { font-size:clamp(30px, 3.2vw, 38px) !important; line-height:1.12 !important; margin-bottom:0 !important; padding-bottom:0 !important; }
.ga-checkout-campaign-banner {
  display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:4px 18px;
  max-width:760px; margin:0 auto 24px; padding:12px 18px;
  background:#f0f7f8; color:#23395b; border-radius:8px; text-align:center;
}
.ga-checkout-campaign-label { font-size:15px; line-height:1.5; font-weight:600; color:#23395b; }
.ga-checkout-campaign-banner .ga-checkout-countdown {
  margin:0 !important; padding:0 !important; color:#23395b !important;
  font-size:16px !important; line-height:1.5; font-weight:750; font-variant-numeric:tabular-nums;
}
.ga-checkout-campaign-banner a { color:#23395b !important; text-decoration:underline; font-size:16px; }
.ga-checkout-campaign-banner[data-ga-closed] .ga-checkout-campaign-label { display:none; }
.ga-checkout-offer { max-width:680px; margin:14px auto 20px; text-align:center; }
.ga-checkout-offer strong { display:block; color:#ffffff; font-size:48px; font-weight:750; line-height:1.1; }
.ga-checkout-offer .ga-checkout-price-unit { font-size:21px; font-weight:400; white-space:nowrap; }
.ga-checkout-offer .ga-checkout-normal-price { margin:7px 0 0; padding:0; color:rgba(255,255,255,.78); font-size:15px; line-height:1.4; }
@media (max-width:560px) {
  .ga-checkout-logo { max-width:100px !important; margin-bottom:12px !important; }
  .ga-checkout-campaign-banner { gap:2px 12px; padding:10px 12px; margin-bottom:16px; }
  .ga-checkout-campaign-label { width:100%; font-size:14px; }
  .ga-checkout-campaign-banner .ga-checkout-countdown { font-size:15px !important; }
  .ga-checkout-title { font-size:30px !important; }
  .ga-checkout-offer { margin:12px auto 16px; }
  .ga-checkout-offer strong { font-size:42px; }
  .ga-checkout-offer .ga-checkout-price-unit { font-size:19px; }
}

/* Campaign inline login: independent native form, visually joined to checkout. */
.ga-inline-login { max-width:560px; margin:0 auto; padding:26px 36px 18px; background:#fff; color:#23395b; border-radius:14px 14px 0 0; box-sizing:border-box; }
.ga-inline-login summary { cursor:pointer; font-size:15px; line-height:1.5; list-style:none; }
.ga-inline-login summary::-webkit-details-marker { display:none; }
.ga-inline-login summary span { color:#276f80; text-decoration:underline; text-underline-offset:3px; font-weight:650; }
.ga-inline-login summary:focus-visible { outline:2px solid #b4670d; outline-offset:5px; border-radius:2px; }
.ga-inline-login[hidden] { display:none !important; }
.ga-checkout-form-card:has(.ga-inline-login) .mp_wrapper:not(.mp_login_form) { padding-top:0 !important; border-radius:0 0 14px 14px !important; box-shadow:none !important; }
.ga-checkout-form-card .ga-inline-login .mp_wrapper { padding:20px 0 0 !important; box-shadow:none !important; border-radius:0 !important; }
.ga-inline-login:has(details[open]) { border-radius:14px; }
.ga-inline-login:has(details[open]) ~ .mp_wrapper { display:none !important; }
.ga-inline-login-fields { padding-bottom:18px; margin-bottom:6px; border-bottom:1px solid #dce4e8; }
.ga-inline-login .mp-spacer { display:none; }
.ga-inline-login .mepr-login-actions { margin-top:16px; font-size:14px; }
.ga-inline-login input[type=submit] { margin-top:18px !important; min-height:48px; width:100%; border:0; border-radius:8px; background:#f4a338; color:#172d3b; font:inherit; font-weight:700; cursor:pointer; }
.ga-inline-login .mp-hide-pw { position:relative; }
.ga-inline-login button.mp-hide-pw { position:absolute; right:6px; top:4px; width:44px; height:44px; border:0; background:transparent; color:#23395b; cursor:pointer; }
.ga-inline-login input[type=password] { padding-right:52px !important; }
.ga-inline-login .mepr_error { margin:18px 0 0; }
@media(max-width:600px) { .ga-inline-login { padding:22px 22px 16px; } }