/*
Theme Name:   SNN-BRX - Bricks Builder Child Theme
Theme URI:    https://github.com/sinanisler/snn-brx-child-theme
Description:  SNN-BRX Child Theme is a purpose-built essential building suite for agencies and professionals, streamlining your Bricks Builder projects with one powerful child theme.
Author:       sinanisler
Author URI:   https://github.com/sinanisler
Text Domain:  snn
Template:     bricks
Requires at least: 6.9
Version: 0.287
*/

.bt-checkout-form2,
.bt-checkout-form2_shipping-methods,
.bt-checkout-form2_payment-methods {
  --wc-checkout-surface: var(--bt-neutral-12, #202020);
  --wc-checkout-surface-soft: rgba(255, 255, 255, 0.03);
  --wc-checkout-surface-strong: rgba(255, 255, 255, 0.05);
  --wc-checkout-border: var(--bt-neutral-11, #646464);
  --wc-checkout-border-soft: rgba(255, 255, 255, 0.08);
  --wc-checkout-text: var(--bt-neutral-1, #fcfcfc);
  --wc-checkout-text-soft: var(--bt-neutral-6, #d9d9d9);
  --wc-checkout-text-muted: var(--bt-neutral-9, #8d8d8d);
  --wc-checkout-accent: var(--bt-brand-9, #2c46fc);
  --wc-checkout-accent-hover: var(--bt-brand-10, #0037e9);
  --wc-checkout-radius: var(--bt-radius, 0.375rem);
  --wc-checkout-transition: var(--bt-transition-medium, 0.4s);
}

.bt-checkout-form2 input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="reset"]),
.bt-checkout-form2 textarea,
.bt-checkout-form2 select,
.bt-checkout-form2 .select2-selection.select2-selection--single {
  background: var(--wc-checkout-surface);
  border: 1px solid var(--wc-checkout-border);
  border-radius: var(--wc-checkout-radius);
  color: var(--wc-checkout-text);
  padding: 0.85rem 1rem;
  line-height: 1.2;
  box-shadow: none;
  transition:
    border-color var(--wc-checkout-transition),
    box-shadow var(--wc-checkout-transition),
    background-color var(--wc-checkout-transition),
    color var(--wc-checkout-transition);
}

.bt-checkout-form2 select {
  color-scheme: dark;
}

.bt-checkout-form2 textarea {
  min-height: 8rem;
  resize: vertical;
}

.bt-checkout-form2 .select2-selection.select2-selection--single {
  margin: 0;
  min-height: 3.125rem;
  height: auto;
  display: flex;
  align-items: center;
}

.bt-checkout-form2 .select2-selection.select2-selection--single > span.select2-selection__rendered {
  color: var(--wc-checkout-text);
  line-height: 1.28;
  padding: 0;
}

.bt-checkout-form2 .select2-selection.select2-selection--single .select2-selection__placeholder {
  color: var(--wc-checkout-text-muted);
}

.bt-checkout-form2 .select2-selection.select2-selection--single > span.select2-selection__arrow {
  height: 100%;
}

.bt-checkout-form2 .select2-selection.select2-selection--single .select2-selection__arrow b {
  border-color: var(--wc-checkout-text-soft) transparent transparent transparent;
}

.bt-checkout-form2 input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="reset"]):focus,
.bt-checkout-form2 textarea:focus,
.bt-checkout-form2 select:focus,
.bt-checkout-form2 .select2-selection.select2-selection--single:focus,
.bt-checkout-form2 .select2-container--open .select2-selection.select2-selection--single {
  outline: none;
  border-style: solid;
  border-color: var(--wc-checkout-accent);
  box-shadow: 0 0 0 3px rgba(44, 70, 252, 0.18);
}

.bt-checkout-form2 input::placeholder,
.bt-checkout-form2 textarea::placeholder {
  color: var(--wc-checkout-text-muted);
}

.bt-checkout-form2 label {
  color: var(--wc-checkout-text);
  margin-bottom: 0.5rem;
}

.bt-checkout-form2 .required,
.bt-checkout-form2 abbr.required {
  color: var(--wc-checkout-text-soft);
}

.bt-checkout-form2 .woocommerce-billing-fields__field-wrapper,
.bt-checkout-form2 .woocommerce-shipping-fields__field-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 0 var(--bt-space-xs);
  justify-content: space-between;
}

.bt-checkout-form2 .woocommerce-billing-fields__field-wrapper > p,
.bt-checkout-form2 .woocommerce-shipping-fields__field-wrapper > p {
  width: auto;
  float: unset;
  flex: 0 0 100%;
  margin-top: var(--bt-space-s);
}

.bt-checkout-form2 .woocommerce-billing-fields__field-wrapper > p#billing_address_2_field,
.bt-checkout-form2 .woocommerce-shipping-fields__field-wrapper > p#shipping_address_2_field {
  margin-top: 0.5rem;
}

.bt-checkout-form2 .woocommerce-billing-fields__field-wrapper > p#billing_first_name_field,
.bt-checkout-form2 .woocommerce-billing-fields__field-wrapper > p#billing_last_name_field,
.bt-checkout-form2 .woocommerce-billing-fields__field-wrapper > p#billing_phone_field,
.bt-checkout-form2 .woocommerce-billing-fields__field-wrapper > p#billing_email_field,
.bt-checkout-form2 .woocommerce-shipping-fields__field-wrapper > p#shipping_first_name_field,
.bt-checkout-form2 .woocommerce-shipping-fields__field-wrapper > p#shipping_last_name_field,
.bt-checkout-form2 .woocommerce-shipping-fields__field-wrapper > p#shipping_phone_field,
.bt-checkout-form2 .woocommerce-shipping-fields__field-wrapper > p#shipping_email_field {
  flex: 1 0 calc(50% - var(--bt-space-xxs));
}

