/* ============================================================
   ICP GABON · AJUSTEMENTS PONCTUELS (99-overrides)
   ============================================================ */

/* --- Hero d'accueil (580b0d2) : PLEIN ÉCRAN bord à bord (2026-07-25) ---
   L'ancienne "carte flottante" du slider The7 (marges + radius + overflow:hidden,
   validée 2026-06-15) a été RETIRÉE : elle clippait le nouveau hero [icp_hero]
   qui est full-bleed par design (demande client). */
.elementor-element-580b0d2 {
  margin: 0 !important;
  border-radius: 0 !important;
  overflow: visible !important;
}


/* ============================================================
   BRANDING · TEINTES DE SECTIONS (design system, calqué sur Marques)
   Classes réutilisables sur TOUTES les pages
   (Elementor → Avancé → Classes CSS). Liées aux tokens ICP.
   ============================================================ */
.icp-section--soft  { background-color: var(--icp-bg-light) !important; }    /* #F4F6F8 gris doux */
.icp-section--green { background-color: var(--icp-green-light) !important; }  /* #EEF5EC vert clair */

/* --- Accueil (post 35238) — rythme sur les VRAIES bandes verticales ---
   NB : les "familles" (KLEEN/Fraîcheur/Plastique/Beauté/Bébé) sont les
   DIAPOS du slider hero (580b0d2), pas des bandes → on ne les teinte pas.
   La bannière image 2587003 garde son image. */

/* 🟢 Vert clair = SEUL accent coloré (Meilleures ventes).
   Spécificité haute (body.home + 3 classes) pour battre le fond blanc
   des panneaux. Nouveaux Produits redevient blanc (via la règle panneau). */
body.home .elementor-35238 > .elementor-top-section.elementor-element-27a7a6f {
  background-color: var(--icp-green-light) !important;
}


/* ============================================================
   ACCUEIL · OPTION A — sections alignées sur un fond doux
   Toutes les bandes rentrent à la largeur des cartes (header/slider),
   posées sur un canvas gris très doux. Le slider garde sa carte.
   ============================================================ */
