/*--------------------------------------------------------------
This is your custom stylesheet.

Add your own styles here to make theme updates easier.
To override any styles from other stylesheets, simply copy them into here and edit away.

Make sure to respect the media queries! Otherwise you may
accidentally add desktop styles to the mobile layout.
https://www.w3schools.com/css/css_rwd_mediaqueries.asp
--------------------------------------------------------------*/

@media screen and (max-width: 480px) ,
       screen and (min-width: 481px) and (max-width: 991px) {
	.login-split {
		background-position: 50% 30%;
	}
}
@media screen and (min-width: 481px) and (max-width: 991px){
	body.login.login-split-page .login-split__entry {
		padding: 140px 0;
	}
}

/*---------------------------------------------------------------
  ajustes para pagina de registro e login
-*/
body.login .login-heading span, 
body.register #page #primary .entry-header a {
	background-color: #900;
 	padding: 8px 8px;
 	border-radius: 7px;
}
body.login .login-heading a, 
body.register #page #primary .entry-header a {
	color:#fff !important;
}

.login #login_error {
    visibility: hidden;
    display: none;
}

body.login.login-split-page .language-switcher {
	display: none;
	visibility: hidden;
}

/*---------------------------------------------------------------
  Desativando o combobox edicao do profile
-*/
#buddypress #profile-edit-form select {
	background: #eee;
	pointer-events: none;
	touch-action: none;
}

/*---------------------------------------------------------------
  ajustes para pagina de produto.
-*/

#content div.product div.summary {
    padding: 1em 1% 0 2%;
}

#content div.product p.price,
.woocommerce div.product p.price {
    margin-bottom: 0px !important;
}

table.variations td,
table.variations th {
    padding: 0px !important;
	padding-bottom: 4px !important;
}

div.woocommerce-variation-price {
	margin-bottom: 10px;
}

.woocommerce div.product form.cart table.variations {
	margin-bottom: 4px !important;
}

.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).selected, 
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).selected:hover {
    -webkit-box-shadow: var(--wvs-selected-item-box-shadow,0 0 0 2px #feb018) !important;
    box-shadow: var(--wvs-selected-item-box-shadow,0 0 0 2px #feb018) !important;
    color: var(--wvs-selected-item-text-color,#feb018) !important;	
}

/*---------------------------------------------------------------
  Woo - Variacoes do carrinho 
-*/
.woocommerce td.product-name dl.variation {
	font-size: small;
}

/*---------------------------------------------------------------
  Woo - ajuste do carrinho no checkout 
-*/
.checkout .shop_table .bs-product-check {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.checkout .shop_table .bs-product-check dl.variation {
	flex-basis: 100%;
	height: 0;

	/* ----- */
    display: flex;
    flex-flow: column wrap;
    max-height: 6em;
	font-size: 13px;
	margin-bottom: 20px !important;
}

/*---------------------------------------------------------------
  Woo - Variacoes do carrinho (mini cart). Inline
-*/
.header-mini-cart ul.cart_list li.mini_cart_item {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;	
	padding-bottom: 20px !important;
}

.woocommerce-mini-cart-item dl {
	order: 3;
	flex-basis: 100%;
	height: 0;

	/* ----- */
    display: flex;
    flex-flow: column wrap;
    max-height: 6em;
	font-size: 13px;
}
.woocommerce-mini-cart-item dt,
.checkout .shop_table .bs-product-check dl.variation dt {
	display: none;
	visibility: hidden;	
    padding: 2px 4px;
    background: #333;
    color: #fff;
}
.woocommerce-mini-cart-item dd,
.checkout .shop_table .bs-product-check dl.variation dd {
    margin: 0;
    padding: 4px;
    min-height: 3em;
}
.woocommerce-mini-cart-item dd p,
.checkout .shop_table .bs-product-check dl.variation dd p {
	color: var(--bb-primary-color);
}
.header-mini-cart ul.cart_list li.mini_cart_item > a.remove {
	order: 0;
	padding-right: 8px;
	margin-right: 4px;
	color: red !important;
}

.header-mini-cart ul.cart_list li.mini_cart_item span.quantity {
	padding-top: 10px;
}
.header-mini-cart ul.cart_list li.mini_cart_item > a.remove:hover {
	color: #fff !important;
	background-color: var(--bb-danger-color);
	line-height: .9;
	font-size: 1em;
	display: block;
	height: 1em;
	width: 1em;
	text-align: center;
	border-radius: 100%;
	text-decoration: none;
	border: 0;
	padding-left: 3px;
	
}

/*---------------------------------------------------------------
  Woo - texto painel minha conta
-*/
.woocommerce .wc-MyAccount-sub-heading p:last-child {
	display: none;
	visibility: hidden;
}

/*---------------------------------------------------------------
  Woo - checkout - checkbox aceitar contrato
-*/
/*#additional_accept_contrato {
    position: unset;
    opacity: unset;
}*/
#additional_txt_contrato {
	overflow:scroll;
	height: 200px;
	background-color : #DFDCDE; 
}
.woocommerce-input-wrapper .checkbox .optional {
	display: none;
	visibility: hidden;
}

/*---------------------------------------------------------------
  Woo - minha conta - remove endereço entrega.
-*/
.wc-MyAccount-inner-content .u-columns .u-column2 {
	display: none;
}

/*---------------------------------------------------------------
  Woo - checkout - cupom
-*/
.woocommerce .woocommerce-form-coupon-toggle .woocommerce-info::before {
    content: "\eea9" !important;
    font-family: bb-icons;
    font-size: 20px;
    top: 0;
    left: 0;
    color: #850000;
}
.woocommerce-form-coupon-toggle .woocommerce-info a.showcoupon {
	border: 1px solid var(--bb-content-border-color);
    border-radius: 10px;
    padding: 5px;
    background-color: #fff;
	white-space: pre;
}

/*---------------------------------------------------------------
  Woo - checkout - Boleto
-*/
ul > li.wc_payment_method img:not(.wc-stripe-card-icon) {
	height: auto;
	/*max-width: 20% !important;*/
}

/*---------------------------------------------------------------
  Woo - checkout - Ocultar Tipo de Pessoa
-*/
#billing_persontype_field {
	visibility: hidden; 
	display: none;
}

/*---------------------------------------------------------------
  Woo - checkout - Icone PIX
-*/
span.wc-pix-icons-container {
	float: right;
}
li.payment_method_woocommerce_openpix_pix .wc-pix-icons-container img.wc-pix-icon {
	max-width: 48px;
	max-height: 48px;
	width: 32px;
	height: 32px;
	float: none;
	display: inline;
  }

/*---------------------------------------------------------------
  Woo - Admin - Remover aviso
-*/
.wpnotice-wrapper .notice {
    display: none !important;
	visibility: hidden !important;
}  

/*---------------------------------------------------------------
  Woo - Checkout - icon gateway
-*/
.wc-asaas-card-icons-container {
	float: right;
}

.wc-asaas-card-icons-container > img {
	vertical-align: middle;
	margin: -2px 0 0 .5em;
	padding: 0;
	position: relative;
	box-shadow: none;

	display: inline;
	float: none;
	height: 26px;
	max-height: 26px;
	max-width: 36px;
	width: 36px;
	border: 0;
}

/* Aplica-se celuares */
@media (width <= 480px) {
  .wc-asaas-card-icons-container > img {
    max-width: 30px;
	width: 30px;
  }

  .woocommerce-checkout #payment div.payment_method_asaas-credit-card {
	margin-top: 40px;
  }
}

/*---------------------------------------------------------------
  Woo - Checkout - oculta validacao do campo CEP do checkout
-*/
#billing_postcode_description {
	display: none;
	visibility: hidden;
}