.bt-checkout-form2 .woocommerce-billing-fields__field-wrapper > p#billing_phone_field {
  order: -1;
  margin-top: 0;
}

.bt-checkout-form2 .woocommerce-billing-fields__field-wrapper > p#billing_email_field {
  order: -2;
  margin-top: 0;
}

.bt-checkout-form2 .woocommerce-shipping-fields__field-wrapper > p#shipping_first_name_field,
.bt-checkout-form2 .woocommerce-shipping-fields__field-wrapper > p#shipping_last_name_field {
  margin-top: 0;
}

.bt-checkout-form2 .woocommerce-billing-fields__field-wrapper > p#billing_city_field,
.bt-checkout-form2 .woocommerce-billing-fields__field-wrapper > p#billing_state_field,
.bt-checkout-form2 .woocommerce-billing-fields__field-wrapper > p#billing_postcode_field,
.bt-checkout-form2 .woocommerce-shipping-fields__field-wrapper > p#shipping_city_field,
.bt-checkout-form2 .woocommerce-shipping-fields__field-wrapper > p#shipping_state_field,
.bt-checkout-form2 .woocommerce-shipping-fields__field-wrapper > p#shipping_postcode_field {
  flex: 1 0 calc(33% - var(--bt-space-xxs));
}

.bt-checkout-form2 .woocommerce-billing-fields__field-wrapper > p#billing_company_field,
.bt-checkout-form2 .woocommerce-shipping-fields__field-wrapper > p#shipping_company_field {
  display: none;
}

.bt-checkout-form2 input:-webkit-autofill,
.bt-checkout-form2 input:-webkit-autofill:hover,
.bt-checkout-form2 input:-webkit-autofill:focus,
.bt-checkout-form2 textarea:-webkit-autofill,
.bt-checkout-form2 select:-webkit-autofill {
  -webkit-text-fill-color: var(--wc-checkout-text);
  box-shadow: 0 0 0 1000px var(--wc-checkout-surface) inset;
  transition: background-color 9999s ease-in-out 0s;
}

.bt-checkout-form2_shipping-methods ul.woocommerce-shipping-methods {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--bt-space-xs);
}

.bt-checkout-form2_shipping-methods ul.woocommerce-shipping-methods li {
  position: relative;
  margin-bottom: 0;
  overflow: hidden;
  background: var(--wc-checkout-surface);
  border: 1px solid var(--wc-checkout-border);
  border-radius: var(--wc-checkout-radius);
  transition:
    border-color var(--wc-checkout-transition),
    background-color var(--wc-checkout-transition);
}

.bt-checkout-form2_shipping-methods ul.woocommerce-shipping-methods li:hover,
.bt-checkout-form2_shipping-methods ul.woocommerce-shipping-methods li.active {
  background: var(--wc-checkout-surface-soft);
  border-color: var(--wc-checkout-accent);
}

.bt-checkout-form2_shipping-methods li label {
  margin-bottom: 0;
  padding: var(--bt-space-s) var(--bt-space-s) var(--bt-space-s) var(--bt-space-xl);
  color: var(--wc-checkout-text);
  font-size: var(--bt-text-m) !important;
  font-weight: 400;
}

