/* Marchés & Commerces CI — V24.19.886 — Nouvelle page d'accueil synchronisée */
#mciHomeV241951 .mciHomeHero{
  background:
    radial-gradient(circle at 88% 12%,rgba(245,184,46,.26),transparent 26%),
    linear-gradient(135deg,#043421 0%,#075d39 54%,#0a7e4d 100%);
  padding:42px 22px 118px;
}
#mciHomeV241951 .mciHomeHeroInner{
  grid-template-columns:minmax(0,1.2fr) minmax(330px,.8fr);
  align-items:stretch;
}
#mciHomeV241951 .mciHomeHeroLead{
  display:grid;
  gap:14px;
  align-content:start;
}
#mciHomeV241951 .mciHomeHeroLead p{max-width:840px}
#mciHomeV241951 .mciHomeHeroActions{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}
#mciHomeV241951 .mciHomeHeroActions button{
  border:0;border-radius:12px;padding:12px 15px;font-weight:900;cursor:pointer;
  background:#fff;color:#075d39;box-shadow:0 10px 24px rgba(0,0,0,.12)
}
#mciHomeV241951 .mciHomeHeroActions .primary{background:#f5b82e;color:#3f2d00}
#mciHomeV241951 .mciHomeHeroChips{display:flex;flex-wrap:wrap;gap:9px}
#mciHomeV241951 .mciHomeHeroChips span{
  display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:999px;
  background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.18);font-weight:800;font-size:12px;color:#ecf7f0
}
#mciHomeV241951 .mciHomeHeroPanel{
  display:grid;gap:12px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.16);
  border-radius:24px;padding:18px;backdrop-filter:blur(5px)
}
#mciHomeV241951 .mciHomeHeroPanelHead h3{margin:0 0 4px;font-size:22px}
#mciHomeV241951 .mciHomeHeroPanelHead p{margin:0;color:#dcefe4;font-size:14px;line-height:1.5}
#mciHomeV241951 .mciHomeHeroStats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
#mciHomeV241951 .mciHomeHeroStat{
  background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.15);
  border-radius:18px;padding:14px 13px
}
#mciHomeV241951 .mciHomeHeroStat span{display:block;color:#dbefe3;font-size:12px}
#mciHomeV241951 .mciHomeHeroStat b{display:block;font-size:28px;margin-top:4px}
#mciHomeV241951 .mciHomeHeroList{display:grid;gap:8px}
#mciHomeV241951 .mciHomeHeroList > div{
  display:grid;grid-template-columns:36px 1fr;gap:10px;align-items:start;background:rgba(255,255,255,.09);
  border-radius:16px;padding:10px 11px
}
#mciHomeV241951 .mciHomeHeroList i{font-style:normal;font-size:20px;display:grid;place-items:center}
#mciHomeV241951 .mciHomeHeroList small{display:block;color:#dcefe4;line-height:1.4}

#mciHomeQuickRoles{
  max-width:1420px;margin:-76px auto 10px;padding:0 22px;position:relative;z-index:4
}
#mciHomeQuickRoles .mciHomeRoleShell{
  background:#fff;border:1px solid #dce9e2;border-radius:28px;box-shadow:0 22px 48px rgba(7,68,41,.12);
  padding:22px
}
#mciHomeQuickRoles .mciHomeRoleHead{display:flex;justify-content:space-between;gap:18px;align-items:end;margin-bottom:15px}
#mciHomeQuickRoles .mciHomeRoleHead h2{margin:0;color:#163727;font-size:28px}
#mciHomeQuickRoles .mciHomeRoleHead p{margin:6px 0 0;color:#66776f}
#mciHomeQuickRoles .mciHomeRoleBadge{
  display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#edf8f2;color:#0b7245;font-weight:900;white-space:nowrap
}
#mciHomeQuickRoles .mciHomeRoleGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
#mciHomeQuickRoles .mciHomeRoleCard{
  border:1px solid #dce9e2;border-radius:20px;padding:16px;display:grid;grid-template-columns:54px 1fr;gap:12px;align-items:start;
  background:linear-gradient(180deg,#ffffff,#f8fcfa)
}
#mciHomeQuickRoles .mciHomeRoleCard.supplier{background:linear-gradient(180deg,#fffef9,#fff8e8);border-color:#edd89f}
#mciHomeQuickRoles .mciHomeRoleCard.internal{background:linear-gradient(180deg,#f8fbff,#eef4fb);border-color:#d6e0f0}
#mciHomeQuickRoles .mciHomeRoleCard button{grid-column:1/-1;border:0;border-radius:11px;padding:11px 13px;background:#075d39;color:#fff;font-weight:900;cursor:pointer}
#mciHomeQuickRoles .mciHomeRoleCard.supplier button{background:#f5b82e;color:#3f2d00}
#mciHomeQuickRoles .mciHomeRoleCard.internal button{background:#103f74}
#mciHomeQuickRoles .mciHomeRoleIcon{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:#eaf7f0;font-size:27px}
#mciHomeQuickRoles .mciHomeRoleCard.supplier .mciHomeRoleIcon{background:#fff0c7}
#mciHomeQuickRoles .mciHomeRoleCard.internal .mciHomeRoleIcon{background:#eaf1fb}
#mciHomeQuickRoles .mciHomeRoleCard h3{margin:0 0 5px;font-size:17px;color:#163727}
#mciHomeQuickRoles .mciHomeRoleCard p{margin:0;color:#66776f;font-size:13px;line-height:1.45}

