/* L'Instant Cacao – reprise de la DA du flyer / bon de commande 2026 (provisoire) */
:root, body {
	--ic-fond: #243540;
	--ic-fond-2: #2c404c;
	--ic-blanc: #ffffff;
	--ic-gris: #c9d0d4;
	--ic-orange: #bb7a41;
	--wp--preset--color--base: #243540;
	--wp--preset--color--contrast: #ffffff;
	--wp--preset--color--accent-1: #bb7a41;
	--wp--preset--color--accent-2: #2c404c;
	--wp--preset--color--accent-3: #c9d0d4;
	--wp--preset--color--accent-4: #c9d0d4;
	--wp--preset--color--accent-5: #2c404c;
	--wp--preset--color--accent-6: #3a4f5c;
}

body {
	background: var(--ic-fond);
	color: var(--ic-blanc);
	font-family: "Avenir Next", "Avenir LT Pro", Avenir, var(--wp--preset--font-family--manrope, "Manrope"), "Segoe UI", Helvetica, Arial, sans-serif;
}
a { color: var(--ic-blanc); }
a:hover { color: var(--ic-orange); }

/* En-tête */
header.wp-block-template-part { border-bottom: 1px solid rgba(255,255,255,.12); }
.wp-block-site-title, .wp-block-site-title a {
	text-transform: uppercase; letter-spacing: .14em; font-weight: 800; text-decoration: none;
}
.wp-block-navigation a { text-transform: uppercase; letter-spacing: .08em; font-size: .85rem; text-decoration: none; }

/* Titres façon flyer */
h1, h2, h3, .wp-block-heading { color: var(--ic-blanc); text-transform: uppercase; letter-spacing: .02em; font-weight: 800; }
.home .wp-block-post-title, .page-id-accueil .wp-block-post-title { display: none; }

/* Hero */
.ic-hero { text-align: center; }
.ic-hero .ic-surtitre { text-transform: uppercase; letter-spacing: .25em; font-weight: 600; font-size: .9rem; margin: 0; }
.ic-hero .ic-logo { font-size: clamp(2.6rem, 7vw, 4.6rem); line-height: 1; letter-spacing: .12em; font-weight: 900; margin: .2em 0; text-shadow: 0 2px 12px rgba(0,0,0,.35); }
.ic-hero .ic-lieu { text-transform: uppercase; letter-spacing: .3em; font-size: .85rem; margin: 0 0 1.2em; }
.ic-hero blockquote, .ic-citation { border: 0; font-style: italic; margin: 0 auto; max-width: 46rem; }
.ic-hero blockquote p, .ic-citation p { font-size: 1.05rem; }

/* Boutons : blancs comme les cases du bon de commande */
.wp-element-button, .wp-block-button__link, .woocommerce .button, .wc-block-components-button:not(.is-link) {
	background: var(--ic-blanc) !important; color: var(--ic-fond) !important;
	border-radius: 3px !important; text-transform: uppercase; letter-spacing: .06em; font-weight: 700; border: 0 !important; text-decoration: none !important;
}
.is-style-outline .wp-block-button__link { background: transparent !important; color: var(--ic-blanc) !important; border: 1px solid var(--ic-blanc) !important; }
.wp-element-button:hover, .woocommerce .button:hover { background: var(--ic-orange) !important; color: var(--ic-blanc) !important; }

