/* GRZ Checkout UI v1.2.0 - classic checkout only */
body.grz-checkout-ui-active {
  --grz-bg-0: #050914;
  --grz-bg-1: #071422;
  --grz-bg-2: #101724;
  --grz-card: rgba(14, 21, 34, .96);
  --grz-card-2: rgba(18, 27, 43, .95);
  --grz-border: rgba(0, 207, 255, .32);
  --grz-border-soft: rgba(255, 255, 255, .10);
  --grz-text: #eef7ff;
  --grz-muted: #9aaabd;
  --grz-cyan: #00d9ff;
  --grz-blue: #0a8dff;
  --grz-purple: #a845ff;
  --grz-danger: #ff3d6e;
  --grz-success: #25e49b;
  background:
    radial-gradient(circle at 18% 0%, rgba(0, 217, 255, .14), transparent 30%),
    radial-gradient(circle at 86% 8%, rgba(168, 69, 255, .18), transparent 34%),
    linear-gradient(135deg, #06111d 0%, #050914 48%, #13071f 100%) !important;
  color: var(--grz-text) !important;
}

body.grz-checkout-ui-active #main,
body.grz-checkout-ui-active .main-content,
body.grz-checkout-ui-active .page-content,
body.grz-checkout-ui-active .content-area,
body.grz-checkout-ui-active .site-main,
body.grz-checkout-ui-active .woocommerce,
body.grz-checkout-ui-active .woocommerce-page,
body.grz-checkout-ui-active .porto-wrap-container,
body.grz-checkout-ui-active .container,
body.grz-checkout-ui-active .container-fluid {
  background: transparent !important;
}

body.grz-checkout-ui-active .woocommerce {
  max-width: none !important;
  width: 100% !important;
}

body.grz-checkout-ui-active .woocommerce-notices-wrapper,
body.grz-checkout-ui-active .woocommerce-message,
body.grz-checkout-ui-active .woocommerce-info,
body.grz-checkout-ui-active .woocommerce-error {
  max-width: var(--grz-checkout-max, 1180px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.grz-checkout-ui-active .woocommerce-message,
body.grz-checkout-ui-active .woocommerce-info {
  background: rgba(10, 20, 34, .92) !important;
  color: var(--grz-text) !important;
  border: 1px solid rgba(0, 217, 255, .35) !important;
  border-left: 4px solid var(--grz-success) !important;
  border-radius: 14px !important;
  box-shadow: 0 16px 44px rgba(0,0,0,.28) !important;
}

body.grz-checkout-ui-active .woocommerce-error {
  background: rgba(30, 10, 22, .92) !important;
  color: #fff !important;
  border: 1px solid rgba(255, 61, 110, .35) !important;
  border-left: 4px solid var(--grz-danger) !important;
  border-radius: 14px !important;
}

body.grz-checkout-ui-active form.checkout.woocommerce-checkout {
  width: calc(100% - 40px) !important;
  max-width: var(--grz-checkout-max, 1180px) !important;
  margin: 34px auto 72px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(340px, var(--grz-checkout-right, 420px)) !important;
  gap: var(--grz-checkout-gap, 28px) !important;
  align-items: start !important;
  float: none !important;
  clear: both !important;
}

body.grz-checkout-ui-active form.checkout::before,
body.grz-checkout-ui-active form.checkout::after {
  display: none !important;
  content: none !important;
}

body.grz-checkout-ui-active #customer_details {
  grid-column: 1 !important;
  grid-row: 1 !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  display: block !important;
}

body.grz-checkout-ui-active #order_review_heading {
  grid-column: 2 !important;
  grid-row: 1 !important;
  margin: 0 0 14px !important;
  padding: 0 !important;
  color: var(--grz-text) !important;
  font-size: 15px !important;
  text-transform: uppercase !important;
  letter-spacing: .06em !important;
}

body.grz-checkout-ui-active #order_review {
  grid-column: 2 !important;
  grid-row: 1 !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  display: block !important;
  clear: none !important;
}

