
.wa-floating{position:fixed;right:22px;bottom:22px;z-index:9999;font-family:Arial,Helvetica,sans-serif}
.wa-floating button{background:#25D366;color:#fff;border:0;border-radius:999px;padding:15px 18px;box-shadow:0 8px 25px rgba(0,0,0,.18);cursor:pointer;font-weight:bold}
.wa-box{display:none;right:0;bottom:62px;width:min(320px,calc(100vw - 32px));background:#fff;border-radius:18px;box-shadow:0 15px 45px rgba(0,0,0,.2);overflow:hidden}
.wa-box.active{display:block}
.wa-head{background:#075E54;color:white;padding:16px}
.wa-head h3{margin:0 0 6px}
.wa-body{padding:16px;color:#111827}
.wa-topic{display:block;width:100%;margin:8px 0;padding:10px;border:1px solid #e5e7eb;border-radius:10px;background:#f8fafc;color:#111827;text-align:left;cursor:pointer}
.wa-open{display:block;text-align:center;background:#25D366;color:#fff;text-decoration:none;padding:12px;border-radius:12px;margin-top:12px}



/* =========================
   SavannaSelect V4
   WhatsApp Floating Button Stabilization
   ========================= */

.savanna-whatsapp,
.whatsapp-widget,
.whatsapp-float,
#whatsapp-button,
#savanna-whatsapp-button {
    position: fixed !important;
    right: 24px !important;
    bottom: 24px !important;
    z-index: 999999 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;

    min-width: 170px !important;
    height: 64px !important;
    padding: 0 22px !important;

    border-radius: 999px !important;

    background: #25D366 !important;
    color: #ffffff !important;

    font-size: 26px !important;
    font-weight: 700 !important;
    text-decoration: none !important;

    box-shadow: 0 10px 28px rgba(0,0,0,0.25) !important;

    transform: none !important;
    transition:
        background 0.25s ease,
        box-shadow 0.25s ease,
        opacity 0.25s ease !important;

    animation: none !important;
}

.savanna-whatsapp:hover,
.whatsapp-widget:hover,
.whatsapp-float:hover,
#whatsapp-button:hover,
#savanna-whatsapp-button:hover {
    background: #20ba5a !important;
    box-shadow: 0 14px 34px rgba(0,0,0,0.32) !important;
}

.savanna-whatsapp img,
.whatsapp-widget img,
.whatsapp-float img,
#whatsapp-button img,
#savanna-whatsapp-button img {
    width: 28px !important;
    height: 28px !important;
    object-fit: contain !important;
}

@media (max-width: 768px) {
    .savanna-whatsapp,
    .whatsapp-widget,
    .whatsapp-float,
    #whatsapp-button,
    #savanna-whatsapp-button {

        right: 16px !important;
        bottom: 16px !important;

        min-width: 150px !important;
        height: 58px !important;

        padding: 0 18px !important;

        font-size: 22px !important;
    }
}


/* V41 : position fixe absolue — anti-dérive scroll */
.wa-floating {
  position: fixed !important;
  right: 20px !important;
  bottom: 20px !important;
  left: auto !important;
  top: auto !important;
  z-index: 999999 !important;
  transform: none !important;
}
#savanna-wa-toggle {
  position: relative !important;
  display: block !important;
  min-height: 48px !important;
  min-width: 120px !important;
}
#savanna-wa-box {
  position: absolute !important;
  bottom: 60px !important;
  right: 0 !important;
  left: auto !important;
  top: auto !important;
  max-width: min(320px, calc(100vw - 32px)) !important;
}
.wa-topic {
  min-height: 44px !important;
  padding: 10px 12px !important;
  font-size: 0.9rem !important;
  width: 100% !important;
  display: block !important;
  text-align: left !important;
  margin-bottom: 4px !important;
  cursor: pointer !important;
}