#mciHomeV241951 .mciHomeSectionHead h2{font-size:28px}
#mciHomePlatformSection{margin:18px 0 4px}
#mciHomePlatformSection .mciHomePlatformHead{display:flex;justify-content:space-between;gap:15px;align-items:end;margin-bottom:12px}
#mciHomePlatformSection .mciHomePlatformHead h2{margin:0;font-size:26px;color:#163727}
#mciHomePlatformSection .mciHomePlatformHead p{margin:5px 0 0;color:#66776f}
#mciHomeV241951 .mciHomePlatformGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
#mciHomeV241951 .mciHomePlatformCard{
  background:#fff;border:1px solid #dce9e2;border-radius:20px;padding:17px;box-shadow:0 8px 24px rgba(7,68,41,.05)
}
#mciHomeV241951 .mciHomePlatformCard i{font-style:normal;font-size:28px;display:inline-grid;place-items:center;width:50px;height:50px;border-radius:16px;background:#edf8f2;margin-bottom:10px}
#mciHomeV241951 .mciHomePlatformCard h3{margin:0 0 7px;color:#173828}
#mciHomeV241951 .mciHomePlatformCard p{margin:0;color:#66776f;font-size:14px;line-height:1.5}

#mciHomeV241951 .mciHomeJoinBanner{margin-top:22px}

#mciHomeV241951 .mciHomeTopLinks button{min-width:0}
#mciHomeV241951 .mciHomeHeroActions .link{
  background:transparent;color:#eef8f2;box-shadow:none;padding:12px 4px;text-decoration:underline;text-underline-offset:3px
}
#mciHomeV241951 .mciHomeHeroActions .link:hover{color:#fff}
#mciHomeV241951 .mciHomeJoinBanner.compact{
  padding:16px 18px;grid-template-columns:minmax(0,1fr) auto;gap:14px;background:linear-gradient(120deg,#0a4c31,#0b6a44)
}
#mciHomeV241951 .mciHomeJoinBanner.compact h2{font-size:24px}
#mciHomeV241951 .mciHomeJoinBanner.compact p{max-width:780px;font-size:14px;line-height:1.5}
#mciHomeV241951 .mciHomeJoinBanner.compact .mciHomeActions button.out{
  background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.34)
}
#mciHomeV241951 .mciHomeJoinBanner.compact .mciHomeActions button.out:hover{background:rgba(255,255,255,.18)}
@media(max-width:760px){
  #mciHomeV241951 .mciHomeJoinBanner.compact{grid-template-columns:1fr}
  #mciHomeV241951 .mciHomeHeroActions .link{width:100%;text-align:left}
}

#mciHomeV241951 .mciHomeJoinBanner .mciHomeActions{display:flex;flex-wrap:wrap;gap:10px}

@media(max-width:1120px){
  #mciHomeQuickRoles .mciHomeRoleGrid,
  #mciHomeV241951 .mciHomePlatformGrid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
  #mciHomeV241951 .mciHomeHero{padding:28px 14px 96px}
  #mciHomeV241951 .mciHomeHeroInner{grid-template-columns:1fr}
  #mciHomeV241951 .mciHomeHeroStats{grid-template-columns:1fr 1fr}
  #mciHomeQuickRoles{margin:-62px auto 10px;padding:0 12px}
  #mciHomeQuickRoles .mciHomeRoleShell{padding:16px}
  #mciHomeQuickRoles .mciHomeRoleHead,
  #mciHomePlatformSection .mciHomePlatformHead{display:block}
  #mciHomeQuickRoles .mciHomeRoleGrid,
  #mciHomeV241951 .mciHomePlatformGrid,
  #mciHomeV241951 .mciHomeHeroStats{grid-template-columns:1fr}
  #mciHomeV241951 .mciHomeHeroActions button{width:100%}
}

