.custom-wa{position:fixed;right:15px;bottom:12px;z-index:9998;font-family:Arial,sans-serif;font-size:14px}.custom-wa__toggle{display:flex;align-items:center;justify-content:center;width:58px;height:58px;border:0;border-radius:50%;background:#2db742;color:#fff;box-shadow:0 3px 12px #0003;cursor:pointer;font-size:29px;margin-left:auto}.custom-wa__toggle:focus-visible,.custom-wa__contact:focus-visible{outline:3px solid #154dff;outline-offset:3px}.custom-wa__panel{position:absolute;right:0;bottom:72px;width:min(340px,calc(100vw - 30px));background:#fff;color:#222;box-shadow:0 5px 24px #0003;border-radius:9px;overflow:hidden}.custom-wa__panel[hidden]{display:none}.custom-wa__header{background:#2db742;color:#fff;padding:22px 20px}.custom-wa__header strong{font-size:19px}.custom-wa__header p{margin:9px 0 0;font-size:14px;color:#e2f1d9}.custom-wa__content{padding:18px}.custom-wa__status{margin:0 0 13px;color:#666;font-size:14px}.custom-wa__contact{display:flex;align-items:center;gap:12px;padding:12px;background:#f6f7f8;border-left:3px solid #2db742;color:#222;text-decoration:none}.custom-wa__contact:hover{background:#eaf8ee}.custom-wa__contact span:nth-child(2){flex:1}.custom-wa__contact strong,.custom-wa__contact small{display:block}.custom-wa__contact small{color:#777;margin-top:3px}.custom-wa__avatar{background:#2db742;color:white;border-radius:50%;width:42px;height:42px;display:flex;align-items:center;justify-content:center;font-size:23px}.custom-wa:not(.custom-wa--online) .custom-wa__contact{border-left-color:#999}@media(max-width:767px){.custom-wa{right:12px;bottom:60px}}
/* WhatsApp visual identity */
.custom-wa__heading{display:flex;align-items:center;gap:9px}
.custom-wa__heading-icon{display:inline-flex;align-items:center;justify-content:center;width:29px;height:29px;flex:none;border-radius:50%;background:#238f35}
.custom-wa__heading-icon img{width:23px;height:23px;display:block}
.custom-wa__avatar img{width:32px;height:32px;display:block}
.custom-wa__toggle-icon,.custom-wa__contact-icon{display:inline-flex;align-items:center;justify-content:center;flex:none}
.custom-wa__toggle-icon img{width:34px;height:34px;display:block}
.custom-wa__contact-icon{background:#fff;border-radius:50%;width:29px;height:29px}
.custom-wa__contact-icon img{width:25px;height:25px;display:block}

/* Claue/theme-safe sizing: never let global image rules enlarge the icons. */
.custom-wa .custom-wa__heading-icon,
.custom-wa .custom-wa__avatar,
.custom-wa .custom-wa__toggle-icon,
.custom-wa .custom-wa__contact-icon {
  box-sizing:border-box !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex-shrink:0 !important;
  overflow:hidden;
  line-height:0 !important;
}
.custom-wa .custom-wa__heading-icon {width:30px !important;height:30px !important;min-width:30px;max-width:30px;background:#238f35;border-radius:50%;}
.custom-wa .custom-wa__avatar {width:44px !important;height:44px !important;min-width:44px;max-width:44px;border-radius:50%;background:#2db742;}
.custom-wa .custom-wa__toggle-icon {width:38px !important;height:38px !important;min-width:38px;max-width:38px;}
.custom-wa .custom-wa__contact-icon {width:30px !important;height:30px !important;min-width:30px;max-width:30px;background:#fff;border-radius:50%;}
.custom-wa .custom-wa__heading-icon img,
.custom-wa .custom-wa__avatar img,
.custom-wa .custom-wa__toggle-icon img,
.custom-wa .custom-wa__contact-icon img {
  display:block !important;
  position:static !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  object-fit:contain !important;
  flex:none !important;
  max-width:none !important;
  max-height:none !important;
  min-width:0 !important;
  min-height:0 !important;
  transform:none !important;
}
.custom-wa .custom-wa__heading-icon img {width:22px !important;height:22px !important;}
.custom-wa .custom-wa__avatar img {width:30px !important;height:30px !important;}
.custom-wa .custom-wa__toggle-icon img {width:36px !important;height:36px !important;}
.custom-wa .custom-wa__contact-icon img {width:24px !important;height:24px !important;}
.custom-wa button.custom-wa__toggle {box-sizing:border-box;width:58px;height:58px;min-width:58px;min-height:58px;padding:0 !important;display:flex !important;align-items:center !important;justify-content:center !important;}
.custom-wa .custom-wa__heading {display:flex;align-items:center;gap:9px;}
.custom-wa .custom-wa__heading strong {min-width:0;}

/* 1. Logo de l'en-tête */
.custom-wa__header-title {
    display: flex;
    align-items: center;
    gap: 8px;
}

.custom-wa__header-title img {
    display: block;
    width: 32px;
    height: 32px;
    max-width: none;
    flex: 0 0 32px;
    object-fit: contain;
}

/* 2. Avatar du conseiller */
.custom-wa__agent-avatar {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
}

.custom-wa__agent-avatar img {
    display: block;
    width: 40px;
    height: 40px;
    max-width: none;
    object-fit: contain;
}

/* 3. Bouton flottant */
.custom-wa__toggle {
    display: flex;
    align-items: center;
    justify-content: center;
}

.custom-wa__toggle-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.custom-wa__toggle-icon img {
    display: block;
    width: 36px;
    height: 36px;
    max-width: none;
    object-fit: contain;
}