/*
Theme Name: AutoDetail Child
Template: autodetail
Description: Child theme d'AutoDetail per a personalitzacions de gprace.gironadissenyweb.com (sobreviuen a actualitzacions del tema pare)
Version: 1.0.0
Text Domain: autodetail-child
*/

/* Fix desalineacio dl.variation al carret: el layout per flotants de WooCommerce
   es trenca quan una etiqueta es llarga (ex. "Reinforcements:") en columna estreta.
   Es substitueix per grid: cada dt/dd forma una fila fixa, sense dependre de floats. */
.woocommerce table.cart td.product-name dl.variation,
.woocommerce table.cart td.product-name .wc-item-meta {
	display: grid;
	grid-template-columns: max-content 1fr;
	column-gap: .35em;
	row-gap: 2px;
}
.woocommerce table.cart td.product-name dl.variation dt,
.woocommerce table.cart td.product-name dl.variation dd,
.woocommerce table.cart td.product-name .wc-item-meta dt,
.woocommerce table.cart td.product-name .wc-item-meta dd {
	float: none;
	clear: none;
	display: block;
	margin: 0;
}
.woocommerce dl.variation dd p {
	margin: 0;
}

/* Text mes petit per a Carcasa/Baquet/Reinforcements/Costuras al carret */
.woocommerce dl.variation dt,
.woocommerce dl.variation dd {
	font-size: 0.85em;
}

.blockUI.blockOverlay {
    background-color: rgba(0, 0, 0, 0.15) !important; /* gris muy sutil en vez del gris sólido actual */
}

/* Fix ample encaixonat a plantilles "full width": el tema pare te una regla
   .woocommerce .main-contain .container { max-width: 1320px } mes especifica
   que la seva propia regla per fer-ho full-width, i sempre guanya perque la
   classe .woocommerce surt a totes les pagines. Nomes desactiva el limit
   quan la plantilla es realment full-width. */
body.elementor-template-full-width.woocommerce .main-contain .container {
	max-width: 100%;
}