/*
!* ─── Homepage-only styles ───────────────────────────────────────────────────
   Activated via body[data-page="home"] set by HomePageBodyClass.tsx.
   Only applies on /de and /en (the start page). Never leaks to inner pages.
   ─────────────────────────────────────────────────────────────────────────── *!

!* ─── SalesIQ chat positioning (ultra-wide screens) ─────────────────────── *!

@media (min-width: 3323px) {
  body[data-page="home"] .zsiq-float { display: none !important; }
  body[data-page="home"] [data-id="zsalesiq"] {
    position: absolute !important;
    height: 100vh !important;
    z-index: 99 !important;
    right: 0 !important;
    top: 0 !important;
    left: initial !important;
  }
  body[data-page="home"] .chat-iframe-wrap {
    position: absolute !important;
    right: 935px !important;
    top: 185px !important;
    width: 580px !important;
    height: 670px !important;
  }
}

@media (min-width: 3226px) and (max-width: 3322px) {
  body[data-page="home"] .zsiq-float { display: none !important; }
  body[data-page="home"] [data-id="zsalesiq"] {
    position: absolute !important;
    height: 100vh !important;
    z-index: 99 !important;
    right: 0 !important;
    top: 0 !important;
    left: initial !important;
  }
  body[data-page="home"] .chat-iframe-wrap {
    position: absolute !important;
    right: 900px !important;
    top: 185px !important;
    width: 580px !important;
    height: 670px !important;
  }
}

@media (min-width: 3035px) and (max-width: 3225px) {
  body[data-page="home"] .zsiq-float { display: none !important; }
  body[data-page="home"] [data-id="zsalesiq"] {
    position: absolute !important;
    height: 100vh !important;
    z-index: 99 !important;
    right: 0 !important;
    top: 0 !important;
    left: initial !important;
  }
  body[data-page="home"] .chat-iframe-wrap {
    position: absolute !important;
    right: 850px !important;
    top: 185px !important;
    width: 560px !important;
    height: 670px !important;
  }
}

@media (min-width: 2754px) and (max-width: 3034px) {
  body[data-page="home"] .zsiq-float { display: none !important; }
  body[data-page="home"] [data-id="zsalesiq"] {
    position: absolute !important;
    height: 100vh !important;
    z-index: 99 !important;
    right: 0 !important;
    top: 0 !important;
    left: initial !important;
  }
  body[data-page="home"] .chat-iframe-wrap {
    position: absolute !important;
    right: 750px !important;
    top: 185px !important;
    width: 520px !important;
    height: 670px !important;
  }
}

@media (min-width: 2402px) and (max-width: 2753px) {
  body[data-page="home"] .zsiq-float { display: none !important; }
  body[data-page="home"] [data-id="zsalesiq"] {
    position: absolute !important;
    height: 100vh !important;
    z-index: 99 !important;
    right: 0 !important;
    top: 0 !important;
    left: initial !important;
  }
  body[data-page="home"] .chat-iframe-wrap {
    position: absolute !important;
    right: 610px !important;
    top: 185px !important;
    width: 480px !important;
    height: 670px !important;
  }
}

@media (min-width: 2067px) and (max-width: 2401px) {
  body[data-page="home"] .zsiq-float { display: none !important; }
  body[data-page="home"] [data-id="zsalesiq"] {
    position: absolute !important;
    height: 100vh !important;
    z-index: 99 !important;
    right: 0 !important;
    top: 0 !important;
    left: initial !important;
  }
  body[data-page="home"] .chat-iframe-wrap {
    position: absolute !important;
    right: 440px !important;
    top: 185px !important;
    width: 480px !important;
    height: 670px !important;
  }
}

@media (min-width: 1700px) and (max-width: 2066px) {
  body[data-page="home"] .zsiq-float { display: none !important; }
  body[data-page="home"] [data-id="zsalesiq"] {
    position: absolute !important;
    height: 100vh !important;
    z-index: 99 !important;
    right: 0 !important;
    top: 0 !important;
    left: initial !important;
  }
  body[data-page="home"] .chat-iframe-wrap {
    position: absolute !important;
    right: 270px !important;
    top: 185px !important;
    width: 480px !important;
    height: 670px !important;
  }
}

@media (min-width: 1277px) and (max-width: 1699px) {
  body[data-page="home"] .zsiq-float { display: none !important; }
  body[data-page="home"] [data-id="zsalesiq"] {
    position: absolute !important;
    height: 100vh !important;
    z-index: 99 !important;
    right: 0 !important;
    top: 0 !important;
    left: initial !important;
  }
  body[data-page="home"] .chat-iframe-wrap {
    position: absolute !important;
    right: 80px !important;
    top: 185px !important;
    width: 480px !important;
    height: 670px !important;
  }
}

@media (min-width: 1143px) and (max-width: 1276px) {
  body[data-page="home"] .zsiq-float { display: none !important; }
  body[data-page="home"] [data-id="zsalesiq"] {
    position: absolute !important;
    height: 100vh !important;
    z-index: 99 !important;
    right: 0 !important;
    top: 0 !important;
    left: initial !important;
  }
  body[data-page="home"] .chat-iframe-wrap {
    position: absolute !important;
    right: 80px !important;
    top: 185px !important;
    width: 420px !important;
    height: 670px !important;
  }
}

@media (min-width: 1050px) and (max-width: 1142px) {
  body[data-page="home"] .zsiq-float { display: none !important; }
  body[data-page="home"] [data-id="zsalesiq"] {
    position: absolute !important;
    height: 100vh !important;
    z-index: 99 !important;
    right: 0 !important;
    top: 0 !important;
    left: initial !important;
  }
  body[data-page="home"] .chat-iframe-wrap {
    position: absolute !important;
    right: 40px !important;
    top: 250px !important;
    width: 420px !important;
    height: 670px !important;
  }
}

@media (max-width: 1049px) {
  body[data-page="home"] .siqcw-chat-cont { display: none !important; }
}

!* ─── SalesIQ chat visual design (site colour palette) ──────────────────── *!

body[data-page="home"] .siqcw-chat-cont {
  background: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #0f172a 100%) !important;
  border: 1px solid #334155 !important;
}

body[data-page="home"] .siqcw-header {
  background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%) !important;
  border-bottom: 1px solid #334155 !important;
  backdrop-filter: blur(8px) !important;
}

body[data-page="home"] .siqcw-header:after {
  background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%) !important;
}

body[data-page="home"] .siqcw-widget-container {
  background: rgba(30, 41, 59, 0.5) !important;
  backdrop-filter: blur(12px) !important;
  border: 1px solid rgba(51, 65, 85, 0.5) !important;
  border-radius: 12px !important;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.4) !important;
}

body[data-page="home"] .chat-bubble:not(.user-message) {
  background: rgba(30, 41, 59, 0.5) !important;
  backdrop-filter: blur(8px) !important;
  border: 1px solid rgba(51, 65, 85, 0.5) !important;
  color: #ffffff !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.2) !important;
}

body[data-page="home"] .chat-bubble.user-message {
  background: rgba(30, 58, 138, 0.5) !important;
  border: 1px solid rgba(29, 78, 216, 0.5) !important;
  color: #dbeafe !important;
  border-radius: 12px !important;
  backdrop-filter: blur(8px) !important;
}

body[data-page="home"] .siqcw-textarea-composer {
  background: rgba(51, 65, 85, 0.8) !important;
  border-top: 2px solid #64748b !important;
  border-radius: 8px !important;
}

body[data-page="home"] .siqcw-textarea-composer textarea,
body[data-page="home"] .siqcw-textarea-composer input {
  background: rgba(51, 65, 85, 0.8) !important;
  border: 2px solid #64748b !important;
  color: #ffffff !important;
  border-radius: 6px !important;
  transition: all 0.2s ease !important;
}

body[data-page="home"] .siqcw-textarea-composer textarea:focus,
body[data-page="home"] .siqcw-textarea-composer input:focus {
  outline: none !important;
  border-color: #3b82f6 !important;
  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.2) !important;
}

body[data-page="home"] .siqcw-textarea-composer textarea::placeholder,
body[data-page="home"] .siqcw-textarea-composer input::placeholder {
  color: #cbd5e1 !important;
}

body[data-page="home"] .siqcw-name-div {
  color: #ffffff !important;
  font-weight: 500 !important;
}

body[data-page="home"] .siqcw-chat-cont .siqcw-time,
body[data-page="home"] .siqcw-chat-cont .siqcw-meta-text {
  color: #94a3b8 !important;
}

body[data-page="home"] .siqcw-chat-cont .siqcw-msg-content {
  color: #ffffff !important;
}

body[data-page="home"] .chat-bubble:not(.user-message) .siqcw-msg-content {
  color: #cbd5e1 !important;
}

body[data-page="home"] .siqcw-drivenby {
  background: #0f172a !important;
  border-top: 1px solid #1e293b !important;
  color: #64748b !important;
}

body[data-page="home"] .clr3 {
  color: #ffffff !important;
}

body[data-page="home"] .siqcw-send-btn {
  background: #2563eb !important;
  border: none !important;
  border-radius: 6px !important;
  color: #ffffff !important;
  transition: all 0.2s ease !important;
  font-weight: 500 !important;
}

body[data-page="home"] .siqcw-send-btn:hover {
  background: #1d4ed8 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 12px rgba(37, 99, 235, 0.3) !important;
}

body[data-page="home"] .siqcw-chat-cont::-webkit-scrollbar { width: 6px; }
body[data-page="home"] .siqcw-chat-cont::-webkit-scrollbar-track { background: transparent; }
body[data-page="home"] .siqcw-chat-cont::-webkit-scrollbar-thumb {
  background: rgba(59, 130, 246, 0.5);
  border-radius: 3px;
}
body[data-page="home"] .siqcw-chat-cont::-webkit-scrollbar-thumb:hover {
  background: rgba(59, 130, 246, 0.7);
}

body[data-page="home"] .siqcw-status-indicator.online  { background-color: #10b981 !important; }
body[data-page="home"] .siqcw-status-indicator.offline { background-color: #94a3b8 !important; }

body[data-page="home"] .siqcw-header-controls button {
  background: rgba(255, 255, 255, 0.1) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 4px !important;
  transition: all 0.2s ease !important;
}

body[data-page="home"] .siqcw-header-controls button:hover {
  background: rgba(255, 255, 255, 0.2) !important;
  color: #60a5fa !important;
}

body[data-page="home"] .siqcw-badge {
  background: rgba(30, 58, 138, 0.5) !important;
  color: #dbeafe !important;
  border: 1px solid rgba(29, 78, 216, 0.5) !important;
  border-radius: 6px !important;
  font-size: 12px !important;
}

body[data-page="home"] .siqcw-typing-indicator {
  background: rgba(30, 41, 59, 0.5) !important;
  border: 1px solid rgba(51, 65, 85, 0.5) !important;
  border-radius: 12px !important;
}

body[data-page="home"] .siqcw-chat-cont a       { color: #38bdf8 !important; transition: color 0.2s ease !important; }
body[data-page="home"] .siqcw-chat-cont a:hover  { color: #0ea5e9 !important; }

body[data-page="home"] .siqcw-widget-main {
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
}

@media (max-width: 768px) {
  body[data-page="home"] .siqcw-widget-container {
    border-radius: 0 !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: none !important;
  }
}
*/