/* FC MEGAMENU v6 */
.fc-mega-nav { position:relative; font-family:'Comfortaa',Arial,sans-serif; width:100%; }

/* ── Desktop list ── */
.fc-mega-list { display:flex; list-style:none; margin:0; padding:0; gap:2px; align-items:center; justify-content:center; }
.fc-mega-item { position:relative; }

.fc-mega-link {
  display:flex; align-items:center; gap:6px; padding:9px 13px;
  color:#2B2B2B; text-decoration:none; font-size:14px; font-weight:600;
  border-radius:12px; transition:.2s ease; white-space:nowrap;
}
.fc-mega-link > i.material-icons { font-size:20px; color:#E87722; }
.fc-mega-link .fc-mega-arrow { font-size:18px; color:#bbb; transition:transform .2s ease; }
.fc-mega-item:hover .fc-mega-link { background:rgba(232,119,34,.08); color:#E87722; }
.fc-mega-item:hover .fc-mega-link > i.material-icons { color:#E87722; }
.fc-mega-item:hover .fc-mega-arrow { transform:rotate(180deg); color:#E87722; }

/* Désactiver clic sur lien parent qui a des enfants */
.fc-mega-item.has-drop > .fc-mega-link { pointer-events:none; cursor:default; }

/* ── Dropdown — largeur calée sur la bulle header ── */
.fc-mega-drop {
  position:fixed; top:auto;
  background:rgba(255,255,255,.99); border-radius:22px;
  box-shadow:0 20px 60px rgba(0,0,0,.16); padding:24px;
  opacity:0; visibility:hidden; transform:translateY(-8px);
  transition:.22s ease; z-index:9998;
  /* largeur et position calculées par JS */
}
.fc-mega-item:hover .fc-mega-drop { opacity:1; visibility:visible; transform:translateY(0); }

.fc-mega-drop-inner { display:flex; gap:28px; align-items:flex-start; }

/* ── Colonne normale ── */
.fc-mega-col { flex:0 0 auto; min-width:160px; }

/* ── Colonne marques desktop : 2 col 3 lignes ── */
.fc-col-brands { flex:1 1 auto; min-width:200px; }

/* Titre colonne */
.fc-col-title {
  display:flex; align-items:center; gap:7px;
  padding-bottom:10px; margin-bottom:10px;
  border-bottom:2px solid rgba(232,119,34,.2);
  font-size:13px; font-weight:700; color:#2B2B2B;
}
.fc-col-title i.material-icons { font-size:18px; color:#E87722; }
.fc-col-title a { color:#2B2B2B; text-decoration:none; }
.fc-col-title a:hover { color:#E87722; }

/* Liste sous-cats */
.fc-col-list { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:2px; }

.fc-col-item {
  display:flex; align-items:center; gap:8px; padding:8px 10px;
  border-radius:10px; text-decoration:none; color:#2B2B2B;
  font-size:13px; transition:.18s ease;
}
.fc-col-item:hover { background:rgba(232,119,34,.08); color:#E87722; padding-left:14px; }

.fc-col-icon {
  width:22px; height:22px; object-fit:contain; flex-shrink:0;
  filter:brightness(0) saturate(100%) invert(52%) sepia(96%) saturate(400%) hue-rotate(347deg);
}

/* ── Marques carousel desktop : 2 colonnes 3 lignes + nav ── */
.fc-brands-wrap { display:block; width:100%; }

.fc-brands-btn {
  width:32px; height:32px; border-radius:50%; border:0;
  background:#E87722; color:#fff; cursor:pointer; outline:none;
  display:flex; align-items:center; justify-content:center; transition:.2s ease; flex-shrink:0;
}
.fc-brands-btn:hover { background:#2B2B2B; }
.fc-brands-btn i { font-size:20px; }

.fc-brands-viewport { overflow-y:auto; max-height:220px; scrollbar-width:thin; width:100%; }

.fc-brands-grid {
  display:grid; grid-template-columns:repeat(2,1fr); gap:6px; width:100%;
}
.fc-brands-btn { display:none !important; }

.fc-brand-card {
  display:flex; align-items:center; justify-content:center;
  padding:8px; border-radius:10px; border:1px solid rgba(0,0,0,.06);
  text-decoration:none; transition:.2s ease; background:#fff;
}
.fc-brand-card:hover {
  border-color:rgba(232,119,34,.3); transform:translateY(-2px);
  box-shadow:0 4px 12px rgba(232,119,34,.15);
}
.fc-brand-card img {
  width:72px; height:38px; object-fit:contain;
  filter:grayscale(1) opacity(.65); transition:.2s ease;
}
.fc-brand-card:hover img { filter:grayscale(0) opacity(1); }

/* ── Overlay ── */
.fc-mega-overlay { display:none; position:fixed; inset:0; background:rgba(0,0,0,.45); z-index:9999; }
.fc-mega-overlay.active { display:block; }

/* ── Drawer gauche ── */
.fc-mega-drawer {
  position:fixed; top:0; left:-320px; width:300px; max-width:90vw;
  height:100vh; background:#fff; z-index:99999;
  box-shadow:8px 0 32px rgba(0,0,0,.18); transition:left .3s ease;
  display:flex; flex-direction:column; overflow:hidden;
}
.fc-mega-drawer.open { left:0; }

.fc-drawer-header {
  display:flex; align-items:center; justify-content:space-between;
  padding:18px 16px; border-bottom:1px solid rgba(0,0,0,.08);
  font-size:16px; font-weight:700; color:#2B2B2B; flex-shrink:0;
}

.fc-drawer-close {
  width:36px; height:36px; border:0; border-radius:50%;
  background:rgba(0,0,0,.06); cursor:pointer; outline:none;
  display:flex; align-items:center; justify-content:center;
  color:#2B2B2B; transition:.2s ease;
}
.fc-drawer-close:hover { background:#E87722; color:#fff; }

.fc-drawer-list { list-style:none; margin:0; padding:8px 0; overflow-y:auto; flex:1; }

.fc-drawer-row {
  display:flex; align-items:center; gap:10px;
  padding:13px 16px; border-bottom:1px solid rgba(0,0,0,.05);
}
.fc-di { font-size:22px; color:#E87722; flex-shrink:0; }

/* Désactiver clic sur lien drawer parent qui a sous-menu */
.fc-drawer-item.has-sub > .fc-drawer-row > .fc-dl { pointer-events:none; cursor:default; color:#2B2B2B; }

.fc-dl { flex:1; color:#2B2B2B; text-decoration:none; font-size:14px; font-weight:600; }
.fc-dl:hover { color:#E87722; }

.fc-dtoggle {
  border:0; background:transparent; cursor:pointer; outline:none;
  display:flex; align-items:center; color:#bbb; padding:4px;
  border-radius:6px; transition:.2s ease;
}
.fc-dtoggle:hover,.fc-dtoggle.open { color:#E87722; }
.fc-dtoggle.open i { transform:rotate(180deg); }
.fc-dtoggle i { transition:transform .2s ease; display:block; }

.fc-drawer-sub { max-height:0; overflow:hidden; transition:max-height .35s ease; background:#fafafa; }
.fc-drawer-sub.open { max-height:900px; }

.fc-dsub-section { padding:10px 16px 10px 48px; border-bottom:1px solid rgba(0,0,0,.04); }

.fc-dsub-title {
  display:flex; align-items:center; gap:6px;
  font-size:12px; font-weight:700; color:#E87722; margin-bottom:8px;
}
.fc-dsub-title i { font-size:16px; }
.fc-dsub-title a { color:#E87722; text-decoration:none; pointer-events:none; cursor:default; }

.fc-dsub-list { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:2px; }
.fc-dsub-list li a {
  display:flex; align-items:center; gap:6px; padding:6px 8px;
  border-radius:8px; color:#555; text-decoration:none; font-size:13px; transition:.15s ease;
}
.fc-dsub-list li a:hover { color:#E87722; background:rgba(232,119,34,.06); }

.fc-dsub-icon {
  width:20px; height:20px; object-fit:contain;
  filter:brightness(0) saturate(100%) invert(52%) sepia(96%) saturate(400%) hue-rotate(347deg);
}

/* ── Marques dans drawer mobile : 2 col + scroll vertical ── */
.fc-dsub-brands {
  display:grid; grid-template-columns:repeat(2,1fr); gap:6px;
  max-height:260px; overflow-y:auto;
}
.fc-dsub-brand {
  display:flex; align-items:center; justify-content:center;
  padding:4px 6px; border-radius:6px; border:1px solid rgba(0,0,0,.08);
  text-decoration:none; transition:.15s ease;
}
.fc-dsub-brand:hover { border-color:#E87722; }
.fc-dsub-brand img { width:48px; height:24px; object-fit:contain; filter:grayscale(1); transition:.15s ease; }
.fc-dsub-brand:hover img { filter:grayscale(0); }

/* ── Responsive mobile ── */
@media(max-width:767px) {
  .fc-mega-list { display:none; }
}

/* ── Responsive tablette : marques 2col scroll horizontal ── */
@media(min-width:768px) and (max-width:991px) {
  .fc-mega-overlay { display:none !important; }
  .fc-brands-grid { grid-template-columns:repeat(2,1fr); }
  .fc-col-brands { flex:1 1 auto; min-width:180px; }
}

@media(min-width:992px) {
  .fc-mega-overlay { display:none !important; }
}