/*--------------------------------------------------------------
# Extras
--------------------------------------------------------------*/

.productos {
    background-color: #fff;
}

.producto {
    display: flex;
	margin-bottom: 5px;
}

.producto:not(:first-child) {
    border-top: 1px solid var(--base);
}

.producto.status-outofstock {
    opacity: 0.35;
    filter: grayscale(1);
}

.p-img {
    line-height: 0;
	width: 35%;
}

.p-img img {
    margin-top: 5px;
}

.p-data {
    padding: 0.4em 0.9em 0.7em;
    width: 50%;
}

.p-data h4.name {
    font-size: 1em;
    font-weight: bold;
    margin-bottom: 0.75em;
    line-height: 1.4;
}

.p-data .description {
    font-size: 0.85em;
}

.p-data .description ul {
    margin: 0 0 0.6em 1.3em;
}

.p-data .description ul li {
    line-height: 1.2;
    margin-bottom: 0.45em;
}

.p-data span.woocommerce-Price-amount.amount {
    line-height: 2.5;
}

p.cant {
    margin: 0;
}

.p-line-total {
    width: 15%;
    text-align: right;
	padding: 0.4em 0;
}


@media only screen and (min-width: 981px) {
.p-img {
    width: 200px;
}
}


@media only screen and (max-width: 981px) {
.time-limit {
    border-bottom: 1px solid var(--contrast-3);
    padding-bottom: 10px;
}
.producto {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}
.p-data {
    width: 65%;
    padding: 0 0 0 1em;
    line-height: 1.3;
}
.p-data h4.name {
    margin-top: 3px;
}
.p-line-total {
    width: 100%;
    line-height: 1;
    padding: 1em 0 0.4em;
    font-weight: 600;
}
.quantity .minus, .quantity .plus, .quantity .qty {
    width: 42px;
    min-height: 38px;
}
.quantity .qty {
    max-width: 55px;
    height: 38px;
    width: 55px !important;
}
}


/*--------------------------------------------------------------
# Checkout
--------------------------------------------------------------*/

#pedidos-order-received {
    background-color: var(--accent);
    padding: 0.5em 1em;
	color: #fff;
	margin-bottom: 3em;
}

#checkout-header p {
    margin: 0;
}

div#checkout-header {
    margin-bottom: 1.7em;
    padding-bottom: 1em;
    border-bottom: 1px solid var(--base);
}

span#items-count {
    font-weight: bold;
}

span#grand-total {
    font-weight: bold;
}

p.form-row {
    margin-bottom: 0.7em;
}

p.form-row span.description {
    font-size: 0.75em;
    line-height: 1;
    display: inline-block;
    margin: 0.4em 0;
}

.fieldgroup {
    margin-bottom: 2em;
}

.woocommerce-checkout #payment ul.wc_payment_methods.payment_methods.methods {
    padding: 0;
    background-color: #fff;
}

.woocommerce-checkout #payment div.payment_box::before {
	/* display: none !important; */
}

li.wc_payment_method.payment_method_woo-mercado-pago-basic label[for="payment_method_woo-mercado-pago-basic"] {
    /* display: none; */
}

.woocommerce-checkout #payment div.payment_box {
    margin-top: 0.2em !important;
}

input#payment_method_woo-mercado-pago-basic {
    /* display: none !important; */
}

#checkout-wrapper .woocommerce-checkout #payment ul.payment_methods li input {
    margin-right: 0.6em;
}

#checkout-wrapper .woocommerce-checkout #payment div.payment_box {
    background-color: var(--base);
    font-size: inherit;
}

#checkout-wrapper .woocommerce-checkout #payment {
    background-color: var(--base);
    border-radius: 0;
}

#checkout-wrapper .woocommerce-checkout #payment div.payment_box::before {
    border-color: var(--base);
    border-right-color: transparent;
    border-left-color: transparent;
    border-top-color: transparent;
}

textarea#order_comments {
    min-height: 90px;
}

textarea#order_comments::placeholder {
    color: #bbb;
    font-size: 0.8em;
}


.woocommerce-NoticeGroup {
    display: none;
}

.cod {
    background-color: var(--accent);
    color: #fff;
    padding: 1em 1.5em;
    margin-bottom: 2em;
}

.cod p {
	margin: 0;
}

.cod h3 {
    margin: 0;
}



.time-limit {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.7em;
}

.time-limit .limite {
    margin-top: 0.2em;
}

.time-limit .contador {
    font-size: 1.9em;
    line-height: 1;
}

@media only screen and (max-width: 981px) {
.time-limit .limite {
    width: 80%;
    font-size: 0.8em;
}
.time-limit .contador {
    font-size: 1.1em;
}
}



a#vaciar-carro {
    font-size: 0.8em;
    padding: 0.5em 0.9em;
    line-height: 1.3;
    margin-bottom: 0.7em;
}




/*--------------------------------------------------------------
# Account
--------------------------------------------------------------*/

.woocommerce-form label {
    font-size: inherit;
    margin-bottom: 0.2em;
}

.smalltext {
    font-size: 0.75em;
    color: var(--contrast-3);
}

.woocommerce-form p.woocommerce-form-row {
    margin-bottom: 1.2em;
}

button.woocommerce-button.button.woocommerce-form-login__submit {
    margin-top: 1.6em;
}

