/* Bonne App — barre mobile flottante, strictement <=700px */
@media screen and (max-width:700px){
  body{padding-bottom:calc(86px + env(safe-area-inset-bottom,0px))!important}
  .header .menu-toggle,.header .nav{display:none!important}
  .ba-mobile-dock{position:fixed;z-index:9999;bottom:calc(13px + env(safe-area-inset-bottom,0px));left:50%;transform:translateX(-50%);width:min(370px,calc(100vw - 28px));box-sizing:border-box;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;padding:7px;border:1px solid rgba(255,255,255,.72);border-radius:999px;background:rgba(247,248,244,.78);box-shadow:0 10px 32px rgba(0,42,36,.16),inset 0 1px 0 rgba(255,255,255,.8);-webkit-backdrop-filter:blur(22px) saturate(1.4);backdrop-filter:blur(22px) saturate(1.4);touch-action:pan-y}
  .ba-mobile-dock__bubble{position:absolute;z-index:0;top:7px;bottom:7px;left:7px;width:calc((100% - 14px)/4);border-radius:999px;background:#004d45;box-shadow:0 4px 13px rgba(0,77,69,.23);transition:transform .32s cubic-bezier(.2,.8,.2,1);pointer-events:none}
  .ba-mobile-dock__link{position:relative;z-index:1;min-width:0;min-height:55px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;border-radius:999px;text-decoration:none!important;color:#004d45!important;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}
  .ba-mobile-dock__link svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .ba-mobile-dock__link span{font-size:9px;line-height:1.1;font-weight:700;white-space:nowrap;letter-spacing:.01em}
  .ba-mobile-dock__link[aria-current=page]{color:#fff!important}
  .ba-mobile-dock__link:focus-visible{outline:2px solid #ff7f50;outline-offset:3px}
  .ba20-footer .ba23-nav-column{display:none!important}
  .ba20-footer .ba23-footer-grid{grid-template-columns:minmax(0,1fr)!important;gap:20px!important}
  .ba20-footer .ba24-territories{justify-content:flex-start!important}
  body.ba53-contact .contact-v53-layout{display:flex!important;flex-direction:column!important}
  body.ba53-contact .contact-v53-form-shell{order:1!important;width:100%!important;min-width:0!important}
  body.ba53-contact .contact-v53-aside{order:2!important;width:100%!important;min-width:0!important}
  body.ba53-contact .contact-v53-location{display:none!important}
  .ba26-hero .ba37-art{height:250px!important;min-height:250px!important;margin-top:-15px!important;margin-bottom:-15px!important}
  .ba26-hero .ba37-ring{width:220px!important;height:220px!important}
  .ba26-hero .ba37-art-copy{top:calc(50% + 27px)!important}
}
@media screen and (prefers-reduced-motion:reduce){.ba-mobile-dock__bubble{transition:none!important}}
/* V4 — dock compact, glissement continu, footer et CTA. Mobile uniquement. */
@media screen and (max-width:700px){
 body{padding-bottom:calc(65px + env(safe-area-inset-bottom,0px))!important}
 .ba-mobile-dock{bottom:calc(5px + env(safe-area-inset-bottom,0px));width:min(312px,calc(100vw - 44px));padding:4px;border-radius:28px;background:rgba(249,247,244,.72);box-shadow:0 5px 20px rgba(0,42,36,.12);touch-action:pan-y;transition:opacity .22s ease,translate .22s ease}
 
 .ba-mobile-dock__bubble{top:4px;bottom:4px;left:4px;width:calc((100% - 8px)/4);transition:transform .2s ease-out;will-change:transform}
 .ba-mobile-dock.is-dragging .ba-mobile-dock__bubble{transition:none}
 .ba-mobile-dock__link{min-height:43px;gap:1px;touch-action:pan-y}
 .ba-mobile-dock__link svg{width:19px;height:19px}
 .ba-mobile-dock__link span{font-size:8px}
 body.home-mobile-v1 .ba6-hero .ba6-actions .ba6-button{width:max-content!important;max-width:100%!important;min-height:38px!important;padding:8px 11px!important;gap:7px!important;font-size:11px!important;line-height:1.2!important;border-radius:9px!important;flex:0 0 auto!important}
 body.home-mobile-v1 .ba6-hero .ba6-actions .ba6-button .ba8-link-icon{width:15px!important;height:15px!important;flex:0 0 15px!important}
 .ba20-footer .ba23-brand .ba-v4-brand-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}
 .ba20-footer .ba23-brand .ba-v4-brand-row>.brand{min-width:0;flex:0 1 auto}
 .ba20-footer .ba23-brand .ba-v4-brand-row>.ba57-linkedin{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 28px!important;width:28px!important;height:28px!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;color:#004d45!important}
 .ba20-footer .ba23-brand .ba-v4-brand-row>.ba57-linkedin svg{display:block;width:25px!important;height:25px!important}
 .ba20-footer .ba23-brand .ba-v4-brand-row>.ba57-linkedin span{display:none!important}
}

/* V5 : effet verre discret et logo LinkedIn rapproche - mobile uniquement */
@media screen and (max-width:700px){
 .ba-mobile-dock{
   bottom:calc(7px + env(safe-area-inset-bottom,0px));
   width:min(286px,calc(100vw - 54px));
   padding:4px;
   border:1px solid rgba(255,255,255,.46);
   background:rgba(249,247,244,.30);
   -webkit-backdrop-filter:blur(28px) saturate(1.7);
   backdrop-filter:blur(28px) saturate(1.7);
   box-shadow:0 7px 24px rgba(0,45,39,.11),inset 0 1px 0 rgba(255,255,255,.55);
 }
 .ba-mobile-dock__bubble{
   background:rgba(0,77,69,.91);
   box-shadow:0 3px 12px rgba(0,77,69,.19),inset 0 1px 0 rgba(255,255,255,.15);
 }
 .ba-mobile-dock__link{min-height:41px}
 .ba-mobile-dock__link span{font-size:8px}
 .ba20-footer .ba23-brand .ba-v4-brand-row{
   justify-content:flex-start!important;
   gap:9px!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 25px!important;
   width:25px!important;height:25px!important;
 }
 .ba20-footer .ba23-brand .ba-v4-brand-row>.ba57-linkedin svg{
   width:23px!important;height:23px!important;
 }
}
@media screen and (max-width:700px) and (prefers-reduced-transparency:reduce){
 .ba-mobile-dock{background:rgba(249,247,244,.92)}
}

/* V12: keep Bonne App mobile dock visible on scroll. */
@media screen and (max-width:700px){
 html body .ba-mobile-dock,html body .ba-mobile-dock.is-hidden,html body .ba-mobile-dock.is-scrolled,html body .ba-mobile-dock.is-collapsed{
  position:fixed!important;display:grid!important;visibility:visible!important;opacity:1!important;
  transform:translateX(-50%)!important;translate:none!important;
  bottom:calc(7px + env(safe-area-inset-bottom,0px))!important;
  pointer-events:auto!important;z-index:2147483000!important;
 }
}