body.grz-checkout-ui-active #customer_details .col-1,
body.grz-checkout-ui-active #customer_details .col-2,
body.grz-checkout-ui-active .col2-set .col-1,
body.grz-checkout-ui-active .col2-set .col-2 {
  width: 100% !important;
  float: none !important;
  max-width: none !important;
  padding: 0 !important;
  margin: 0 !important;
  flex: none !important;
}

body.grz-checkout-ui-active #customer_details .col-2 {
  margin-top: 18px !important;
}

body.grz-checkout-ui-active .woocommerce-billing-fields,
body.grz-checkout-ui-active .woocommerce-additional-fields,
body.grz-checkout-ui-active .woocommerce-shipping-fields,
body.grz-checkout-ui-active #order_review,
body.grz-checkout-ui-active .grz-saved-billing-card {
  background: var(--grz-card) !important;
  border: 1px solid var(--grz-border) !important;
  border-radius: 18px !important;
  box-shadow: 0 24px 70px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.04) !important;
}

body.grz-checkout-ui-active .woocommerce-billing-fields,
body.grz-checkout-ui-active .woocommerce-additional-fields,
body.grz-checkout-ui-active .woocommerce-shipping-fields {
  padding: 26px !important;
}

body.grz-checkout-ui-active .woocommerce-billing-fields h3,
body.grz-checkout-ui-active .woocommerce-additional-fields h3,
body.grz-checkout-ui-active .woocommerce-shipping-fields h3,
body.grz-checkout-ui-active #order_review_heading,
body.grz-checkout-ui-active #payment .wc_payment_method label,
body.grz-checkout-ui-active .woocommerce-checkout-review-order-table th {
  color: var(--grz-text) !important;
  font-weight: 800 !important;
}

body.grz-checkout-ui-active .form-row,
body.grz-checkout-ui-active p.form-row {
  margin-bottom: 16px !important;
}

body.grz-checkout-ui-active label,
body.grz-checkout-ui-active .woocommerce-billing-fields label,
body.grz-checkout-ui-active .woocommerce-additional-fields label {
  color: var(--grz-muted) !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  margin-bottom: 7px !important;
}

body.grz-checkout-ui-active input.input-text,
body.grz-checkout-ui-active textarea,
body.grz-checkout-ui-active select,
body.grz-checkout-ui-active .select2-container .select2-selection--single,
body.grz-checkout-ui-active .select2-container .select2-selection--multiple {
  background: rgba(255,255,255,.065) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  color: var(--grz-text) !important;
  border-radius: 10px !important;
  height: 46px !important;
  padding: 0 14px !important;
  box-shadow: none !important;
}

body.grz-checkout-ui-active textarea {
  height: 96px !important;
  padding-top: 12px !important;
}

body.grz-checkout-ui-active input.input-text:focus,
body.grz-checkout-ui-active textarea:focus,
body.grz-checkout-ui-active select:focus,
body.grz-checkout-ui-active .select2-container--open .select2-selection {
  border-color: var(--grz-cyan) !important;
  box-shadow: 0 0 0 3px rgba(0, 217, 255, .12) !important;
}

body.grz-checkout-ui-active .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: var(--grz-text) !important;
  line-height: 44px !important;
}
body.grz-checkout-ui-active .select2-dropdown {
  background: #101724 !important;
  border-color: rgba(0,217,255,.25) !important;
  color: var(--grz-text) !important;
}
body.grz-checkout-ui-active .select2-results__option { color: var(--grz-text) !important; }
body.grz-checkout-ui-active .select2-results__option--highlighted { background: rgba(0,217,255,.20) !important; }

body.grz-checkout-ui-active #order_review {
  padding: 0 !important;
  overflow: hidden !important;
}

body.grz-checkout-ui-active .woocommerce-checkout-review-order-table {
  width: 100% !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  table-layout: auto !important;
}