/* V24.19.912 — lisibilité du panneau public et recherche unique sous le menu */
#mciHomeV241951 .mciHomeHeroList > div > div{
  display:block;min-width:0;background:transparent;border-radius:0;padding:0;
}
#mciHomeV241951 .mciHomeHeroList > div > div b{
  display:block;margin:0 0 4px;font-size:15px;line-height:1.25;color:#fff;overflow-wrap:anywhere;
}
#mciHomeV241951 .mciHomeHeroList > div > div small{
  display:block;margin:0;color:#dcefe4;font-size:12.5px;line-height:1.45;overflow-wrap:anywhere;
}
#mciHomeV241951 > .mciHomeSearchShell{
  max-width:none;margin:0;padding:10px 22px 12px;position:relative;z-index:6;
  background:linear-gradient(115deg,#053a25,#075d39 65%,#087447);
}
#mciHomeV241951 > .mciHomeSearchShell .mciHomeSearchPanel{
  max-width:1420px;margin:0 auto;padding:13px 14px;border-radius:18px;
  box-shadow:0 12px 28px rgba(3,45,27,.18);
}
@media(max-width:760px){
  #mciHomeV241951 > .mciHomeSearchShell{padding:8px 12px 11px}
}

/* V24.20.190 — Direction visuelle 3 : accueil premium, plus aéré et institutionnel */
#mciHomeV241951{
  --premium-ink:#173226;
  --premium-muted:#6c7a72;
  --premium-green:#0d5b3d;
  --premium-green-dark:#0b3024;
  --premium-gold:#d6ad53;
  --premium-line:#dfe6e1;
  --premium-surface:#fbfcfa;
  background:#f6f8f5;
}

#mciHomeV241951 .mciHomeTop{
  background:rgba(11,48,36,.97);
  border-bottom:1px solid rgba(255,255,255,.09);
  box-shadow:0 10px 34px rgba(5,35,25,.16);
  padding-top:13px;padding-bottom:13px;
}
#mciHomeV241951 .mciHomeTopLinks{gap:6px}
#mciHomeV241951 .mciHomeTopLinks button{
  background:transparent;
  border:1px solid rgba(255,255,255,.12);
  color:#f4f8f5;
  border-radius:10px;
  padding:8px 11px;
  font-weight:750;
  box-shadow:none;
}
#mciHomeV241951 .mciHomeTopLinks button:hover{
  background:rgba(255,255,255,.08);
  border-color:rgba(255,255,255,.2);
}
#mciHomeV241951 .mciHomeTopLinks .mciHomeSupplierTop{
  background:rgba(214,173,83,.14);
  border-color:rgba(214,173,83,.36);
  color:#ffe8b2;
}
#mciHomeV241951 .mciHomeTopLinks .mciHomeLoginTop{
  background:#fff;color:#173226;border-color:#fff;
}

#mciHomeV241951 > .mciHomeSearchShell{
  background:#0b3024;
  padding-top:14px;padding-bottom:17px;
}
#mciHomeV241951 > .mciHomeSearchShell .mciHomeSearchPanel{
  max-width:1320px;
  border-radius:20px;
  border:1px solid rgba(13,91,61,.12);
  box-shadow:0 18px 46px rgba(4,38,27,.14);
  padding:16px;
}
#mciHomeV241951 .mciHomeMainSearch input,
#mciHomeV241951 .mciHomeFilter{
  border-color:#e1e7e3;
  background:#fcfdfc;
}
#mciHomeV241951 .mciHomeSearchButton{
  background:#0d5b3d;
  border-radius:11px;
  padding-left:24px;padding-right:24px;
}

