/* CCN Technologies — menus de l'espace client (31/10/2026, v8 : le thème n'imprime pas les classes des sous-menus, on cible donc les identifiants). Le logo et la barre du logo ne sont pas concernés. */
.main-navbar-wrapper .ccm-ic{width:36px;height:36px;border-radius:10px;display:inline-grid;place-items:center;flex:0 0 36px;font-size:15px}
.main-navbar-wrapper .ccm-tx{display:flex;flex-direction:column;min-width:0;line-height:1.25}
.main-navbar-wrapper .ccm-tx b{font-weight:600;color:#0f2d3a;font-size:14.5px}
.main-navbar-wrapper .ccm-tx small{color:#64748b;font-size:12.5px;margin-top:2px;white-space:normal}
.main-navbar-wrapper li[id*="-ccm-"] > a.dropdown-item{display:flex!important;align-items:flex-start;min-height:58px;gap:12px;padding:10px 12px!important;border-radius:12px;white-space:normal;background:none}
.main-navbar-wrapper li[id*="-ccm-"] > a.dropdown-item:hover{background:#f4f6f9}
.main-navbar-wrapper li[id*="-ccm-"].dropdown-item{padding:0!important;background:none!important;border:0!important;list-style:none;width:auto!important;max-width:none!important;flex:none!important;margin:0!important}
.main-navbar-wrapper li[id*="-ccm-"]>a.dropdown-item{width:100%!important}
.main-navbar-wrapper li[id*="-ccm-"]>a.dropdown-item::before,.main-navbar-wrapper li[id*="-ccm-"]::before{display:none!important;content:none!important}
.main-navbar-wrapper .ccm-tx{flex:1 1 auto}
.main-navbar-wrapper li[id*="-ccm-"] > a .badge{margin-left:auto;background:#fdecec;color:#b42318;border-radius:99px;font-size:11px;padding:2px 8px}
.main-navbar-wrapper #nav > li > a .badge{background:#fdecec;color:#b42318;border-radius:99px;font-size:11px;padding:2px 7px;margin-left:2px}
.main-navbar-wrapper li[id$="-ccm-promo"] > a.dropdown-item{flex-direction:column;align-items:flex-start;gap:6px;background:linear-gradient(140deg,#0b2633,#11506b)!important;color:#fff!important;padding:18px!important;border-radius:14px;height:100%}
.main-navbar-wrapper .ccm-pt{font-weight:700;font-size:15.5px;color:#fff}.main-navbar-wrapper .ccm-pd{font-size:13px;color:rgba(255,255,255,.85);white-space:normal}
.main-navbar-wrapper .ccm-pb{margin-top:6px;background:#16c45b;color:#fff;font-weight:700;font-size:13px;padding:7px 12px;border-radius:9px}
@media (min-width:1200px){
  .main-navbar-wrapper #nav>li>a{padding-right:.6rem!important}
  .main-navbar-wrapper .ccm-mega > .dropdown-menu.show{display:grid!important;grid-template-columns:repeat(3,minmax(220px,1fr)) 260px;grid-auto-flow:row dense;gap:4px 10px;padding:18px!important;width:min(1100px,94vw);min-width:0;border:1px solid #e3e8ef;border-radius:0 0 16px 16px;box-shadow:0 18px 40px rgba(15,45,58,.12)}
  .main-navbar-wrapper .ccm-mega.ccm-small > .dropdown-menu.show{grid-template-columns:repeat(2,minmax(250px,1fr));width:600px}
  .main-navbar-wrapper .ccm-mega.ccm-med > .dropdown-menu.show{grid-template-columns:repeat(2,minmax(260px,1fr)) 280px;width:880px}
  .main-navbar-wrapper .ccm-mega.ccm-med li[id$="-ccm-promo"]{grid-column:3}
  .main-navbar-wrapper .ccm-mega.ccm-three > .dropdown-menu.show{grid-template-columns:repeat(3,minmax(240px,1fr));width:860px}
  .main-navbar-wrapper .ccm-mega li[id$="-ccm-c1"]{grid-column:1}.main-navbar-wrapper .ccm-mega li[id$="-ccm-c2"]{grid-column:2}.main-navbar-wrapper .ccm-mega li[id$="-ccm-c3"]{grid-column:3}
  .main-navbar-wrapper .ccm-mega li[id$="-ccm-promo"]{grid-column:4;grid-row:1/span 4}
  .main-navbar-wrapper .ccm-account > .dropdown-menu.show{width:300px;padding:8px!important;border:1px solid #e3e8ef;border-radius:14px;box-shadow:0 18px 40px rgba(15,45,58,.12)}
  .main-navbar-wrapper .ccm-account .ccm-ic{width:30px;height:30px;flex-basis:30px;font-size:13px}
  .ccm-tabbar{display:none!important}
}
@media (max-width:1199.98px){
  .main-navbar-wrapper .ccm-mega > .dropdown-menu, .main-navbar-wrapper .ccm-account > .dropdown-menu{padding:4px 0 10px 8px!important;border:0;box-shadow:none}
  .main-navbar-wrapper li[id$="-ccm-promo"]{display:none!important}
  .main-navbar-wrapper .ccm-tx small{display:none}
  .main-navbar-wrapper li[id*="-ccm-"] > a.dropdown-item{padding:8px 6px!important}
  .ccm-tabbar{position:fixed;left:0;right:0;bottom:0;z-index:1030;background:#fff;border-top:1px solid #e3e8ef;display:grid;grid-template-columns:repeat(5,1fr);padding:6px 0 calc(8px + env(safe-area-inset-bottom));box-shadow:0 -6px 18px rgba(15,45,58,.06)}
  .ccm-tabbar a{text-align:center;font-size:11.5px;font-weight:600;color:#64748b;text-decoration:none;position:relative}
  .ccm-tabbar a i{display:block;font-size:18px;margin:4px 0 3px}
  .ccm-tabbar a.on{color:#0f9d48}
  .ccm-tabbar a span{position:absolute;top:0;left:calc(50% + 6px);background:#b42318;color:#fff;font-size:10px;font-weight:700;border-radius:99px;padding:0 5px}
  body{padding-bottom:72px}
}
.main-navbar-wrapper #nav>li.collapsable-dropdown:not(:has(.collapsable-dropdown-menu>li)){display:none!important}

/* Titres de colonnes et séparateurs */
.main-navbar-wrapper li[id*="-ccm-h"] > a.dropdown-item{pointer-events:none;cursor:default;padding:4px 12px 2px!important;min-height:0}
.main-navbar-wrapper .ccm-h{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#64748b}
.main-navbar-wrapper li[id$="-dropdown-divider"]{height:1px;background:#e3e8ef!important;margin:6px 8px!important;padding:0!important;overflow:hidden}
.main-navbar-wrapper li[id$="-dropdown-divider"] > a{display:none!important}
.main-navbar-wrapper li[id$="-ccm-out"] .ccm-tx b{color:#b42318}
.main-navbar-wrapper li[id*="-ccm-"] > a.dropdown-item .ccm-ic i{margin:0!important;width:auto}
@media (min-width:1200px){
  .main-navbar-wrapper li[id$="-ccm-promo"]{grid-row:1/span 5!important;align-self:start}
  .main-navbar-wrapper li[id*="-ccm-h"]{grid-row:1}
}
@media (max-width:1199.98px){ .main-navbar-wrapper li[id*="-ccm-h"]{display:none!important} }
/* v9 : toutes les lignes ont la même hauteur, titres et descriptions alignés d'une colonne à l'autre */
.main-navbar-wrapper .ccm-tx b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.main-navbar-wrapper .ccm-tx small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.main-navbar-wrapper li[id*="-ccm-"] > a .badge{align-self:center}
.main-navbar-wrapper li[id$="-ccm-promo"] > a.dropdown-item{min-height:0}
.main-navbar-wrapper .ccm-account li[id*="-ccm-"] > a.dropdown-item{min-height:0;align-items:center}
@media (min-width:1200px){ .main-navbar-wrapper .ccm-mega > .dropdown-menu.show{grid-auto-rows:auto;align-items:stretch} }
@media (max-width:1199.98px){ .main-navbar-wrapper li[id*="-ccm-"] > a.dropdown-item{min-height:0;align-items:center} }