/* Payment guide content and route refinements. Casino data stays editor-owned. */
.oc-payment-route__offer-notice { color: #9b3435; font-size: 14px; font-weight: 700; }
.oc-payment-route .oc-payment-route__reasons { display: grid; gap: 8px; list-style: none; margin: 16px 0 0; padding: 0; }
.oc-payment-route .oc-payment-route__reasons li { display: grid; grid-template-columns: 18px minmax(0, 1fr); gap: 8px; font-size: 14px; line-height: 1.5; color: #41534a; }
.oc-payment-route .oc-payment-route__reasons .dashicons { width: 18px; font-size: 20px; color: #2c4035; }
:is(.oc-payment-route, .oc-payment-method-page .oc-shortcode-list--single, .oc-money-guide .oc-shortcode-list--single).has-accessible-terms .oc-terms-hover small { display: none !important; }
:is(.oc-payment-route, .oc-payment-method-page .oc-shortcode-list--single, .oc-money-guide .oc-shortcode-list--single).has-accessible-terms .oc-terms-hover.is-open small { display: block !important; position: fixed !important; z-index: 10000 !important; width: min(360px, calc(100vw - 32px)) !important; max-width: calc(100vw - 32px) !important; max-height: min(360px, calc(100vh - 40px)) !important; overflow: auto !important; bottom: auto !important; right: auto !important; padding: 16px !important; border: 1px solid #d9e2dd; border-radius: 6px; background: #fff !important; color: #293b30 !important; box-shadow: 0 8px 32px #132b2526; font-size: 13px !important; font-weight: 400 !important; line-height: 1.6 !important; text-align: left; text-transform: none; white-space: normal; opacity: 1 !important; visibility: visible !important; transform: none !important; pointer-events: auto !important; }
:is(.oc-payment-route, .oc-payment-method-page .oc-shortcode-list--single, .oc-money-guide .oc-shortcode-list--single).has-accessible-terms .oc-terms-hover small::before, :is(.oc-payment-route, .oc-payment-method-page .oc-shortcode-list--single, .oc-money-guide .oc-shortcode-list--single).has-accessible-terms .oc-terms-hover small::after { display: none !important; }
/* Fixed terms panels must not inherit the CTA row's hover transform. */
:is(.oc-payment-method-page, .oc-money-guide) .oc-shortcode-list--single.has-accessible-terms .oc-shortcode-row { transform: none !important; }
.oc-payment-guide { min-width: 0; }
.oc-prose .oc-payment-guide table { display: table !important; width: 100%; margin: 0; border-collapse: collapse; table-layout: auto; font-size: 16px; }
.oc-prose .oc-payment-guide th, .oc-prose .oc-payment-guide td { padding: 14px 16px; text-align: left; vertical-align: top; line-height: 1.55; border: 1px solid #dce3e8; }
.oc-prose .oc-payment-guide th { background: #151a22; color: #fff; font-size: 14px; }
.oc-prose .oc-payment-guide tbody tr:nth-child(even) { background: #f5f8f7; }
.oc-prose .oc-payment-guide figure { margin: 22px 0; overflow-x: auto; border-radius: 6px; }
.oc-payment-guide ol.wp-block-list { list-style: none; counter-reset: steps; padding: 0; margin: 26px 0; }
.oc-payment-guide ol.wp-block-list > li { position: relative; counter-increment: steps; padding: 18px 0 18px 54px; margin: 0; border-top: 1px solid #dce3df; }
.oc-payment-guide ol.wp-block-list > li::before { content: counter(steps); position: absolute; top: 19px; left: 0; display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; background: #365c47; color: #fff; font: 700 14px/1 Arial,sans-serif; }
@media (max-width: 760px) {
  .oc-prose .oc-payment-guide table { min-width: 460px; font-size: 14px; }
  .oc-payment-method-page .oc-payment-route__row { padding: 14px 10px; gap: 10px; }
  .oc-payment-method-page .oc-payment-route__actions { grid-column: 1 / -1; grid-template-columns: 1fr 1fr; }
  .oc-payment-method-page .oc-page-hero { display: flex !important; flex-direction: column; align-items: stretch; gap: 20px; height: auto !important; min-height: 0 !important; aspect-ratio: auto !important; padding: 24px !important; }
  .oc-payment-method-page .oc-page-hero__copy { padding-bottom: 0 !important; }
  .oc-payment-method-page .oc-page-hero__art { display: block !important; position: static !important; inset: auto !important; grid-area: auto !important; width: 100% !important; height: 96px !important; min-height: 0 !important; margin: 0 !important; transform: none !important; opacity: 1 !important; }
  .oc-payment-method-page .oc-page-hero__art::before, .oc-payment-method-page .oc-page-hero__art::after { display: none; }
  .oc-payment-method-page .oc-payment-hero-art { display: flex !important; flex-direction: column; align-items: center; justify-content: center; position: static !important; transform: none !important; width: 100% !important; height: 96px !important; min-height: 0 !important; padding: 12px; gap: 4px; opacity: 1 !important; }
  .oc-payment-method-page .oc-payment-hero-art img { width: 130px !important; max-height: 42px !important; }
  .oc-payment-method-page .oc-payment-hero-art strong { display: none; }
  .oc-payment-method-page .oc-payment-hero-art small { font-size: 10px; }
}
