/* Sbaai Store — couleurs du logo */
:root {
	--sbaai-navy: #0b0b0c;
	--sbaai-gold: #ffc20e;
	--sbaai-wa: #1fa855;
}

/* Bandeau */
.sbaai-topbar { background: var(--sbaai-navy); font-size: 13px; line-height: 1.4; }
.sbaai-topbar a { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 22px; padding: 7px 16px; color: #d9dde6 !important; text-decoration: none !important; }
.sbaai-topbar span::before { content: "•"; color: var(--sbaai-gold); margin-inline-end: 8px; }
@media (max-width: 640px) { .sbaai-topbar span:last-child { display: none; } }

/* Bouton flottant */
.sbaai-wa-float { position: fixed; bottom: 20px; inset-inline-end: 20px; z-index: 9999; width: 58px; height: 58px; border-radius: 50%; background: var(--sbaai-wa); color: #fff !important; display: grid; place-items: center; box-shadow: 0 6px 20px rgba(31, 168, 85, .45); transition: transform .2s; }
.sbaai-wa-float:hover { transform: scale(1.08); }
.sbaai-wa-float svg { width: 30px; height: 30px; }

/* Bouton WhatsApp page produit */
.sbaai-wa-btn { display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; margin: 12px 0 4px; padding: 14px 20px; border-radius: 999px; background: var(--sbaai-wa); color: #fff !important; font-weight: 600; text-decoration: none !important; transition: background .2s; }
.sbaai-wa-btn:hover { background: #188f47; }
.sbaai-wa-btn svg { width: 22px; height: 22px; flex: none; }

.sbaai-perks { list-style: none; margin: 18px 0 0 !important; padding: 16px 18px !important; border: 1px solid #e3e6ec; border-radius: 14px; display: grid; gap: 8px; font-size: 15px; }
.sbaai-perks li { margin: 0 !important; padding-inline-start: 26px; position: relative; }
.sbaai-perks li::before { content: "✓"; position: absolute; inset-inline-start: 0; color: var(--sbaai-gold); font-weight: 700; }

.sbaai-ask-price { color: #5d6576; font-weight: 500; font-size: .9em; }

/* Boutons WooCommerce aux couleurs de la marque */
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.woocommerce #respond input#submit, .woocommerce a.button.alt, .woocommerce button.button.alt,
.wc-block-components-button:not(.is-link) {
	background-color: var(--sbaai-navy) !important;
	color: #fff !important;
	border-radius: 999px !important;
}
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce button.button.alt:hover { background-color: #26262a !important; }
.woocommerce span.onsale { background-color: var(--sbaai-gold) !important; color: var(--sbaai-navy) !important; }
.woocommerce ul.products li.product .price, .woocommerce div.product p.price, .woocommerce div.product span.price { color: var(--sbaai-navy) !important; font-weight: 700; }

/* Shortcode [sbaai_contact] */
.sbaai-contact { display: grid; grid-template-columns: 1fr 1.3fr; gap: 24px; align-items: stretch; }
.sbaai-contact ul { list-style: none; margin: 0; padding: 28px; background: var(--sbaai-navy); color: #fff; border-radius: 16px; display: grid; gap: 14px; align-content: start; }
.sbaai-contact a { color: #fff !important; text-decoration: none; }
.sbaai-contact a:hover { color: var(--sbaai-gold) !important; }
.sbaai-contact iframe { width: 100%; min-height: 340px; border: 0; border-radius: 16px; }
@media (max-width: 760px) { .sbaai-contact { grid-template-columns: 1fr; } }