/* ========================================================================
   Aménage Tout — Boost (par-dessus Ecomall child)
   Palette du logo : bleu #1C6EB4 · orange #F07F29
   Vert réservé à WhatsApp / disponibilité / validation
   ====================================================================== */
:root {
	--at-blue:      #1C6EB4;
	--at-blue-dark: #124D80;
	--at-orange:    #F07F29;
	--at-orange-d:  #D96A1A;
	--at-green:     #1FA855;
	--at-whatsapp:  #25D366;
	--at-red:       #C0392B;
	--at-ink:       #2B2F33;
	--at-ink-soft:  #5B6166;
	--at-line:      #E6E6E6;
}

/* ------------------------------------------------------------------
   1. Barre de réassurance (tout en haut)
   ---------------------------------------------------------------- */
.at-trustbar { background: var(--at-blue-dark); color: #EAF2FA; font-size: 12.5px; }
.at-trustbar__inner {
	max-width: 1280px; margin-inline: auto; padding: 7px 16px;
	display: flex; justify-content: space-between; gap: 14px;
	overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none;
}
.at-trustbar__inner::-webkit-scrollbar { display: none; }
.at-trustbar__item { display: inline-flex; align-items: center; gap: 7px; white-space: nowrap; font-weight: 600; }
.at-trustbar__item::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--at-orange); flex-shrink: 0; }

/* ------------------------------------------------------------------
   2. États de disponibilité
   ---------------------------------------------------------------- */
.at-stock { display: inline-flex; align-items: center; gap: 5px; font-size: 12px; font-weight: 700; margin: 4px 0; line-height: 1.3; }
.at-stock::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: currentColor; flex-shrink: 0; }
.at-stock--instock { color: var(--at-green); }
.at-stock--limited { color: var(--at-orange-d); }
.at-stock--backorder { color: var(--at-ink-soft); }
.at-stock--unavailable { color: var(--at-red); }
ul.products li.product .at-stock { display: flex; justify-content: center; }
.single-product div.product .at-stock { font-size: 13px; }

.at-price-on-request { font-weight: 700; color: var(--at-ink-soft); }

/* ------------------------------------------------------------------
   3. Boutons WhatsApp
   ---------------------------------------------------------------- */
.at-btn-whatsapp {
	display: flex; align-items: center; justify-content: center; gap: 8px;
	background: var(--at-whatsapp); color: #fff !important;
	font-weight: 700; font-size: 13px; text-decoration: none !important;
	padding: 10px 14px; border-radius: 6px; margin-top: 8px;
	transition: background .15s ease, transform .15s ease;
}
.at-btn-whatsapp:hover { background: var(--at-green); transform: translateY(-1px); color: #fff; }
.single-product div.product .at-btn-whatsapp { max-width: 320px; font-size: 14px; padding: 12px 18px; }
.at-wa-ico::before { content: "✆"; font-size: 1.15em; line-height: 1; }

/* ------------------------------------------------------------------
   4. Bouton WhatsApp flottant + barre mobile
   ---------------------------------------------------------------- */
.at-wa-float {
	position: fixed; right: 18px; bottom: 18px; z-index: 9998;
	width: 54px; height: 54px; border-radius: 50%;
	background: var(--at-whatsapp); color: #fff;
	display: flex; align-items: center; justify-content: center;
	box-shadow: 0 8px 24px rgba(43,47,51,.22); text-decoration: none !important;
}
.at-wa-float .at-wa-ico::before { font-size: 26px; }
.at-wa-float:hover { background: var(--at-green); color: #fff; }

.at-tabbar { display: none; }
@media (max-width: 767px) {
	.at-tabbar {
		display: flex; position: fixed; left: 0; right: 0; bottom: 0; z-index: 9999;
		background: #fff; border-top: 1px solid var(--at-line);
		box-shadow: 0 -4px 16px rgba(43,47,51,.10);
		padding-bottom: env(safe-area-inset-bottom, 0);
	}
	.at-tabbar a {
		flex: 1; display: flex; flex-direction: column; align-items: center; gap: 2px;
		padding: 7px 4px 9px; font-size: 10.5px; font-weight: 700;
		color: var(--at-ink-soft); text-decoration: none !important;
	}
	.at-tabbar__ico { font-size: 18px; line-height: 1; }
	.at-tabbar__wa { color: var(--at-green) !important; }
	body { padding-bottom: 60px !important; }
	.at-wa-float { bottom: 74px; }
}

/* ------------------------------------------------------------------
   5. Harmonisation douce du thème Ecomall sur la charte du logo
   (couleurs d'accent usuelles ; ajustez ou retirez selon vos réglages
   Theme Options d'Ecomall, qui restent la méthode prioritaire)
   ---------------------------------------------------------------- */
.woocommerce span.onsale,
.product-label .onsale, .product-label .label-sale { background: var(--at-red) !important; color: #fff !important; }

.woocommerce ul.products li.product .button,
.woocommerce a.button.add_to_cart_button, .woocommerce button.button.alt,
.single_add_to_cart_button {
	background-color: var(--at-orange) !important; color: #fff !important; border-color: var(--at-orange) !important;
}
.woocommerce ul.products li.product .button:hover,
.woocommerce a.button.add_to_cart_button:hover, .woocommerce button.button.alt:hover,
.single_add_to_cart_button:hover { background-color: var(--at-orange-d) !important; border-color: var(--at-orange-d) !important; }

.woocommerce ul.products li.product .price, .woocommerce div.product p.price { color: var(--at-blue); font-weight: 700; }
.woocommerce ul.products li.product .price del, .woocommerce div.product p.price del { color: var(--at-ink-soft); opacity: .7; }
.woocommerce ul.products li.product .price ins, .woocommerce div.product p.price ins { color: var(--at-red); text-decoration: none; }

.woocommerce .star-rating span::before, .woocommerce .star-rating::before { color: var(--at-orange); }

/* Cartes produit : léger relief au survol, cohérent avec la maquette */
.woocommerce ul.products li.product { transition: box-shadow .15s ease, transform .15s ease; }
.woocommerce ul.products li.product:hover { box-shadow: 0 8px 24px rgba(43,47,51,.10); transform: translateY(-2px); }