/* =========================================================================
   LUVAL — Carrito cotizador

   Repinta la página del carrito (plugin OZ Cotizador). Su hoja
   `assets/css/quote-cart.css` viene con la paleta de Vitofarma —rojo #bc0811
   y azul marino #001E50— y ese plugin lo comparten varios sitios, así que no
   se toca: aquí solo se redefinen sus tokens y los pocos colores que ese
   archivo lleva escritos a mano.

   Se encola en inc/site-chrome.php con prioridad 120, por detrás del
   `ozc-quote-cart` del plugin (que va en 101).
   ========================================================================= */

.ozc-quote-cart {
	--ozc-accent:       #e30613;
	--ozc-accent-dark:  #c4100c;
	--ozc-accent-line:  #000000;
	/* En el plugin se llaman «yellow» por herencia: son el color del paso
	   numerado y del filo izquierdo del bloque «Productos». */
	--ozc-yellow:       #000000;
	--ozc-yellow-dark:  #1a1a1a;
}

/* — Cabecera del cotizador: era el panel azul marino — */
.ozc-quote-cart .ozc-quote-cart__header { background: #000000; }

/* — Títulos de sección —
   Son <h2>, así que heredaban la fuente de encabezados del tema (Bebas Neue):
   condensada, en versalitas y demasiado pesada para cabeceras de formulario.
   Van en la fuente base, como los títulos del pie. */
.ozc-quote-cart .ozc-quote-cart__block-title,
.ozc-quote-cart .ozc-quote-cart__totals-inner .cart_totals h2 {
	font-family: var(--OZ-Font-Base, inherit);
	font-size: 1.0625rem;
	font-weight: 600;
	letter-spacing: 0;
	text-transform: none;
}

/* — Papelera de cada línea — */
.ozc-quote-cart .ozc-quote-cart__remove,
.ozc-quote-cart a.ozc-quote-cart__remove.remove { background-color: #1a1a1a; }

.ozc-quote-cart .ozc-quote-cart__remove:hover,
.ozc-quote-cart .ozc-quote-cart__remove:focus,
.ozc-quote-cart a.ozc-quote-cart__remove.remove:hover,
.ozc-quote-cart a.ozc-quote-cart__remove.remove:focus { background-color: var(--ozc-accent); }

/* — Campos del formulario: fondo, borde y halo de foco tiraban a azul — */
.ozc-quote-cart .ozc-quote-cart__field input,
.ozc-quote-cart .ozc-quote-cart__field select {
	background: #f7f7f7;
	border-color: rgba(0, 0, 0, .18);
}

.ozc-quote-cart .ozc-quote-cart__field input:focus,
.ozc-quote-cart .ozc-quote-cart__field select:focus {
	background: #fff;
	border-color: var(--ozc-accent);
	box-shadow: 0 0 0 3px rgba(227, 6, 19, .14);
}

.ozc-quote-cart .ozc-quote-cart__field input::placeholder { color: #9a9a9a; }

/* — Tarjetas, filas de producto y miniaturas — */
.ozc-quote-cart .ozc-quote-cart__block { box-shadow: 0 1px 3px rgba(0, 0, 0, .05); }

.ozc-quote-cart .ozc-quote-cart__item { border-bottom-color: rgba(0, 0, 0, .09); }

.ozc-quote-cart .ozc-quote-cart__item:hover {
	background: rgba(0, 0, 0, .025);
	border-color: rgba(0, 0, 0, .09);
}

.ozc-quote-cart:not(.ozc-quote-cart--hide-prices) .ozc-quote-cart__item-meta {
	border-top-color: rgba(0, 0, 0, .08);
}

.ozc-quote-cart .ozc-quote-cart__item-thumb {
	background: #f7f7f7;
	border-color: rgba(0, 0, 0, .1);
}

/* — Selector de cantidad — */
.ozc-quote-cart .ozc-quote-cart__qty-wrap .qib-button-wrapper { border-color: rgba(0, 0, 0, .18); }

.ozc-quote-cart .ozc-quote-cart__qty-wrap .qty.ozc-quote-cart__qty-input,
.ozc-quote-cart .ozc-quote-cart__qty-wrap .qty,
.ozc-quote-cart .ozc-quote-cart__qty-wrap .wqpmb_input_text {
	border-left-color: rgba(0, 0, 0, .14) !important;
	border-right-color: rgba(0, 0, 0, .14) !important;
}

/* — Botones secundarios: sus hovers llevaban el rojo antiguo a mano — */
.ozc-quote-cart a.ozc-quote-cart__btn.ozc-quote-cart__btn--ghost:hover,
.ozc-quote-cart a.ozc-quote-cart__btn--ghost:hover,
.ozc-quote-cart button.ozc-quote-cart__btn.ozc-quote-cart__btn--ghost:hover,
.ozc-quote-cart button.ozc-quote-cart__btn--ghost:hover { background: rgba(227, 6, 19, .1); }

.ozc-quote-cart a.ozc-quote-cart__btn.ozc-quote-cart__btn--outline:hover,
.ozc-quote-cart a.ozc-quote-cart__btn--outline:hover,
.ozc-quote-cart button.ozc-quote-cart__btn.ozc-quote-cart__btn--outline:hover,
.ozc-quote-cart button.ozc-quote-cart__btn--outline:hover { background: rgba(227, 6, 19, .14); }

/* — Botón de los totales — */
.ozc-quote-cart .ozc-quote-cart__totals-inner .wc-proceed-to-checkout a.checkout-button,
.ozc-quote-cart .ozc-quote-cart__totals-inner .wc-proceed-to-checkout a.button {
	box-shadow: 0 4px 14px rgba(227, 6, 19, .3);
}

.ozc-quote-cart .ozc-quote-cart__totals-inner .wc-proceed-to-checkout a.checkout-button:hover,
.ozc-quote-cart .ozc-quote-cart__totals-inner .wc-proceed-to-checkout a.button:hover {
	box-shadow: 0 6px 20px rgba(227, 6, 19, .4);
}