#mciHomeV241951 .mciHomeHero{
  background:
    radial-gradient(circle at 82% 12%,rgba(214,173,83,.16),transparent 25%),
    linear-gradient(135deg,#0a2d22 0%,#0d4834 58%,#105f42 100%);
  padding:56px 22px 126px;
}
#mciHomeV241951 .mciHomeHero:after{opacity:.45}
#mciHomeV241951 .mciHomeHeroInner{
  max-width:1320px;
  grid-template-columns:minmax(0,1.18fr) minmax(320px,.72fr);
  gap:44px;
}
#mciHomeV241951 .mciHomeHero h1{
  font-size:clamp(42px,5.2vw,64px);
  line-height:1.04;
  letter-spacing:-1.7px;
  max-width:830px;
  margin-top:12px;
}
#mciHomeV241951 .mciHomeHero h1 em{color:var(--premium-gold)}
#mciHomeV241951 .mciHomeHeroLead p{
  max-width:760px;
  color:#dfeae4;
  font-size:17px;
  line-height:1.65;
}
#mciHomeV241951 .mciHomeEyebrow{
  background:transparent;
  border-color:rgba(255,255,255,.16);
  color:#e8f0eb;
  letter-spacing:.2px;
}
#mciHomeV241951 .mciHomeHeroChips{gap:8px;margin-top:3px}
#mciHomeV241951 .mciHomeHeroChips span{
  background:rgba(255,255,255,.06);
  border-color:rgba(255,255,255,.11);
  font-weight:700;
}
#mciHomeV241951 .mciHomeHeroActions{margin-top:9px;gap:12px}
#mciHomeV241951 .mciHomeHeroActions button{
  border-radius:11px;
  padding:12px 17px;
  font-weight:800;
  box-shadow:none;
  border:1px solid rgba(255,255,255,.1);
}
#mciHomeV241951 .mciHomeHeroActions .primary{
  background:var(--premium-gold);
  color:#2e250f;
  border-color:var(--premium-gold);
}
#mciHomeV241951 .mciHomeHeroActions button:not(.primary):not(.link){
  background:#fff;color:#173226;
}
#mciHomeV241951 .mciHomeHeroActions .link{
  text-decoration:none;
  color:#dfeae4;
  padding-left:0;padding-right:0;
  border:0;
  opacity:.9;
}
#mciHomeV241951 .mciHomeHeroActions .link:hover{opacity:1;color:#fff}

#mciHomeV241951 .mciHomeHeroPanel{
  gap:13px;
  background:rgba(255,255,255,.075);
  border-color:rgba(255,255,255,.12);
  border-radius:22px;
  padding:20px;
  backdrop-filter:blur(8px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
#mciHomeV241951 .mciHomeHeroPanelHead h3{font-size:21px;font-weight:800}
#mciHomeV241951 .mciHomeHeroStat{
  background:rgba(255,255,255,.065);
  border-color:rgba(255,255,255,.1);
  border-radius:15px;
}
#mciHomeV241951 .mciHomeHeroStat b{font-size:26px}
#mciHomeV241951 .mciHomeHeroList > div{
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.06);
  border-radius:14px;
}

#mciHomeQuickRoles{
  max-width:1320px;
  margin-top:-78px;
  padding-left:22px;padding-right:22px;
}
#mciHomeQuickRoles .mciHomeRoleShell{
  border-radius:24px;
  border-color:#e1e7e3;
  box-shadow:0 18px 45px rgba(17,66,47,.08);
  padding:24px;
}
#mciHomeQuickRoles .mciHomeRoleHead{margin-bottom:18px}
#mciHomeQuickRoles .mciHomeRoleHead h2{font-size:27px;font-weight:800;color:var(--premium-ink)}
#mciHomeQuickRoles .mciHomeRoleGrid{gap:14px}
#mciHomeQuickRoles .mciHomeRoleCard{
  background:#fff;
  border-color:#e2e8e4;
  border-radius:18px;
  padding:17px;
  box-shadow:none;
  transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease;
}
#mciHomeQuickRoles .mciHomeRoleCard:hover{
  border-color:#c8d8cf;
  box-shadow:0 10px 26px rgba(15,77,52,.07);
  transform:translateY(-1px);
}
#mciHomeQuickRoles .mciHomeRoleCard.supplier{
  background:#fffdf8;
  border-color:#eadfbd;
}
#mciHomeQuickRoles .mciHomeRoleCard.internal{
  background:#fbfcfe;
  border-color:#dfe5ec;
}
#mciHomeQuickRoles .mciHomeRoleIcon{
  width:50px;height:50px;border-radius:14px;font-size:24px;
}
#mciHomeQuickRoles .mciHomeRoleCard button{
  border-radius:10px;
  background:#0d5b3d;
  padding:10px 13px;
  font-weight:800;
}
#mciHomeQuickRoles .mciHomeRoleCard.supplier button{background:#c79a3f;color:#fff}
#mciHomeQuickRoles .mciHomeRoleCard.internal button{background:#334e68}