body.grz-checkout-ui-active .woocommerce-checkout-review-order-table thead,
body.grz-checkout-ui-active .woocommerce-checkout-review-order-table tbody,
body.grz-checkout-ui-active .woocommerce-checkout-review-order-table tfoot {
  display: table-row-group !important;
}

body.grz-checkout-ui-active .woocommerce-checkout-review-order-table th,
body.grz-checkout-ui-active .woocommerce-checkout-review-order-table td {
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(255,255,255,.10) !important;
  color: var(--grz-muted) !important;
  padding: 16px 18px !important;
  vertical-align: top !important;
  font-size: 13px !important;
}

body.grz-checkout-ui-active .woocommerce-checkout-review-order-table .product-name {
  color: var(--grz-text) !important;
  font-weight: 700 !important;
}

body.grz-checkout-ui-active .woocommerce-checkout-review-order-table .product-total,
body.grz-checkout-ui-active .woocommerce-checkout-review-order-table td:last-child,
body.grz-checkout-ui-active .woocommerce-checkout-review-order-table .order-total .amount {
  color: var(--grz-cyan) !important;
  font-weight: 800 !important;
  text-align: right !important;
}

body.grz-checkout-ui-active .woocommerce-checkout-review-order-table .order-total th,
body.grz-checkout-ui-active .woocommerce-checkout-review-order-table .order-total td {
  color: var(--grz-text) !important;
  font-size: 18px !important;
}

body.grz-checkout-ui-active #payment {
  background: rgba(7, 12, 22, .72) !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 18px !important;
}

body.grz-checkout-ui-active #payment ul.payment_methods,
body.grz-checkout-ui-active .woocommerce-checkout #payment ul.payment_methods {
  border: 0 !important;
  padding: 0 !important;
  margin: 0 0 18px !important;
  display: grid !important;
  gap: 12px !important;
}

body.grz-checkout-ui-active #payment ul.payment_methods li.wc_payment_method {
  background: rgba(255,255,255,.055) !important;
  border: 1px solid rgba(255,255,255,.13) !important;
  border-radius: 12px !important;
  padding: 14px !important;
  color: var(--grz-text) !important;
  min-height: auto !important;
  position: relative !important;
  overflow: visible !important;
}

body.grz-checkout-ui-active #payment ul.payment_methods li.wc_payment_method input.input-radio {
  margin: 0 10px 0 0 !important;
  accent-color: var(--grz-cyan) !important;
}

body.grz-checkout-ui-active #payment ul.payment_methods li.wc_payment_method label {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: var(--grz-text) !important;
  font-size: 14px !important;
  line-height: 1.3 !important;
}

body.grz-checkout-ui-active #payment ul.payment_methods li.wc_payment_method.payment_method_bacs,
body.grz-checkout-ui-active #payment ul.payment_methods li.wc_payment_method:has(input:checked) {
  border-color: rgba(0,217,255,.50) !important;
  box-shadow: 0 0 0 1px rgba(0,217,255,.13), 0 18px 36px rgba(0,0,0,.24) !important;
}

body.grz-checkout-ui-active #payment div.payment_box {
  background: rgba(0,0,0,.22) !important;
  color: var(--grz-muted) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 10px !important;
  margin: 12px 0 0 !important;
  padding: 13px !important;
  font-size: 13px !important;
  line-height: 1.6 !important;
  width: auto !important;
}
body.grz-checkout-ui-active #payment div.payment_box:before { display: none !important; }

body.grz-checkout-ui-active #payment .place-order {
  padding: 0 !important;
  margin: 0 !important;
}

body.grz-checkout-ui-active #payment .woocommerce-privacy-policy-text,
body.grz-checkout-ui-active #payment .woocommerce-terms-and-conditions-wrapper {
  color: var(--grz-muted) !important;
  font-size: 12px !important;
  line-height: 1.55 !important;
  margin: 16px 0 !important;
}

