/*
 Theme Name:   HB Technology
 Description:  Thème enfant de Woodmart pour HB Technology — vente et réparation de matériel high-tech à Erstein.
 Author:       HB Technology
 Author URI:   https://hbtechnology.fr
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

/* ==================================================================
 * Feuille de style du thème enfant
 * ==================================================================
 *
 * Tout ce qui est écrit ici survit aux mises à jour de Woodmart.
 * C'est la raison d'être de ce thème enfant : le thème parent est
 * remplacé en entier à chaque mise à jour, et toute retouche faite
 * directement dedans disparaîtrait sans prévenir.
 *
 * CE QUI N'A PAS SA PLACE ICI
 *
 * Les habillages liés à une fonction précise restent dans leur
 * extension obligatoire, pour rester lisibles et désactivables
 * séparément :
 *
 *     hb-style-commande.php   page de commande
 *     hb-avis.php             carrousel d'avis
 *     hb-paiement.php         moyens de paiement
 *
 * Cette feuille accueille les retouches générales, celles qui ne se
 * rattachent à aucune fonction en particulier.
 *
 * LES COULEURS DE LA MAISON, pour mémoire :
 *
 *     bleu HB      #274695
 *     gris clair   #F4F4F4   encadré gauche du panier et de la commande
 *     bleuté       #F7F9FD   encadré droite
 *     bordure      #E4EAF6
 *     texte        #3C4757
 */

/* ==================================================================
 * Section « Bonus Réparation QualiRépar » — page Réparation
 * ==================================================================
 *
 * HB Technology est un réparateur labellisé. La section met en avant
 * les montants déduits, qui sont l'argument concret pour le client.
 *
 * Les montants sont écrits « jusqu'à », et la mention de bas de bloc
 * rappelle que le barème évolue : le texte reste donc exact même si
 * la filière révise ses aides.
 */

.hb-qualirepar .wp-block-wd-column {
	background: #F7F9FD;
	border: 1px solid #E4EAF6;
	border-radius: 20px;
	padding: 40px 48px;
}

.hb-qualirepar h2 {
	color: #274695;
	margin-bottom: 18px;
}

/* Emplacement du logo officiel, au-dessus du titre. Tant qu'aucune
   image n'est posée, rien ne s'affiche et la mise en page tient. */
.hb-qualirepar-logo {
	text-align: center;
	margin-bottom: 18px;
}

/* Tant qu'aucun logo n'est posé, l'emplacement ne doit pas creuser
   un blanc au-dessus du titre. */
.hb-qualirepar-logo:empty {
	display: none;
}

.hb-qualirepar-logo img {
	max-height: 64px;
	width: auto;
}

/* Les paragraphes centrés de la section. Les textes de la grille
   d'explications en sont exclus : ils occupent leur colonne. */
.hb-qualirepar > .wp-block-wd-row p:not(.hb-qualirepar-explications p) {
	color: #3C4757;
}

.hb-qualirepar .wp-block-wd-column > p,
.hb-qualirepar .wp-block-wd-column > .wp-block-paragraph {
	max-width: 760px;
	margin-inline: auto;
}

/* Les deux montants, en pastilles plutôt qu'en liste a puces. */
.hb-qualirepar-montants {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 18px;
	margin: 28px 0 22px;
	padding: 0;
	list-style: none;
}

.hb-qualirepar-montants li {
	background: #FFFFFF;
	border: 1px solid #E4EAF6;
	border-radius: 14px;
	padding: 18px 30px;
	min-width: 190px;
	text-align: center;
	line-height: 1.35;
}

.hb-qualirepar-montants .hb-montant {
	display: block;
	color: #274695;
	font-size: 30px;
	font-weight: 700;
}

.hb-qualirepar-montants .hb-appareil {
	display: block;
	color: #3C4757;
	font-size: 15px;
	opacity: .8;
}

/* La mention de barème : présente, mais discrète. */
.hb-qualirepar-mention {
	font-size: 14px;
	opacity: .7;
	margin-top: 4px;
}

/* L'accroche chiffrée, au-dessus des pastilles. */
.hb-qualirepar-accroche {
	text-align: center;
	font-size: 19px;
	color: #3C4757;
	margin-bottom: 4px;
}

.hb-qualirepar-accroche strong {
	color: #274695;
}

/* Les deux explications, côte à côte sur grand écran.
   Woodmart impose « display » sur les enfants de ses colonnes avec une
   spécificité superieure : on remonte d'un cran et on force. */
.hb-qualirepar .wp-block-wd-column .hb-qualirepar-explications {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 24px;
	margin: 26px 0 18px;
	text-align: left;
}

.hb-qualirepar-explications p {
	max-width: none;
	margin: 0;
}

.hb-qualirepar-explications h3 {
	color: #274695;
	font-size: 17px;
	margin: 0 0 8px;
}

.hb-qualirepar-explications p {
	margin: 0;
	font-size: 15px;
	line-height: 1.6;
}

/* Les conditions, en liste compacte. */
.hb-qualirepar-conditions {
	margin: 0;
	padding-left: 20px;
	font-size: 15px;
	line-height: 1.7;
}

.hb-qualirepar-conditions li {
	margin: 0;
}

@media (max-width: 768px) {
	.hb-qualirepar-explications {
		grid-template-columns: 1fr;
		gap: 18px;
	}

	.hb-qualirepar-accroche {
		font-size: 17px;
	}
}

@media (max-width: 768px) {
	.hb-qualirepar .wp-block-wd-column {
		padding: 26px 20px;
		border-radius: 14px;
	}

	.hb-qualirepar-montants li {
		min-width: 0;
		flex: 1 1 140px;
		padding: 14px 16px;
	}

	.hb-qualirepar-montants .hb-montant {
		font-size: 26px;
	}
}