.bt-checkout-form2_shipping-methods ul.woocommerce-shipping-methods li input {
  position: absolute;
  top: 50%;
  left: var(--bt-space-s);
  width: 1.25rem;
  height: 1.25rem;
  min-width: 1.25rem;
  min-height: 1.25rem;
  margin: 0;
  padding: 0;
  float: unset;
  cursor: pointer;
  line-height: 1;
  transform: translateY(-50%);
  appearance: none;
  -webkit-appearance: none;
  display: inline-flex;
  background: var(--wc-checkout-surface);
  border: 1px solid var(--wc-checkout-text-soft);
  border-radius: 100%;
  box-shadow: inset 0 0 0 3px var(--wc-checkout-surface);
}

.bt-checkout-form2_shipping-methods ul.woocommerce-shipping-methods li input:checked::before,
.bt-checkout-form2_shipping-methods ul.woocommerce-shipping-methods li input:checked::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
}

.bt-checkout-form2_shipping-methods ul.woocommerce-shipping-methods li input:checked::before {
  width: 0.75rem;
  height: 0.75rem;
  min-width: 0.75rem;
  min-height: 0.75rem;
  background: var(--wc-checkout-accent);
}

.bt-checkout-form2_shipping-methods ul.woocommerce-shipping-methods li input:checked::after {
  width: 0.625rem;
  height: 0.625rem;
  background: var(--wc-checkout-accent);
}

.bt-checkout-form2_shipping-methods ul.woocommerce-shipping-methods li input:checked + label {
  font-weight: 700;
}

.bt-checkout-form2_shipping-methods ul.woocommerce-shipping-methods li input[type="hidden"] + label {
  position: relative;
  font-weight: 700;
}

.bt-checkout-form2_shipping-methods ul.woocommerce-shipping-methods li input[type="hidden"] + label::before,
.bt-checkout-form2_shipping-methods ul.woocommerce-shipping-methods li input[type="hidden"] + label::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 100%;
}

.bt-checkout-form2_shipping-methods ul.woocommerce-shipping-methods li input[type="hidden"] + label::before {
  left: calc(var(--bt-space-s) + 0.25rem);
  width: 0.75rem;
  height: 0.75rem;
  min-width: 0.75rem;
  min-height: 0.75rem;
  background: var(--wc-checkout-accent);
}

.bt-checkout-form2_shipping-methods ul.woocommerce-shipping-methods li input[type="hidden"] + label::after {
  left: var(--bt-space-s);
  width: 1.25rem;
  height: 1.25rem;
  min-width: 1.25rem;
  min-height: 1.25rem;
  border: 1px solid var(--wc-checkout-text-soft);
}

.bt-checkout-form2_payment-methods #payment {
  padding: 0;
}

.bt-checkout-form2_payment-methods #payment ul.payment_methods {
  overflow: hidden;
  background: var(--wc-checkout-surface);
  border: 1px solid var(--wc-checkout-border);
  border-radius: var(--wc-checkout-radius);
}

.bt-checkout-form2_payment-methods #payment ul.payment_methods li {
  position: relative;
  margin-bottom: 0;
}

.bt-checkout-form2_payment-methods #payment ul.payment_methods li:not(:last-child) {
  border-bottom: 1px solid var(--wc-checkout-border);
}

.bt-checkout-form2_payment-methods #payment ul.payment_methods li label {
  margin-bottom: 0;
  padding: var(--bt-space-s) var(--bt-space-s) var(--bt-space-s) var(--bt-space-xl);
  color: var(--wc-checkout-text);
  font-size: var(--bt-text-m) !important;
  font-weight: 400;
}

.bt-checkout-form2_payment-methods #payment ul.payment_methods li .payment_box {
  margin: 0;
  padding: var(--bt-space-xs) var(--bt-space-xs) var(--bt-space-xs) var(--bt-space-xl);
  background: var(--wc-checkout-surface-soft);
  color: var(--wc-checkout-text-soft);
  font-size: var(--bt-text-s);
}

.bt-checkout-form2_payment-methods #payment div.payment_box::before {
  border-bottom-color: var(--wc-checkout-surface-soft);
}

.bt-checkout-form2_payment-methods #payment .payment_methods li input[type="radio"] {
  position: absolute;
  top: var(--bt-space-s);
  left: var(--bt-space-s);
  width: 1.25rem;
  height: 1.25rem;
  min-width: 1.25rem;
  min-height: 1.25rem;
  margin: 0;
  padding: 0;
  float: unset;
  cursor: pointer;
  line-height: 1;
  appearance: none;
  -webkit-appearance: none;
  display: inline-flex !important;
  background: var(--wc-checkout-surface);
  border: 1px solid var(--wc-checkout-text-soft);
  border-radius: 100%;
  box-shadow: inset 0 0 0 3px var(--wc-checkout-surface);
}

.bt-checkout-form2_payment-methods #payment .payment_methods li input[type="radio"]:checked::before,
.bt-checkout-form2_payment-methods #payment .payment_methods li input[type="radio"]:checked::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
}