/* ===== La carte : lignes colorées comme le bon de commande ===== */
.ic-carte { padding-top: 1.2rem !important; padding-bottom: 1.2rem !important; }
.ic-carte > .wp-block-heading { font-size: 1.25rem; margin-bottom: 0; }
.ic-carte > .ic-sous-titre { color: var(--ic-gris); font-size: .9rem; margin-top: .2rem; }
.ic-carte .woocommerce ul.products, .ic-carte ul.products {
	display: flex !important; flex-direction: column; gap: 5px; margin: .6rem 0 0 !important; padding: 0;
}
.ic-carte ul.products::before, .ic-carte ul.products::after { display: none !important; }
.ic-carte ul.products li.product {
	width: 100% !important; float: none !important; margin: 0 !important; padding: 7px 12px !important;
	display: flex !important; align-items: center; gap: 14px;
	background: var(--ic-bande, transparent); border-radius: 2px; text-align: left !important;
}
.ic-carte ul.products li.product img,
.ic-carte ul.products li.product .onsale { display: none !important; }
.ic-carte ul.products li.product a.woocommerce-LoopProduct-link {
	flex: 1; display: grid; grid-template-columns: 1fr auto; column-gap: 16px; row-gap: 2px; align-items: center; text-decoration: none; color: var(--ic-blanc);
}
.ic-carte ul.products li.product .woocommerce-loop-product__title {
	margin: 0 !important; padding: 0 !important; font-size: .98rem !important; font-weight: 800; text-transform: uppercase; color: var(--ic-blanc);
}
.ic-carte ul.products li.product .woocommerce-loop-product__title { grid-column: 1; grid-row: 1; }
.ic-carte ul.products li.product .ic-notes { grid-column: 1; grid-row: 2; font-style: italic; font-size: .85rem; opacity: .95; }
.ic-carte ul.products li.product .price { grid-column: 2; grid-row: 1 / span 2; margin: 0 !important; color: var(--ic-blanc) !important; font-weight: 700; white-space: nowrap; }
.ic-carte ul.products li.product .button { margin: 0 !important; padding: .45em .9em !important; font-size: .75rem !important; white-space: nowrap; }
.ic-carte ul.products li.product .added_to_cart { color: var(--ic-blanc); font-size: .8rem; margin-left: 6px; }

/* Couleurs des bandes (reprises du flyer) */
li.product.ic-sku-IC-TN-MAYA      { --ic-bande: #ee554f; }
li.product.ic-sku-IC-TN-HARANA    { --ic-bande: #c83541; }
li.product.ic-sku-IC-TN-KAMILI    { --ic-bande: #ff9b6f; }
li.product.ic-sku-IC-TN-BABUNGWE  { --ic-bande: #5e5857; }
li.product.ic-sku-IC-TL-OTTANGE   { --ic-bande: #6270b2; }
li.product.ic-sku-IC-TL-MAYA      { --ic-bande: #87add7; }
li.product.ic-sku-IC-TC-CAFE      { --ic-bande: #59231e; }
li.product.ic-sku-IC-TC-CAFECACAO { --ic-bande: #400702; }
li.product.ic-sku-IC-TC-CREME     { --ic-bande: #bf895a; }
/* Rochers et gourmandises : titres orange, sans bande (comme sur le bon) */
li.product.ic-sku-IC-ROCHERS5 .woocommerce-loop-product__title,
li.product.ic-sku-IC-BILLES .woocommerce-loop-product__title,
li.product.ic-sku-IC-NOISETTES .woocommerce-loop-product__title,
li.product.ic-sku-IC-AMANDES .woocommerce-loop-product__title { color: var(--ic-orange) !important; }
.ic-carte li.product.ic-sku-IC-ROCHERS5, .ic-carte li.product.ic-sku-IC-BILLES,
.ic-carte li.product.ic-sku-IC-NOISETTES, .ic-carte li.product.ic-sku-IC-AMANDES { border-bottom: 1px solid rgba(255,255,255,.12); }

@media (max-width: 600px) {
	.ic-carte ul.products li.product { flex-wrap: wrap; }
	.ic-carte ul.products li.product .button { width: 100%; text-align: center; }
}

/* Encadré pros / infos : cartes blanches comme le bon de commande */
.ic-encart { background: var(--ic-blanc); color: var(--ic-fond); border-radius: 6px; padding: 1.2rem 1.4rem !important; }
.ic-encart a, .ic-encart strong { color: var(--ic-fond); }

/* Pied de page */
.ic-footer { border-top: 1px solid rgba(255,255,255,.15); color: var(--ic-gris); font-size: .8rem; text-align: center; }
.ic-footer a { color: var(--ic-gris); }

/* Formulaires (panier, validation) : champs blancs lisibles sur fond sombre */
.wc-block-components-text-input input, .wc-block-components-textarea, .wc-block-components-combobox input,
.wc-blocks-components-select select, input[type="text"], input[type="email"], input[type="tel"], select, textarea {
	background: var(--ic-blanc) !important; color: var(--ic-fond) !important;
}
.wc-block-components-text-input label, .wc-blocks-components-select label { color: #5e5857 !important; }
.wc-block-components-text-input.is-active label { color: #5e5857 !important; }
.wc-block-components-radio-control__option, .wc-block-components-totals-item, .wc-block-components-order-summary { color: var(--ic-blanc); }
.wc-block-components-notice-banner { color: var(--ic-fond); }