/* Bonne App V5: modifications reservees aux smartphones. */
@media screen and (max-width:700px){
  /* L'en-tete defile avec la page; il ne reste pas colle a l'ecran. */
  body .header,body .header.scrolled{position:relative!important;top:auto!important;box-shadow:none!important}
  body .header .header-inner{justify-content:space-between!important;gap:10px!important}
  body .header .header-inner::after{content:"SUR MESURE";display:block;flex:0 0 auto;color:#004d45;font-size:9px;font-weight:700;letter-spacing:.13em;white-space:nowrap;opacity:.75}
  /* Verre leger, translucide, avec une bulle plus subtile. */
  body .ba-mobile-dock{background:rgba(249,247,244,.30)!important;border:1px solid rgba(255,255,255,.52)!important;box-shadow:0 6px 25px rgba(0,55,45,.11),inset 0 1px 0 rgba(255,255,255,.65)!important;-webkit-backdrop-filter:blur(28px) saturate(1.55)!important;backdrop-filter:blur(28px) saturate(1.55)!important}
  body .ba-mobile-dock__bubble{background:rgba(0,77,69,.86)!important;box-shadow:0 3px 12px rgba(0,77,69,.17)!important}
  /* Le logo LinkedIn est immediatement a cote de celui de Bonne App. */
  .ba20-footer .ba23-brand .ba-v4-brand-row{justify-content:flex-start!important;gap:4px!important;width:max-content!important;max-width:100%!important}
  .ba20-footer .ba23-brand .ba-v4-brand-row>.brand{flex:0 1 auto!important}
  .ba20-footer .ba23-brand .ba-v4-brand-row>.ba57-linkedin{flex:0 0 24px!important;width:24px!important;height:24px!important}
  .ba20-footer .ba23-brand .ba-v4-brand-row>.ba57-linkedin svg{width:22px!important;height:22px!important}
}
@media screen and (max-width:360px){body .header .header-inner::after{font-size:8px;letter-spacing:.08em}}