/* Custom quote style */
.wp-block-quote {
border-left-color: #d4af37; /* Golden Brass */
}

.wc-block-components-product-name{
font-size: var(--wp--preset--font-size--medium);
}

.loja-pianos-single-product .summary {
padding: 20px;
background-color: #f9f9f9;
border-radius: 8px;
margin-bottom: 30px;
}

/* oferta */
.woocommerce span.onsale{
background-color: #900 !important;
color: #fff;
text-transform: uppercase;
font-weight: 600;    
border-radius: 8px;

padding:0 10px !important;
min-height: 1em !important;
min-width: 1em !important;
line-height: 2em !important;
font-weight: bold !important;
font-size:.6em !important;
}

hr {
border: none;
border-top: 1px solid #eee;
margin: 15px 0;
}

/* buttons */

.ok-button {
background-color: #e30000;
color: white;
border: none;
border-radius: 4px;
padding: 0 20px;
font-weight: bold;
cursor: pointer;
}

/* PRICE */
/* payment options */



.purchase-section {
display: flex;
margin-bottom: 15px;
gap: 10px;
}

/* quantity selector */

.quantity-selector {
display: flex;
position: relative;
width: 80px;
}

.quantity-input {
width: 100%;
height: 50px;
text-align: center;
font-size: 18px;
border: 1px solid #ddd;
border-radius: 4px;
}

.quantity-buttons {
position: absolute;
right: 0;
display: flex;
flex-direction: column;
height: 100%;
}

.quantity-button {
flex: 1;
width: 30px;
background-color: #f0f0f0;
border: 1px solid #ddd;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
}

.quantity-button.plus {
border-bottom: none;
border-radius: 0 4px 0 0;
}

.quantity-button.minus {
border-radius: 0 0 4px 0;
}


/* shipping */

.shipping-calculator {
margin: 20px 0;
}

.shipping-header {
display: flex;
align-items: center;
margin-bottom: 15px;
font-size: 16px;
font-weight: bold;
}

.shipping-icon {
margin-right: 10px;
font-size: 20px;
}

.shipping-input {
display: flex;
gap: 10px;
}

.cep-input {
flex: 1;
padding: 10px;
border: 1px solid #ddd;
border-radius: 4px;
background-color: #f8f9fa;
font-size: 16px;
}


.shipping-options {
margin-top: 20px;
border: 1px solid #eee;
border-radius: 4px;
}

.shipping-option {
display: flex;
padding: 15px;
border-bottom: 1px solid #eee;
}

.shipping-option:last-child {
border-bottom: none;
}

.shipping-price {
width: 100px;
font-weight: bold;
}

.shipping-time {
width: 100px;
font-weight: bold;
}

.shipping-method {
flex: 1;
}



/* .woocommerce-Price-amount */
h2.woocommerce-loop-product__title{
    /* min-height: 4em; */
    /* border:dotted 2px #f90; */
}
.pricing-section {
/* margin-top: 20px; */
margin-bottom: 0;
color: #666;
/* border:dotted 2px #f90; */
/* min-height: 6em; */
}

.main-price{

}


/* loop */

.price-mod{
/* background-color: #f00; */
margin-bottom: 1em !important;
}

.payment-term {
/* border:dotted 2px #000; */
font-weight: bold;
margin-left: 5px;
font-size: .8em;
line-height: normal;
display: inline;
}

.price-main{
/* border:dotted 2px #f90; */
}

/* Custom larger price for single product page */
.price-main,
.woocommerce-variation-price .price,
.pricing-section .price {
color: #990000;
font-weight: bold;
margin: 15px 0;
font-size: 1.2em;
}

del span.woocommerce-Price-amount {
color: #999999;
text-decoration: line-through;
margin-bottom: 5px;
}

/* .woocommerce-variation-price .price, */
.woocommerce-Price-amount{
color: #990000;
/* background-color: #fc0; */
}

.loja-pianos-large-price ins {
text-decoration: none;
}

/* .payment-condition{
margin: 0;
background-color: #f00;
border:dotted 12px #000;
} */

/* 
.regular-price {
margin:0 0 15px 0;
line-height: 15px; 
background-color: #839;
} */





/* savings */
p.savings {
font-weight: bold;
font-size: var(--wp--preset--font-size--xx-small);
margin:5px 0 0 0;
padding: 0;
line-height: 1em;
/* border:dotted 2px #000; */

}

p.savings,
.payment-term,    
p.savings .woocommerce-Price-amount{
color: #666 !important;
}



/* PIX */
/* aparece no loop de produtos, single e variacoes   */
/* nao pode ser pix-info pq entra em conflito com o plugin */
.pix-box{
/* background-color: #f90; */
margin-bottom: 1em !important;
}
.pix-mod{
/* border:dotted 2px #f90; */
color: #555;
font-size: var(--wp--preset--font-size--small);
}

.fa-pix{
color: #555;
}

.pix-icon {
font-size: 17px;
margin: 0.1em 0.4em 0.2em 0;
/* display: inline-block; */
float: left;
}

.pix-price{
display: block;
}

.pix-price-value {
font-weight: bold;
font-size: 1.2em;
color: #990000;
}

.pix-text{
font-weight: bold;
margin-left: 5px;
font-size: .8em;
}





/* installments info, parcelamento do cartao */
.installment-mod{
/* background-color: #fc0; */
margin-bottom: 1em !important;
}

.installment-info {
display: flex;
align-items: center;
margin-bottom: 10px;
/* border:dotted 2px #839; */
line-height: 1em;
font-size: var(--wp--preset--font-size--x-small);
}

.installment-text {
display: flex;
flex-direction: column;
}

.installment-text .woocommerce-Price-amount{
line-height: 10px !important;
}

.payment-options {
color: #333;
text-decoration: none;
margin-top: 5px;
text-decoration: underline;
font-weight: bold;
}

.card-icon {
font-size: 24px;
margin-right: 10px;
}

.fa-credit-card{
color: #555;
}

/* table of installments */
.woo-custom-installments-table{
margin-bottom: 20px;
}























/* availability */

.availability {
margin: 15px 0;
font-size: 16px;
}

.availability span {
font-weight: bold;
}

.order{
color: #666 !important;
font-weight: bold;
text-align: center;
font-size: 15px;
text-transform: uppercase;
line-height: 1em;
}    


/* shipping  */

.shipping-text{
padding: 10px 0;
margin-bottom: 10px;
font-size: 16px;
margin-left: 10px;
font-weight: bold;
color: #555;
}

.fa-store{
color: #555;
}

/* Responsive styles */
@media screen and (max-width: 768px) {
.price-main,
.woocommerce-variation-price .price,
.pricing-section .price {
color: #990000;
font-weight: bold;
margin: 15px 0;
font-size: 1em;
}

.whatsapp-button{
font-size: 13px;
padding: 5px 10px;
line-height: 1em;
}

.pix-info{
font-size: 12px;
}

}

.site-main{
/* border:dotted 2px #f90; */
padding: 10px;
}



.observacoes{
margin: 10px 0;
border: dashed 3px #900;
border-radius: 8px;
padding:0 10px;
/* background-color: #900; */

padding:1em;
}

.observacoes h4{

text-transform: uppercase;
font-size:1em;
text-align: center;
line-height: 2em;
margin:0;
color:#900;
}

.observacoes p{
margin:0;
font-size:.9em;
text-align: center;
color:#222;
font-weight: bold;
}




#destiny-shipping-mehor-envio{
padding:10px 0;
font-size:.8em;
line-height: 3em;
}