.bt-checkout-form2_payment-methods #payment .payment_methods li input[type="radio"]:checked::before {
  width: 0.75rem;
  height: 0.75rem;
  min-width: 0.75rem;
  min-height: 0.75rem;
  background: var(--wc-checkout-accent);
}

.bt-checkout-form2_payment-methods #payment .payment_methods li input[type="radio"]:checked::after {
  width: 0.625rem;
  height: 0.625rem;
  background: var(--wc-checkout-accent);
}

.bt-checkout-form2_payment-methods #payment .payment_methods li input[type="radio"]:checked + label {
  font-weight: 700;
}

.bt-checkout-form2_payment-methods #payment .payment_methods .payment_box a {
  color: var(--wc-checkout-accent);
}

.bt-checkout-form2_payment-methods #payment .payment_methods .payment_box a:hover {
  color: var(--wc-checkout-accent-hover);
}

body.woocommerce-checkout .select2-dropdown,
body.woocommerce-checkout .selectWoo-dropdown {
  background: var(--bt-neutral-12, #202020);
  color: var(--bt-neutral-1, #fcfcfc);
  border: 1px solid var(--bt-neutral-11, #646464);
  border-radius: calc(var(--bt-radius, 0.375rem) + 0.125rem);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.28);
  overflow: hidden;
}

body.woocommerce-checkout .select2-search--dropdown,
body.woocommerce-checkout .selectWoo-search--dropdown {
  padding: 0.65rem;
  background: rgba(255, 255, 255, 0.03);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

body.woocommerce-checkout .select2-search--dropdown .select2-search__field,
body.woocommerce-checkout .selectWoo-search--dropdown .select2-search__field {
  background: var(--bt-neutral-12, #202020);
  color: var(--bt-neutral-1, #fcfcfc);
  border: 1px solid var(--bt-neutral-11, #646464);
  border-radius: var(--bt-radius, 0.375rem);
  outline: none;
}

body.woocommerce-checkout .select2-results__option,
body.woocommerce-checkout .selectWoo-results__option {
  background: transparent;
  color: var(--bt-neutral-6, #d9d9d9);
  padding: 0.75rem 0.9rem;
}

body.woocommerce-checkout .select2-results__option--highlighted.select2-results__option--selectable,
body.woocommerce-checkout .select2-results__option--highlighted[aria-selected],
body.woocommerce-checkout .selectWoo-results__option--highlighted.select2-results__option--selectable,
body.woocommerce-checkout .selectWoo-results__option--highlighted[aria-selected] {
  background: rgba(44, 70, 252, 0.14);
  color: var(--bt-neutral-1, #fcfcfc);
}

body.woocommerce-checkout .select2-results__option--selected,
body.woocommerce-checkout .selectWoo-results__option--selected {
  background: rgba(255, 255, 255, 0.03);
  color: var(--bt-neutral-1, #fcfcfc);
}

@media (max-width: 767px) {
  .bt-checkout-form2 .woocommerce-billing-fields__field-wrapper > p#billing_first_name_field,
  .bt-checkout-form2 .woocommerce-billing-fields__field-wrapper > p#billing_last_name_field,
  .bt-checkout-form2 .woocommerce-billing-fields__field-wrapper > p#billing_phone_field,
  .bt-checkout-form2 .woocommerce-billing-fields__field-wrapper > p#billing_email_field,
  .bt-checkout-form2 .woocommerce-shipping-fields__field-wrapper > p#shipping_first_name_field,
  .bt-checkout-form2 .woocommerce-shipping-fields__field-wrapper > p#shipping_last_name_field,
  .bt-checkout-form2 .woocommerce-shipping-fields__field-wrapper > p#shipping_phone_field,
  .bt-checkout-form2 .woocommerce-shipping-fields__field-wrapper > p#shipping_email_field,
  .bt-checkout-form2 .woocommerce-billing-fields__field-wrapper > p#billing_city_field,
  .bt-checkout-form2 .woocommerce-billing-fields__field-wrapper > p#billing_state_field,
  .bt-checkout-form2 .woocommerce-billing-fields__field-wrapper > p#billing_postcode_field,
  .bt-checkout-form2 .woocommerce-shipping-fields__field-wrapper > p#shipping_city_field,
  .bt-checkout-form2 .woocommerce-shipping-fields__field-wrapper > p#shipping_state_field,
  .bt-checkout-form2 .woocommerce-shipping-fields__field-wrapper > p#shipping_postcode_field {
    flex: 0 0 100%;
  }

  .bt-checkout-form2_shipping-methods ul.woocommerce-shipping-methods {
    grid-template-columns: 1fr;
  }
}