/*
 * Montrin - Gravure des médailles.
 * Mise en page de base reprise de l'ancienne extension (mêmes classes `wapf-…`) :
 * le CSS personnalisé du site (Apparence > Personnaliser) s'applique sans changement.
 */
.wapf { width: 100%; }
.wapf-wrapper { margin: 0 0 20px -5px; width: 100%; }
.wapf-field-group,
.wapf-section { display: flex; flex-wrap: wrap; }
.montrin-gravure-medailles { display: contents; }
.montrin-gravure [hidden] { display: none !important; }
.montrin-gravure-erreurs ul.woocommerce-error { margin: 0 0 15px; }

.wapf-field-container { padding: 0 5px 15px 5px; box-sizing: border-box; }
.wapf-field-label { display: flex; align-items: center; }
.label-above .wapf-field-label { margin-bottom: 10px; }
.wapf-field-label abbr.required { text-decoration: none; margin-left: 3px; }

.wapf input[type=text] { width: 100%; box-sizing: border-box; }
.wapf input[type=radio] { float: left; margin-top: 5px; }

.wapf-radios { display: inline-grid; grid-template-columns: auto; gap: 5px 1rem; }
.wapf-radio { clear: both; }
.wapf-radio label { display: flex; align-items: center; }
.wapf-input-label { font-weight: 400; cursor: pointer; }
.wapf-label-text { padding-left: 10px; }

/* Téléphone : un champ par ligne, sinon « Année d'attribution… » est coupé dans le champ. */
@media (max-width: 600px) {
	.montrin-gravure .montrin-gravure-medaille .wapf-field-container { width: 100% !important; padding-bottom: 8px !important; }
	.montrin-gravure .montrin-gravure-medaille { margin-bottom: 10px; }
}

.wapf-product-totals { width: 100%; }
.wapf-product-totals .wapf--inner { margin-bottom: 20px; }
.wapf-product-totals .wapf--inner > div { padding-bottom: 10px; clear: both; }
.wapf-product-totals .wapf--inner > div:last-child { padding-bottom: 0; }
.wapf-product-totals div span:first-child { font-weight: 700; }
.wapf-product-totals div span:last-child { float: right; }