/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

#cmplz-document{
	max-width: 100% !important;
}

.cmplz-close {
	display: none;
}

.woocommerce-MyAccount-navigation-link {
	width: 100%;
}

.woocommerce a.button, .woocommerce-MyAccount-content button { background-color: var(--primary); color: var(--white); border-radius: var(--radius-m); }
.woocommerce-info { background-color: var(--primary-light-trans-20); border-radius: var(--radius-m); color: var(--black);}
.woocommerce-MyAccount-content a { color: var(--black);}
.woocommerce-MyAccount-content h2, .woocommerce-MyAccount-content h3 { font-size: 2rem; margin-bottom: 10px;}
.woocommerce-MyAccount-content input { height: 50px; border-radius: var(--radius-m); margin: 0 !important;}
.woocommerce-MyAccount-content label, .woocommerce-MyAccount-content legend { font-size: 1rem; margin-top: 15px; margin-bottom: 2px; color: var(--black-trans-70);}
#billing_address_2 { display: none; }
.woocommerce-MyAccount-content span { margin: 0 !important;}
.woocommerce-MyAccount-content fieldset { margin-top: 15px; }
#account_display_name_description { font-size: 1rem; }

.wc-block-components-radio-control .wc-block-components-radio-control__input {
	height: 25px !important;
}

.wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox] {
	height: 25px !important;
	width: 18px !important;
}

.wc-block-components-checkbox .wc-block-components-checkbox__mark {
	height: 20px !important;
	width: 18px !important;
}

body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link) {
	background: var(--primary);
	border-radius: var(--radius-l);
	color: white;
}


/* WooCommerce > My Account > Add payment method (WCPay / Stripe UPE) */
.woocommerce-account #payment.woocommerce-Payment{
  background:#fff;
  border:1px solid rgba(0,0,0,.08);
  border-radius:16px;
  padding:18px;
  box-shadow:0 8px 22px rgba(0,0,0,.06);
}

/* Kill ugly list spacing/bullets */
.woocommerce-account #payment ul.woocommerce-PaymentMethods{
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
}

.woocommerce-account #payment li.woocommerce-PaymentMethod{
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
}

/* Make the method row clean + clickable */
.woocommerce-account #payment li.woocommerce-PaymentMethod > label{
  display:flex !important;
  align-items:center;
  gap:10px;
  padding:12px 14px;
  margin:0;
  border:1px solid rgba(0,0,0,.10);
  border-radius:12px;
  background:#fafafa;
  cursor:pointer;
  user-select:none;
  font-weight:600;
}

/* Hide the default radio (keeps accessibility) */
.woocommerce-account #payment .woocommerce-PaymentMethod > input[type="radio"]{
  position:absolute;
  opacity:0;
  width:1px;
  height:1px;
  overflow:hidden;
  pointer-events:none;
}

/* Fake radio dot */
.woocommerce-account #payment .woocommerce-PaymentMethod > label::before{
  content:"";
  width:18px;
  height:18px;
  border-radius:999px;
  border:2px solid rgba(0,0,0,.25);
  box-sizing:border-box;
  flex:0 0 18px;
}

/* Selected state */
.woocommerce-account #payment .woocommerce-PaymentMethod > input[type="radio"]:checked + label{
  background:#fff;
  border-color:rgba(0,0,0,.18);
  box-shadow:0 6px 16px rgba(0,0,0,.08);
}
.woocommerce-account #payment .woocommerce-PaymentMethod > input[type="radio"]:checked + label::before{
  border-color:#ff5aa5;
  box-shadow:inset 0 0 0 5px #ff5aa5;
}

/* Card icon sizing */
.woocommerce-account #payment .woocommerce-PaymentMethod > label img{
  width:auto;
  height:18px;
  margin-left:auto;
  opacity:.85;
}

/* Payment box container */
.woocommerce-account #payment .woocommerce-PaymentBox{
  margin:12px 0 0 !important;
  padding:14px !important;
  border:1px solid rgba(0,0,0,.08);
  border-radius:12px;
  background:#fff;
}

/* Remove the default WC chevron/triangle if theme adds it */
.woocommerce-account #payment .woocommerce-PaymentBox::before{
  display:none !important;
}

/* Stripe UPE fieldset cleanup */
.woocommerce-account #payment .wcpay-upe-form .wc-payment-form{
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  background:transparent !important;
}

/* Stripe element wrapper spacing */
.woocommerce-account #payment .wcpay-upe-element{
  margin:0 !important;
}

/* Force the Stripe iframe container to behave */
.woocommerce-account #payment .StripeElement{
  width:100% !important;
}

/* "Save payment info" row */
.woocommerce-account #payment .woocommerce-SavedPaymentMethods-saveNew{
  margin:12px 0 0 !important;
  padding:10px 12px;
  border-radius:10px;
  background:#fafafa;
  border:1px solid rgba(0,0,0,.06);
}
.woocommerce-account #payment .woocommerce-SavedPaymentMethods-saveNew label{
  font-size:14px;
  line-height:1.3;
}
.woocommerce-account #payment .woocommerce-SavedPaymentMethods-saveNew input[type="checkbox"]{
  transform:translateY(1px);
  margin-right:8px;
}

/* Bottom submit row */
.woocommerce-account #payment .form-row{
  margin-top:16px !important;
  display:flex;
  gap:12px;
  flex-wrap:wrap;
}

/* Button: full width, not tiny */
.woocommerce-account #payment #place_order.woocommerce-Button{
  width:100%;
  min-height:48px;
  border-radius:12px;
  font-weight:700;
  border:0;
  box-shadow:0 10px 22px rgba(0,0,0,.10);
}

/* Mobile tweaks */
@media (max-width: 640px){
  .woocommerce-account #payment.woocommerce-Payment{
    padding:14px;
    border-radius:14px;
  }
  .woocommerce-account #payment li.woocommerce-PaymentMethod > label{
    padding:12px;
  }
  .woocommerce-account #payment .woocommerce-PaymentBox{
    padding:12px !important;
  }
}

#brxe-dvkhls .cart-count {
	border: 2px solid var(--primary) !important;
}

.woocommerce-notices-wrapper {
	display: none !important;
}