/*
 * Compatibilité Hello Elementor : reprend l'apparence qu'assurait Astra (mesures relevées le 2026-10-15).
 * Toutes les règles commencent par .theme-hello-elementor : aucun effet tant qu'Astra est le thème actif.
 * Boutons WooCommerce : doré du kit (Astra les affichait en bleu, Hello en violet par défaut).
 */

/* Largeur : Astra mettait dans un conteneur de 1 240 px (1 200 px utiles) les fiches produit, les archives produits,
   les pages construites en « pleine largeur Elementor » (devis, panier, commande, compte) et la politique de cookies.
   Les autres pages (accueil, Promos, Contact, FAQ…) étaient en pleine largeur, comme sous Hello. */
.theme-hello-elementor .elementor-location-single,
.theme-hello-elementor .elementor-location-archive,
.theme-hello-elementor.page-template-elementor_header_footer [data-elementor-type="wp-page"],
.theme-hello-elementor.page-id-4798 .site-main {
	max-width: 1240px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	padding-right: 20px;
}

/* Comme Astra : aucun défilement horizontal (widgets qui dépassent, galeries…). */
body.theme-hello-elementor { overflow-x: hidden; }

/* Fiche produit : sur petit écran, les boutons panier et devis rétrécissent et passent à la ligne au lieu de déborder. */
.theme-hello-elementor .woocommerce div.product form.cart .button,
.theme-hello-elementor div.product form.cart .button { flex: 0 1 auto; min-width: 0; white-space: normal; }

/* Pages WooCommerce (panier, commande, compte) : Astra annulait l'étirement des sections Elementor (barre latérale WooCommerce). */
.theme-hello-elementor.woocommerce-checkout .elementor-section.elementor-section-stretched,
.theme-hello-elementor.woocommerce-cart .elementor-section.elementor-section-stretched,
.theme-hello-elementor.woocommerce-account .elementor-section.elementor-section-stretched { max-width: 100%; left: 0 !important; }

/* Cartes produit. */
.theme-hello-elementor ul.products li.product .woocommerce-loop-product__title { margin: 0 0 8px; padding: 0; }
.theme-hello-elementor ul.products li.product a img { margin: 0 0 .8em; }
.theme-hello-elementor ul.products li.product .price del { display: inline; }
.theme-hello-elementor ul.products li.product .price ins { text-decoration: none; }
.theme-hello-elementor .elementor-widget ul.products li.product .button,
.theme-hello-elementor ul.products li.product .button { display: inline-block; align-self: flex-start; width: auto; margin: 7px 0; padding: 15px 30px; }

/* Étiquette de catégorie au-dessus du titre (ajoutée par inc/theme.php sous Hello, comme Astra). */
.theme-hello-elementor ul.products li.product .ast-woo-product-category {
	display: block; margin: 0 0 .5em; color: #4b4f58;
	font-family: Inter, sans-serif; font-size: .85em; font-weight: 400; line-height: 1.3;
}

/* Paliers d'Astra : tablette jusqu'à 921 px, mobile jusqu'à 544 px. */
@media (max-width: 921px) {
	.theme-hello-elementor .elementor-widget ul.products li.product .button,
	.theme-hello-elementor ul.products li.product .button { padding: 14px 28px; }
}
@media (max-width: 544px) {
	.theme-hello-elementor .elementor-widget ul.products li.product .button,
	.theme-hello-elementor ul.products li.product .button { padding: 6px 9px; }
}

/* Badge « Promo ! » : en haut à gauche, blanc arrondi (comme Astra), pour ne pas chevaucher le badge de stock. */
.theme-hello-elementor ul.products li.product .onsale {
	position: absolute; top: 20.88px; left: 20.88px; right: auto; z-index: 5;
	min-width: 0; min-height: 0; margin: 0; padding: 5.57px 11.14px;
	border-radius: 20px; background: #fff; color: #4b4f58;
	font-size: 13.92px; font-weight: 500; line-height: normal;
	box-shadow: 0 4px 4px rgba(0, 0, 0, .15);
}

/* Tri et pagination. */
.theme-hello-elementor .woocommerce-ordering select {
	display: inline-block; width: auto; padding: 12px 30px 12px 12px;
	border: 0; border-radius: 0; background-color: transparent; color: #666; font-size: 15px;
}
.theme-hello-elementor .elementor-widget .woocommerce-pagination,
.theme-hello-elementor .woocommerce-pagination { text-align: start; }
.theme-hello-elementor .woocommerce-pagination ul.page-numbers,
.theme-hello-elementor .woocommerce-pagination ul.page-numbers li { border: 0; }
.theme-hello-elementor .woocommerce-pagination ul.page-numbers li { margin: 0 2px 2px 0; }
.theme-hello-elementor .woocommerce-pagination ul.page-numbers li a,
.theme-hello-elementor .woocommerce-pagination ul.page-numbers li span {
	min-width: 40px; padding: 12px; line-height: 16px; background: #efce67; color: #fff;
}
.theme-hello-elementor .woocommerce-pagination ul.page-numbers li span.current { background: #132a36; color: #fff; }

/* Boutons WooCommerce et devis : doré du kit. */
.theme-hello-elementor .woocommerce .button.alt,
.theme-hello-elementor .woocommerce button.button,
.theme-hello-elementor .ccs-devis .button {
	padding: 15px 30px; border: 0; border-radius: 5px;
	background-color: var(--e-global-color-d49ac81, #efce67); color: #fff;
}
.theme-hello-elementor .woocommerce .button.alt:hover,
.theme-hello-elementor .woocommerce button.button:hover,
.theme-hello-elementor .ccs-devis .button:hover { background-color: var(--e-global-color-332724a, #fed15f); color: #fff; }

/* Champs et tableaux. */
.theme-hello-elementor .woocommerce form .form-row .input-text,
.theme-hello-elementor .woocommerce .coupon .input-text,
.theme-hello-elementor .ccs-devis input[type="text"],
.theme-hello-elementor .ccs-devis input[type="email"],
.theme-hello-elementor .ccs-devis input[type="tel"],
.theme-hello-elementor .ccs-devis textarea { padding: 12px 16px; }
.theme-hello-elementor .woocommerce table.shop_table { font-size: 1em; border-radius: 0; }
.theme-hello-elementor .woocommerce table.shop_table th,
.theme-hello-elementor .woocommerce table.shop_table td { background-color: transparent; }
.theme-hello-elementor .ccs-devis table.shop_table th,
.theme-hello-elementor .ccs-devis table.shop_table td { padding: 11.2px 16px; }