/* CB06 Mobile Polish V15 */

/* Mobile uniquement */
@media(max-width:1023px){

  /* Bandeau bleu haut plus fin */
  .cb06-v5-top{
    min-height:32px!important;
    height:32px!important;
  }

  .cb06-v5-top-inner{
    min-height:32px!important;
    height:32px!important;
    font-size:12px!important;
    line-height:1!important;
    width:calc(100% - 18px)!important;
  }

  .cb06-v5-top-inner span:first-child{
    max-width:calc(100vw - 135px)!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  /* Header mobile fermé : moins haut, plus premium */
  .cb06-v11-mobilebar{
    min-height:64px!important;
    height:64px!important;
    padding:7px 20px!important;
    background:#fff!important;
    border-bottom:1px solid rgba(4,19,51,.07)!important;
    box-shadow:0 8px 24px rgba(4,19,51,.045)!important;
  }

  .cb06-v11-brand img{
    width:78px!important;
    max-height:32px!important;
    object-fit:contain!important;
  }

  .cb06-v11-actions{
    gap:10px!important;
  }

  .cb06-v11-call,
  .cb06-v11-menu-open{
    width:46px!important;
    height:46px!important;
    border-radius:16px!important;
    box-shadow:0 10px 22px rgba(4,19,51,.10)!important;
  }

  .cb06-v11-call{
    font-size:19px!important;
  }

  .cb06-v11-menu-open{
    font-size:26px!important;
  }

  /* Le bouton shield invisible/visible du menu doit suivre la nouvelle taille */
  .cb06-v12-menu-hit{
    width:46px!important;
    height:46px!important;
    border-radius:16px!important;
    top:41px!important;
    right:21px!important;
    font-size:26px!important;
    box-shadow:0 10px 22px rgba(4,19,51,.10)!important;
  }

  /* Le bouton appel fermé aussi plus propre */
  .cb06-v11-call{
    background:#075fec!important;
  }

  /* Panneau ouvert : centré parfaitement */
  .cb06-v11-drawer{
    position:fixed!important;
    top:50%!important;
    left:50%!important;
    right:auto!important;
    bottom:auto!important;
    width:min(326px,calc(100vw - 28px))!important;
    max-height:calc(100vh - 88px)!important;
    border-radius:22px!important;
    transform:translate(-50%,-50%) scale(.96)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    overflow:hidden!important;
    box-shadow:0 24px 80px rgba(4,19,51,.30)!important;
  }

  body.cb06-v11-open .cb06-v11-drawer,
  body.cb06-v12-open .cb06-v11-drawer,
  html.cb06-v11-open body .cb06-v11-drawer,
  html.cb06-v12-open body .cb06-v11-drawer{
    transform:translate(-50%,-50%) scale(1)!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }

  .cb06-v11-backdrop{
    background:rgba(4,19,51,.24)!important;
    backdrop-filter:blur(4px)!important;
  }

  /* Header interne du panneau plus petit */
  .cb06-v11-drawer-head{
    min-height:50px!important;
    padding:10px 12px!important;
  }

  .cb06-v11-drawer-logo img{
    width:70px!important;
  }

  .cb06-v11-drawer-title strong{
    font-size:13.5px!important;
  }

  .cb06-v11-drawer-title span{
    font-size:9.5px!important;
  }

  .cb06-v11-close{
    width:34px!important;
    height:34px!important;
    border-radius:12px!important;
    font-size:21px!important;
  }

  /* Liste plus compacte */
  .cb06-v11-drawer-body{
    padding:8px!important;
    gap:5px!important;
    max-height:calc(100vh - 230px)!important;
  }

  .cb06-v11-navitem{
    min-height:38px!important;
    padding:6px 8px!important;
    border-radius:13px!important;
    gap:8px!important;
  }

  .cb06-v11-ico{
    width:28px!important;
    height:28px!important;
    border-radius:10px!important;
    font-size:11.5px!important;
  }

  .cb06-v11-navtext b{
    font-size:13px!important;
    line-height:1.02!important;
  }

  .cb06-v11-navtext em{
    font-size:8.8px!important;
    line-height:1.05!important;
  }

  /* CTA bas moins massif */
  .cb06-v11-drawer-cta{
    padding:8px!important;
    gap:7px!important;
    grid-template-columns:1fr 1fr!important;
  }

  .cb06-v11-drawer-cta a,
  .cb06-v11-drawer-cta button{
    min-height:38px!important;
    border-radius:13px!important;
    font-size:12px!important;
    padding:0 8px!important;
  }

  .cb06-v11-drawer-cta .blue{
    font-size:0!important;
  }

  .cb06-v11-drawer-cta .blue::after{
    content:"Appeler";
    font-size:12px!important;
  }

  /* On remonte un peu le contenu après le header fermé */
  .v4-hero,
  .cb06-contact-hero,
  .cb06-rec-hero{
    padding-top:38px!important;
  }
}

@media(max-width:390px){
  .cb06-v11-mobilebar{
    min-height:60px!important;
    height:60px!important;
    padding:7px 18px!important;
  }

  .cb06-v11-brand img{
    width:74px!important;
  }

  .cb06-v11-call,
  .cb06-v11-menu-open,
  .cb06-v12-menu-hit{
    width:44px!important;
    height:44px!important;
    border-radius:15px!important;
  }

  .cb06-v12-menu-hit{
    top:40px!important;
    right:19px!important;
  }

  .cb06-v11-drawer{
    width:calc(100vw - 24px)!important;
    max-height:calc(100vh - 82px)!important;
  }

  .cb06-v11-drawer-body{
    max-height:calc(100vh - 222px)!important;
  }

  .cb06-v11-navitem{
    min-height:37px!important;
  }

  .cb06-v11-navtext b{
    font-size:12.6px!important;
  }

  .cb06-v11-navtext em{
    font-size:8.5px!important;
  }
}