/* D811 LEAN BANNER + KILL DUPLICATES */

/* === STEP 1: Hide ALL fixed-bottom CTA-ish elements === */
[id*="sticky-cta"]:not(#d466-sticky-cta-bar),
[id*="bottom-cta"], [id*="floating-cta"], [id*="lead-magnet"],
[class*="sticky-cta"]:not(#d466-sticky-cta-bar),
[class*="bottom-cta"], [class*="floating-cta"], [class*="cta-banner"],
[class*="bottom-banner"], [class*="lead-bar"], [class*="bookcall-bar"],
[class*="bottom-promo"], [class*="cta-floating"],
div[style*="position:fixed"][style*="bottom"]:not(#d466-sticky-cta-bar):not([class*="chat"]):not([class*="avatar"]):not([class*="whatsapp"]):not([class*="wevia-live"]) {
  display: none !important;
}

/* === STEP 2: keep ONLY #d466-sticky-cta-bar as the single lean pill === */
#d466-sticky-cta-bar {
  display: flex !important;
  position: fixed !important;
  bottom: 20px !important;
  left: 50% !important;
  right: auto !important;
  top: auto !important;
  transform: translateX(-50%) !important;
  
  /* Lean pill - max-width small */
  width: auto !important;
  max-width: min(540px, calc(100vw - 32px)) !important;
  min-width: 0 !important;
  
  /* Pill shape */
  border-radius: 999px !important;
  
  /* Tight padding */
  padding: 10px 10px 10px 20px !important;
  
  /* Layout */
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  flex-wrap: nowrap !important;
  flex-direction: row !important;
  
  /* Solid brand gradient */
  background: linear-gradient(90deg, #3730A3, #4F46E5) !important;
  background-image: linear-gradient(90deg, #3730A3, #4F46E5) !important;
  background-color: #3730A3 !important;
  
  /* Subtle shadow */
  box-shadow: 0 8px 28px rgba(55,48,163,0.30), 0 2px 6px rgba(0,0,0,0.08) !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  
  /* Typography */
  color: #ffffff !important;
  font: 500 13px/1.3 system-ui, -apple-system, sans-serif !important;
  
  z-index: 9000 !important;
}

/* Text inside - compact */
#d466-sticky-cta-bar .msg, #d466-sticky-cta-bar .msg-mobile,
#d466-sticky-cta-bar span:not(.close-x), #d466-sticky-cta-bar p {
  color: #ffffff !important;
  background: transparent !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
@media (min-width: 640px) { #d466-sticky-cta-bar .msg-mobile { display: none !important; } }
@media (max-width: 639px) { #d466-sticky-cta-bar .msg:not(.msg-mobile) { display: none !important; } }

/* CTA button - small white pill inside */
#d466-sticky-cta-bar a.cta-btn, #d466-sticky-cta-bar a[data-d466-cta],
#d466-sticky-cta-bar a:not(.close-x) {
  background: #ffffff !important;
  color: #3730A3 !important;
  padding: 7px 16px !important;
  border-radius: 999px !important;
  font-weight: 600 !important;
  font-size: 12px !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
  border: none !important;
  cursor: pointer !important;
}
#d466-sticky-cta-bar a.cta-btn:hover {
  background: #f5f1ec !important;
  transform: translateY(-1px) !important;
}

/* Close X - small subtle */
#d466-sticky-cta-bar .close-x {
  width: 26px !important; height: 26px !important; min-width: 26px !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,0.15) !important;
  color: #ffffff !important;
  border: none !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 14px !important;
  flex-shrink: 0 !important;
  padding: 0 !important;
}
#d466-sticky-cta-bar .close-x:hover { background: rgba(255,255,255,0.25) !important; }

/* Mobile */
@media (max-width: 640px) {
  #d466-sticky-cta-bar {
    bottom: 12px !important;
    padding: 8px 8px 8px 14px !important;
    max-width: calc(100vw - 16px) !important;
    gap: 10px !important;
  }
  #d466-sticky-cta-bar a.cta-btn { padding: 6px 12px !important; font-size: 11px !important; }
}

/* Body padding to not hide content under pill */
body { padding-bottom: 80px !important; }

/* Chat widgets coexist above pill */
[class*="chat-widget"], [class*="wevia-assistant"], [class*="whatsapp-btn"],
[class*="wevia-avatar"], [class*="wevia-live"], [class*="floating-chat"] {
  bottom: 80px !important;
}
/* D811b - WEVIA Avatar popup d710 sizing - dont auto-open via JS patch, manual click only */
#d710-pop { max-height: 70vh !important; max-width: min(380px, calc(100vw - 32px)) !important; right: 24px !important; top: 80px !important; }
#d710-av { bottom: 90px !important; }
/* Cookie consent banner compact */
#weval-cc-banner, [class*="cc-banner"], [id*="cookie-banner"] { max-width: min(600px, calc(100vw - 32px)) !important; left: 50% !important; right: auto !important; transform: translateX(-50%) !important; bottom: 90px !important; border-radius: 14px !important; box-shadow: 0 8px 28px rgba(0,0,0,0.15) !important; padding: 12px 20px !important; font-size: 13px !important; }