/*---------------------------------------------------------------
  Woo - Checkout - Asaas - Ajuste dos campos
-*/
.asaas-cc-form-wrapper {
	/*---- reposicionar campos ---- */
    display: grid;
    grid-template-columns: 1fr 1fr 2fr;
    gap: 0rem;
}
.asaas-cc-form-wrapper div.form-row {
	margin-bottom: 0px !important;
	width: 100% !important;
}
.asaas-cc-form-wrapper label {
	font-size: 0.93rem;
	font-weight: normal;
	color: #30313d;
}
.asaas-cc-form-wrapper input.input-text {
	margin-left: 3px !important;
}

/*---- reposicionar campos ---- */
#asaas-cc-name_field {
    grid-column: 1 / -1; /* Ocupa toda a linha */
}

#asaas-cc-number_field {
    grid-column: 1 / -1; /* Ocupa toda a linha */
}

#assas-cc-expiration-label_field {
    grid-column: 1 / 3; /* Ocupa só as 2 primeiras colunas */
	background-color: #E6E8E9;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}
#assas-cc-expiration-label_field label{
	margin-top: 10px;
	margin-bottom: 0px !important;
}

#asaas-cc-expiration-month_field {
    grid-column: 1;
	background-color: #E6E8E9;
}

#asaas-cc-expiration-year_field {
    grid-column: 2;
	background-color: #E6E8E9;
}

#asaas-cc-security-code_field {
    grid-column: 3;
	/* grid-row: 4; */
}

@media (max-width: 480px) {
    .asaas-cc-form-wrapper {
        grid-template-columns: 1fr 1fr;
		grid-auto-flow: dense;
    }

    #assas-cc-expiration-label_field {
        grid-column: 1 / -1;
    }

    #asaas-cc-expiration-month_field {
        grid-column: 1;
    }

    #asaas-cc-expiration-year_field {
        grid-column: 2;
    }

    #asaas-cc-security-code_field {
        grid-column: 1 / -1;
    }
}