body.grz-checkout-ui-active #place_order,
body.grz-checkout-ui-active button#place_order,
body.grz-checkout-ui-active .woocommerce #payment #place_order {
  width: 100% !important;
  height: 50px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: linear-gradient(90deg, var(--grz-blue), var(--grz-cyan), var(--grz-purple)) !important;
  color: #fff !important;
  font-weight: 900 !important;
  letter-spacing: .02em !important;
  text-transform: uppercase !important;
  box-shadow: 0 18px 35px rgba(0, 164, 255, .22) !important;
}

body.grz-checkout-ui-active .grz-saved-billing-card {
  padding: 16px !important;
  margin: 0 0 18px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  background: rgba(0, 217, 255, .055) !important;
}
body.grz-checkout-ui-active .grz-saved-billing-card strong,
body.grz-checkout-ui-active .grz-saved-billing-card span,
body.grz-checkout-ui-active .grz-saved-billing-card small {
  display: block !important;
  color: var(--grz-text) !important;
}
body.grz-checkout-ui-active .grz-saved-billing-card small { color: var(--grz-muted) !important; margin-top: 5px !important; }
body.grz-checkout-ui-active .grz-edit-billing {
  background: rgba(0,217,255,.14) !important;
  border: 1px solid rgba(0,217,255,.38) !important;
  color: #fff !important;
  border-radius: 10px !important;
  padding: 9px 12px !important;
  font-weight: 800 !important;
}

body.grz-checkout-ui-active.grz-checkout-returning-customer .grz-hidden-returning-billing-field,
body.grz-checkout-ui-active.grz-checkout-returning-customer .woocommerce-billing-fields__field-wrapper > .grz-hidden-returning-billing-field,
body.grz-checkout-ui-active.grz-checkout-returning-customer .woocommerce-billing-fields__field-wrapper > p.form-row:not(.grz-force-show-field) {
  display: none !important;
}
body.grz-checkout-ui-active.grz-checkout-returning-customer.grz-editing-billing .woocommerce-billing-fields__field-wrapper > p.form-row {
  display: block !important;
}
body.grz-checkout-ui-active.grz-checkout-returning-customer.grz-editing-billing .grz-saved-billing-card {
  display: none !important;
}

body.grz-checkout-theme-light_pay {
  --grz-bg-0: #f6f6f6;
  --grz-bg-1: #f6f6f6;
  --grz-card: #ffffff;
  --grz-card-2: #ffffff;
  --grz-text: #121722;
  --grz-muted: #657080;
  --grz-border: rgba(0,0,0,.08);
  background: #f6f6f6 !important;
}
body.grz-checkout-theme-light_pay #main,
body.grz-checkout-theme-light_pay .page-content { background: #f6f6f6 !important; }
body.grz-checkout-theme-light_pay input.input-text,
body.grz-checkout-theme-light_pay textarea,
body.grz-checkout-theme-light_pay select,
body.grz-checkout-theme-light_pay .select2-container .select2-selection--single { background: #fff !important; color:#121722 !important; border-color:#e3e6ea !important; }

@media (max-width: 1100px) {
  body.grz-checkout-ui-active form.checkout.woocommerce-checkout {
    width: calc(100% - 28px) !important;
    grid-template-columns: minmax(0, 1fr) !important;
  }
  body.grz-checkout-ui-active #customer_details,
  body.grz-checkout-ui-active #order_review_heading,
  body.grz-checkout-ui-active #order_review {
    grid-column: 1 !important;
    grid-row: auto !important;
  }
}

@media (max-width: 640px) {
  body.grz-checkout-ui-active form.checkout.woocommerce-checkout {
    width: calc(100% - 18px) !important;
    margin-top: 20px !important;
    gap: 18px !important;
  }
  body.grz-checkout-ui-active .woocommerce-billing-fields,
  body.grz-checkout-ui-active .woocommerce-additional-fields,
  body.grz-checkout-ui-active .woocommerce-shipping-fields,
  body.grz-checkout-ui-active #payment {
    padding: 16px !important;
  }
}