button[name="save_account_details"] {
    font-weight: 500 !important;
    padding: 1em !important;
    margin-top: 1.8em !important;
}

nav.woocommerce-MyAccount-navigation {
    display: none;
}

.woocommerce-account .woocommerce-MyAccount-content {
    float: none !important;
}

form.woocommerce-form {
    border-radius: 0 !important;
    max-width: 670px;
}






/*--------------------------------------------------------------
# Cocina & punto retiro
--------------------------------------------------------------*/

.b-revert {
    display: flex;
    flex-direction: column-reverse;
}

.cocina h3 {
    font-size: 1.2em;
    margin-bottom: 0.4em;
    font-weight: 600;
}

.pedidos {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
	margin-bottom: 1.2em;
}

.pedidos > div {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0.2%;
    margin-bottom: 10px;
    width: 100%;
}

.pedidos > div > div {
    border: 1px solid var(--contrast-2);
}

div[data-field="id"] { width: 6%; }
div[data-field="solicitante"] { width: 20%; }
div[data-field="hora"] { width: 5%; }
div[data-field="detalle"] { width: 47%; }
div[data-field="accion"] { width: 21%; }




.pedidos > div > div > * {
    padding: 3px 6px;
    font-size: 0.87em;
}

.pedidos > div > div label {
    background-color: var(--contrast-2);
    color: #fff;
    margin: 0;
	display: flex;
}

.pedido.order-despacho button.marcar-listo-para-despacho {
    display: none;
}

.pedido.order-processing p.deshacer-despacho {
    display: none;
}

button.procesar-pedido {
    font-size: 0.85em;
    letter-spacing: 0;
    padding: 4px 10px;
    background-color: var(--accent);
    margin-top: 5px;
}

button.procesar-pedido:hover {
    background-color: var(--accent);
}

table.pedido-items {
    margin: 5px 0;
}

table.pedido-items td {
    padding: 5px;
    line-height: 1.2;
}

p.customer-note {
    margin: 6px 0 3px;
    line-height: 1.4;
    font-size: 0.85em;
}

.pedido.tiene-nota > div {
    background-color: #FCD4B6;
}

.cocina .pedido.order-despacho > div {
    background-color: #eee;
}

.pedido.order-completed > div {
    background-color: #eee;
}

table.pedido-items td:first-child {
    width: 75%;
}

@media only screen and (max-width: 981px) {
.pedidos > div {
	gap: 0;
	border: 1px solid var(--contrast-2);
    margin-bottom: 20px;
}
div[data-field="id"] { width: 20%; }
div[data-field="solicitante"] { width: 62%; }
div[data-field="hora"] { width: 18%; }
div[data-field="detalle"] { width: 100%; }
div[data-field="accion"] { width: 100%; }
.pedidos > div > div label {
    padding: 1px 6px;
}
button.procesar-pedido {
    margin: 4px 0;
}
}


button.avisar-boca-expendio {
    font-size: 0.7em;
    letter-spacing: 0;
    padding: 5px 10px 3px;
	background-color: var(--contrast-3);
    margin-bottom: 1.5em;
}

.resumen-columnas {
    display: flex;
    gap: 5%;
}

.resumen-columnas > div {
    width: 50%;
}

.resumen-columnas table {
    width: 100%;
}

.resumen-columnas table td, .resumen-columnas table th {
    line-height: 1.2;
    padding: 0.4em 0.6em 0.35em;
}

.resumen-columnas table th {
    background-color: var(--base);
}

.resumen-columnas table tr th:first-child {
	text-align: left;
}

.resumen-columnas table tr td:last-child {
    text-align: right;
}



/*--------------------------------------------------------------
# Solapas
--------------------------------------------------------------*/

.solapas {
    display: flex;
    border-bottom: 3px solid;
	margin-bottom: 1em;

}

.solapa {
    border: 3px solid;
    border-bottom: none;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 0.7em 1.4em;
    line-height: 1;
    margin-left: 5px;
	cursor: pointer;
}

.solapa.solapa-activa {
	color: #fff;
	background-color: var(--contrast);
	border-color: var(--contrast);
}

.solapa-contenido h2 {
    margin: 1.5em 0 0.9em;
    text-transform: uppercase;
    font-size: 1.7em;
    letter-spacing: 2px;
}



/*--------------------------------------------------------------
# Woocommerce loop
--------------------------------------------------------------*/

.woocommerce ul.products {
    display: flex;
    flex-wrap: wrap;
    gap: 2%;
}

.woocommerce ul.products:before {
    display: none !important;
}

.woocommerce ul.products.columns-3 li.product {
    width: 32% !important;
    margin: 0 0 3.5em !important;
	display: flex;
    flex-direction: column;
}

.open-datasheet {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
}

h2.woocommerce-loop-product__title {
    display: flex;
    flex: auto 1 0;
    text-align: center;
    margin: 0.4em 0.8em 1.3em !important;
}

.loop-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
	background-color: var(--base);
    padding: 5px 5px 5px 10px;
}

.woocommerce ul.products li.product .loop-cta span.price {
    margin-bottom: 0;
    font-size: 1.2em;
    font-weight: 700;
}

.woocommerce ul.products li.product .loop-cta a.button {
    margin-top: 0;
    border-radius: 0;
    font-size: 0.8em;
    padding: 0.7em 1.2em;
    line-height: 1;
    color: #fff;
    background-color: var(--contrast);
}