/* Pantalles que pinta WooCommerce (checkout, compte, comanda rebuda) amb la pell de Reclam.
   ponytail: no reimplementem checkout ni login; només els vestim. */

.woocommerce-checkout .site-main,
.woocommerce-account .site-main { max-width: 100%; }

.compte-woo,
.reclam-woo { padding: 8px var(--pad-x) 80px; }

/* Tipografia base dins de Woo */
.compte-woo, .reclam-woo,
.woocommerce-checkout .woocommerce {
	font-family: var(--font-ui);
	color: var(--ink);
}
.woocommerce h3,
.woocommerce-billing-fields h3,
.woocommerce-checkout h3,
.compte-woo h2, .reclam-woo h2 {
	font-family: var(--font-display);
	font-weight: 600;
	color: var(--ink);
}

/* Camps. Només l'etiqueta directa del camp va en mono/majúscules: aplicat a
   qualsevol <label> deixava il·legibles les frases (condicions, enviament…). */
.woocommerce form .form-row > label {
	font-family: var(--font-mono);
	font-size: 11px;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: var(--ink-soft);
}
.woocommerce form .form-row > label.checkbox,
.woocommerce form .form-row > label.woocommerce-form__label-for-checkbox {
	font-family: var(--font-ui);
	font-size: 14px;
	letter-spacing: 0;
	text-transform: none;
	color: var(--ink);
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce .select2-container .select2-selection--single {
	font-family: var(--font-ui);
	font-size: 15px;
	padding: 12px 14px;
	height: auto;
	border: 1px solid var(--line);
	border-radius: 2px;
	background: var(--paper-card);
	color: var(--ink);
}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row select:focus {
	outline: 2px solid var(--wine);
	outline-offset: -2px;
}

/* Botons */
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #place_order,
.woocommerce button.button.alt {
	font-family: var(--font-ui);
	font-weight: 600;
	font-size: 15px;
	padding: 15px 28px;
	border-radius: 2px;
	background: var(--wine);
	color: #fff;
	transition: background .15s ease;
}
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #place_order:hover,
.woocommerce button.button.alt:hover { background: var(--wine-deep); color: #fff; }

/* Taules (resum de comanda, comandes, descàrregues) */
.woocommerce table.shop_table {
	border: 1px solid var(--line);
	border-radius: 2px;
	border-collapse: collapse;
	background: var(--paper-card);
}
.woocommerce table.shop_table th {
	font-family: var(--font-mono);
	font-size: 11px;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: var(--ink-soft);
}
.woocommerce table.shop_table td { font-family: var(--font-ui); font-size: 14px; color: var(--ink); }

/* Caixes d'avís / notícies de Woo */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
	font-family: var(--font-ui);
	font-size: 14px;
	border-top-color: var(--wine);
	background: var(--paper-2);
	color: var(--ink);
}
.woocommerce-message::before,
.woocommerce-info::before { color: var(--wine); }

/* Navegació del compte */
.woocommerce-MyAccount-navigation ul { list-style: none; margin: 0; padding: 0; }
.woocommerce-MyAccount-navigation li a {
	display: block;
	padding: 11px 14px;
	border-bottom: 1px solid var(--line);
	font-family: var(--font-ui);
	font-size: 14px;
	color: var(--ink-soft);
	text-decoration: none;
}
.woocommerce-MyAccount-navigation li.is-active a { color: var(--wine); font-weight: 600; }