#mciHomeV241951 .mciHomeBody{
  max-width:1320px;
  padding-top:12px;
  padding-bottom:48px;
}
#mciHomeV241951 .mciHomeSectionHead{
  margin-top:34px;
  margin-bottom:15px;
}
#mciHomeV241951 .mciHomeSectionHead h2,
#mciHomePlatformSection .mciHomePlatformHead h2{
  color:var(--premium-ink);
  font-weight:800;
  letter-spacing:-.35px;
}
#mciHomeV241951 .mciHomeSectionHead p,
#mciHomePlatformSection .mciHomePlatformHead p{
  color:var(--premium-muted);
  line-height:1.55;
}

#mciHomeV241951 .mciHomeTypeCard,
#mciHomeV241951 .mciHomePlatformCard{
  background:#fff;
  border-color:#e2e8e4;
  border-radius:17px;
  box-shadow:none;
}
#mciHomeV241951 .mciHomeTypeCard:hover,
#mciHomeV241951 .mciHomeTypeCard.active{
  transform:translateY(-1px);
  border-color:#b8cec1;
  box-shadow:0 9px 24px rgba(16,80,53,.07);
}
#mciHomeV241951 .mciHomeTypeCard.active{background:#f4faf6}
#mciHomeV241951 .mciHomePlatformGrid{gap:14px}
#mciHomeV241951 .mciHomePlatformCard{padding:19px}
#mciHomeV241951 .mciHomePlatformCard i{background:#f1f6f3}

#mciHomeV241951 .mciHomeJoinBanner.compact{
  margin-top:34px;
  padding:19px 21px;
  border-radius:18px;
  background:linear-gradient(120deg,#0b3024,#0d5b3d);
  border:1px solid rgba(255,255,255,.06);
  box-shadow:none;
}
#mciHomeV241951 .mciHomeJoinBanner.compact h2{font-size:22px;font-weight:800}
#mciHomeV241951 .mciHomeJoinBanner.compact .mciHomeActions button{
  border-radius:10px;
  box-shadow:none;
  font-weight:800;
}

@media(max-width:1120px){
  #mciHomeV241951 .mciHomeHeroInner{gap:28px}
}
@media(max-width:760px){
  /* V24.20.422 — mobile : le panneau « Tout ce qu’il vous faut » passe réellement sous le texte principal.
     Le bloc premium défini plus haut réintroduisait deux colonnes après le premier media query. */
  #mciHomeV241951 .mciHomeHero{padding:30px 14px 92px;overflow:hidden}
  #mciHomeV241951 .mciHomeHeroInner{grid-template-columns:minmax(0,1fr)!important;gap:22px!important;align-items:start}
  #mciHomeV241951 .mciHomeHeroLead,
  #mciHomeV241951 .mciHomeHeroPanel{min-width:0;width:100%;max-width:100%;box-sizing:border-box}
  #mciHomeV241951 .mciHomeHeroPanel{position:static!important;inset:auto!important;transform:none!important;margin:0!important}
  #mciHomeV241951 .mciHomeHero h1{font-size:clamp(32px,9.5vw,42px);line-height:1.06;letter-spacing:-1px;overflow-wrap:anywhere}
  #mciHomeV241951 .mciHomeHeroLead p{font-size:15px;line-height:1.55}
  #mciHomeV241951 .mciHomeHeroChips span{max-width:100%;white-space:normal}
  #mciHomeV241951 .mciHomeHeroList > div{grid-template-columns:32px minmax(0,1fr)}
  #mciHomeQuickRoles{margin-top:-54px;padding-left:12px;padding-right:12px}
  #mciHomeQuickRoles .mciHomeRoleShell{padding:17px;border-radius:20px}
}
@media(max-width:430px){
  #mciHomeV241951 .mciHomeHeroPanel{padding:15px;border-radius:18px}
  #mciHomeV241951 .mciHomeHeroPanelHead h3{font-size:19px}
  #mciHomeV241951 .mciHomeFilters{grid-template-columns:minmax(0,1fr)!important}
  #mciHomeV241951 .mciHomeFilter{min-width:0}
}