body.home { background-color: #EEF1F5 !important; }

.elementor-35238 > .elementor-top-section:not(.elementor-element-580b0d2),
.elementor-35238 > .e-con.e-parent {
  max-width: calc(100% - 48px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  border-radius: 16px !important;
  background-color: #ffffff !important;
}
@media (max-width: 1024px) {
  .elementor-35238 > .elementor-top-section:not(.elementor-element-580b0d2),
.elementor-35238 > .e-con.e-parent {
    max-width: calc(100% - 32px) !important;
  }
}
@media (max-width: 480px) {
  .elementor-35238 > .elementor-top-section:not(.elementor-element-580b0d2),
.elementor-35238 > .e-con.e-parent {
    max-width: calc(100% - 24px) !important;
    border-radius: 10px !important;
  }
}

/* Masquer les dividers de l'accueil (inutiles avec les panneaux) */
body.home .elementor-element-9296daf,
body.home .elementor-element-2a6cfca { display: none !important; }


/* ============================================================
   FOOTER · B2 — pleine largeur, fond bleu foncé ICP, texte clair
   Contenu déjà aligné (1400). Ancre la page sous les panneaux clairs.
   ============================================================ */
[data-elementor-type="footer"] {
  background-color: var(--icp-blue-dark) !important;   /* #143F6B */
  margin-top: 32px !important;   /* respiration entre la dernière section et le footer */
}
[data-elementor-type="footer"] .elementor-section,
[data-elementor-type="footer"] .e-con,
[data-elementor-type="footer"] .elementor-element-populated {
  background-color: transparent !important;
}
/* Texte clair sur fond foncé */
[data-elementor-type="footer"],
[data-elementor-type="footer"] p,
[data-elementor-type="footer"] li,
[data-elementor-type="footer"] span,
[data-elementor-type="footer"] h1,
[data-elementor-type="footer"] h2,
[data-elementor-type="footer"] h3,
[data-elementor-type="footer"] h4,
[data-elementor-type="footer"] h5,
[data-elementor-type="footer"] h6,
[data-elementor-type="footer"] .elementor-heading-title,
[data-elementor-type="footer"] .elementor-widget-text-editor,
[data-elementor-type="footer"] .elementor-icon-list-text {
  color: #E8EDF2 !important;
}
[data-elementor-type="footer"] a { color: #FFFFFF !important; }
[data-elementor-type="footer"] a:hover { color: var(--icp-orange) !important; }

/* Icônes du footer en blanc (téléphone, WhatsApp, réseaux sociaux, pouce, puces) */
[data-elementor-type="footer"] .elementor-icon,
[data-elementor-type="footer"] .elementor-icon i,
[data-elementor-type="footer"] .elementor-icon svg,
[data-elementor-type="footer"] .elementor-icon-list-icon i,
[data-elementor-type="footer"] .elementor-icon-list-icon svg,
[data-elementor-type="footer"] .elementor-social-icon,
[data-elementor-type="footer"] .elementor-social-icon i,
[data-elementor-type="footer"] .elementor-social-icon svg {
  color: #FFFFFF !important;
  fill: #FFFFFF !important;
}
/* Contour des icônes encerclées en blanc translucide */
[data-elementor-type="footer"] .elementor-icon,
[data-elementor-type="footer"] .elementor-social-icon {
  border-color: rgba(255, 255, 255, 0.45) !important;
}


/* ============================================================
   CONTACT (page-id 55491) — multi-panneaux sur canvas
   4 blocs en panneaux blancs arrondis avec marge entre eux.
   Header/footer globaux déjà OK.
   ============================================================ */
body.page-id-55491 { background-color: #EEF1F5 !important; }

body.page-id-55491 .elementor-element-5ccf555,   /* hero "Contactez-nous" */
body.page-id-55491 .elementor-element-64bdc12,   /* infos APPEL / EMAIL / VISITE */
body.page-id-55491 .elementor-element-8e35ca8,   /* formulaire */
body.page-id-55491 .elementor-element-b8d56e8 {  /* carte (map) */
  background-color: #ffffff !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  margin-bottom: 24px !important;
}


/* ============================================================
   À PROPOS (page-id 55489) — multi-panneaux sur canvas
   ============================================================ */
body.page-id-55489 { background-color: #EEF1F5 !important; }

body.page-id-55489 .elementor-element-df4edc8,   /* hero "À propos d'ICP Gabon" */
body.page-id-55489 .elementor-element-3c81562,   /* QUI SOMMES-NOUS ? */
body.page-id-55489 .elementor-element-8faae0c,   /* NOTRE MISSION */
body.page-id-55489 .elementor-element-35c7f8d,   /* NOS UNIVERS PRODUITS */
body.page-id-55489 .elementor-element-18ce83e {  /* NOTRE AMBITION */
  background-color: #ffffff !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  margin-bottom: 24px !important;
}


/* ============================================================
   MARQUES (page-id 55482) — hover léger sur les logos
   (la cascade .icp-stagger est posée sur les conteneurs via Elementor)
   ============================================================ */
body.page-id-55482 .elementor-element-9be4792 img,
body.page-id-55482 .elementor-element-5e52940 img {
  transition: transform .25s ease;
}
body.page-id-55482 .elementor-element-9be4792 img:hover,
body.page-id-55482 .elementor-element-5e52940 img:hover {
  transform: scale(1.06);
}

/* =========================================================================
   Mini-panier « Votre commande » (tiroir The7 menu-cart / cart-preview)
   Rebrand ICP — cohérent avec la page Commande [icp_cart] + checkout.
   ========================================================================= */

.the7-e-woo-cart-wrapper {
  background: #fff !important;
  border-radius: var(--radius-lg) !important;
  overflow: hidden;
  font-family: var(--font-body);
}

/* Barre de titre : vert → bleu ICP */
.the7-e-woo-cart-wrapper .title-text {
  background: var(--icp-blue) !important;
  color: #fff !important;
  margin: 0 !important;
  padding: 15px 20px !important;
  font: 600 16px/1.3 var(--font-body) !important;
}

/* Lignes produits */
.the7-e-woo-cart-wrapper .woocommerce-mini-cart_item,
.the7-e-woo-cart-content li.mini_cart_item {
  display: flex !important;
  align-items: center;
  gap: 12px;
  padding: 12px 16px !important;
  border-bottom: 1px solid var(--icp-border) !important;
}
/* Mini-panier : tuile identique à la page Commande (div grise + image en multiply).
   The7 enveloppe l'image dans .product-thumbnail > a.img-css-resize-wrapper → on
   neutralise ces wrappers et on style notre .icp-mc-thumb comme la tuile. */
.the7-e-mini-cart-product .product-thumbnail,
.the7-e-mini-cart-product .img-css-resize-wrapper {
  display: inline-block !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: none !important;
  background: none !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}
/* espace entre la vignette et le nom du produit */
.the7-e-mini-cart-product .product-thumbnail { margin-right: 14px !important; }
.icp-mc-thumb {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 62px !important;
  height: 62px !important;
  box-sizing: border-box !important;
  padding: 7px !important;
  background: var(--icp-bg-light) !important;
  border: 1px solid var(--icp-border) !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  vertical-align: middle;
}
.icp-mc-thumb img {
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  mix-blend-mode: multiply;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
}
.the7-e-woo-cart-wrapper .mini_cart_item a:not(.remove) {
  color: var(--icp-text) !important;
  font: 600 14px/1.35 var(--font-body) !important;
  text-decoration: none;
}
.the7-e-woo-cart-wrapper .mini_cart_item a:not(.remove):hover { color: var(--icp-blue) !important; }

/* Bouton supprimer × */
.the7-e-woo-cart-wrapper .mini_cart_item a.remove {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border-radius: 50% !important;
  color: var(--icp-text-muted) !important;
  font-size: 18px !important;
  background: transparent !important;
  transition: background .18s, color .18s;
}
.the7-e-woo-cart-wrapper .mini_cart_item a.remove:hover {
  background: var(--icp-orange-light) !important;
  color: var(--icp-orange) !important;
}

/* Total (pas de prix en B2B) → masqué */
.the7-e-mini-cart-footer .woocommerce-mini-cart__total,
.the7-e-woo-cart-wrapper .woocommerce-mini-cart__total { display: none !important; }

/* Boutons footer → pills */
.the7-e-woo-cart-wrapper .box-button.elementor-button,
.the7-e-mini-cart-footer .box-button.elementor-button {
  border-radius: 999px !important;
  font: 600 14px/1.2 var(--font-body) !important;
  box-shadow: none !important;
  transition: background .18s, transform .12s, border-color .18s;
}
/* primaire « Envoyer la commande » (size-lg) → bleu plein */
.the7-e-woo-cart-wrapper .elementor-size-lg.box-button,
.the7-e-mini-cart-footer .elementor-size-lg.box-button {
  background: var(--icp-blue) !important;
  color: #fff !important;
  border: none !important;
}
.the7-e-woo-cart-wrapper .elementor-size-lg.box-button:hover { background: var(--icp-blue-dark) !important; transform: translateY(-1px); }
/* secondaires « Voir la commande » / « Continuer la sélection » (size-md) → contour */
.the7-e-woo-cart-wrapper .elementor-size-md.box-button,
.the7-e-mini-cart-footer .elementor-size-md.box-button {
  background: #fff !important;
  color: var(--icp-blue) !important;
  border: 1.5px solid var(--icp-border) !important;
}
.the7-e-woo-cart-wrapper .elementor-size-md.box-button:hover { border-color: var(--icp-blue) !important; background: var(--icp-bg-light) !important; }

/* Footer : un peu d'air */
.the7-e-mini-cart-footer { padding: 16px !important; }