/* ============================================================
   Dubai Investment Quiz — quiz.css  v2.0
   Wisite | https://wisite.co.il/
   All rules are scoped to #diq-overlay or .diq-chat-widget
   to prevent WordPress theme conflicts.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@300;400;500;600;700&family=Frank+Ruhl+Libre:wght@300;400;500&family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,400&family=Montserrat:wght@300;400;500;600;700&display=swap');

/* ── Hard-reset EVERY element inside the overlay ── */
#diq-overlay,
#diq-overlay *,
#diq-overlay *::before,
#diq-overlay *::after {
  all: revert;               /* nuke theme styles */
  box-sizing: border-box !important;
  font-family: 'Heebo', 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif !important;
  -webkit-font-smoothing: antialiased;
  line-height: 1.5;
}

/* ── Hard-reset chat widget ── */
.diq-chat-widget,
.diq-chat-widget *,
.diq-chat-widget *::before,
.diq-chat-widget *::after {
  all: revert;
  box-sizing: border-box !important;
  font-family: 'Heebo', 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif !important;
  -webkit-font-smoothing: antialiased;
}

/* ── CSS Variables (set via PHP inline style) ── */
#diq-overlay {
  direction: rtl !important;
  text-align: right !important;
  --acc:       #D4617A;
  --acc-pale:  rgba(212,97,122,0.09);
  --acc-dark:  #a8364f;
  --sidebar:   #0d0d0d;
  --white:     #ffffff;
  --off:       #f8f8f8;
  --border:    #e8e8e8;
  --txt:       #111111;
  --sub:       #6b7280;
  --radius:    12px;
  --sidebar-w: 260px;
}

/* ═══════════════════════════════════════════
   OVERLAY
═══════════════════════════════════════════ */
#diq-overlay {
  position: fixed !important;
  top: 0 !important; left: 0 !important;
  width: 100% !important; height: 100% !important;
  z-index: 2147483647 !important;
  background: rgba(0,0,0,0.65) !important;
  backdrop-filter: blur(5px) !important;
  -webkit-backdrop-filter: blur(5px) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 16px !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transition: opacity 0.28s ease, visibility 0.28s ease !important;
  margin: 0 !important;
}

#diq-overlay.is-open {
  opacity: 1 !important;
  visibility: visible !important;
}

/* ═══════════════════════════════════════════
   MODAL SHELL
═══════════════════════════════════════════ */
#diq-overlay .diq-modal {
  display: flex !important;
  width: 100% !important;
  max-width: 840px !important;
  max-height: 88vh !important;
  background: var(--white) !important;
  border-radius: var(--radius) !important;
  overflow: hidden !important;
  box-shadow: 0 28px 70px rgba(0,0,0,0.28) !important;
  transform: translateY(24px) scale(0.96) !important;
  transition: transform 0.38s cubic-bezier(0.34,1.4,0.64,1) !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

#diq-overlay.is-open .diq-modal {
  transform: translateY(0) scale(1) !important;
}

/* ═══════════════════════════════════════════
   SIDEBAR
═══════════════════════════════════════════ */
#diq-overlay .diq-sidebar {
  width: var(--sidebar-w) !important;
  min-width: var(--sidebar-w) !important;
  background: var(--sidebar) !important;
  display: flex !important;
  flex-direction: column !important;
  padding: 36px 26px !important;
  position: relative !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
}

#diq-overlay .diq-sidebar::after {
  content: '' !important;
  position: absolute !important;
  bottom: -70px !important; right: -70px !important;
  width: 200px !important; height: 200px !important;
  background: var(--acc) !important;
  border-radius: 50% !important;
  opacity: 0.07 !important;
  pointer-events: none !important;
}

#diq-overlay .diq-sidebar-top {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}

/* Agent photo */
#diq-overlay .diq-agent-photo {
  width: 76px !important; height: 76px !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  background: linear-gradient(135deg, var(--acc), var(--acc-dark)) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 3px solid rgba(255,255,255,0.1) !important;
  margin-bottom: 6px !important;
  flex-shrink: 0 !important;
}

#diq-overlay .diq-agent-photo img {
  width: 100% !important; height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  border-radius: 50% !important;
}

#diq-overlay .diq-agent-initials {
  font-family: 'Frank Ruhl Libre', 'Cormorant Garamond', Georgia, serif !important;
  font-size: 30px !important;
  font-weight: 500 !important;
  color: #fff !important;
  line-height: 1 !important;
  display: block !important;
}

#diq-overlay .diq-agent-name {
  font-family: 'Frank Ruhl Libre', 'Cormorant Garamond', Georgia, serif !important;
  font-size: 24px !important;
  font-weight: 500 !important;
  color: #fff !important;
  line-height: 1.1 !important;
  margin: 0 !important; padding: 0 !important;
}

#diq-overlay .diq-agent-title {
  font-size: 9px !important;
  font-weight: 700 !important;
  letter-spacing: 2.2px !important;
  text-transform: uppercase !important;
  color: var(--acc) !important;
  margin: 0 !important; padding: 0 !important;
}

#diq-overlay .diq-agent-bio {
  font-size: 12px !important;
  line-height: 1.7 !important;
  color: rgba(255,255,255,0.4) !important;
  margin-top: 6px !important;
  padding: 0 !important;
}

/* Progress */
#diq-overlay .diq-progress {
  margin-top: auto !important;
  padding-top: 24px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 9px !important;
}

#diq-overlay .diq-step-dot {
  display: flex !important;
  align-items: center !important;
  gap: 11px !important;
  padding: 0 !important; margin: 0 !important;
  cursor: default !important;
  background: transparent !important;
  border: none !important;
}

#diq-overlay .diq-dot-circle {
  width: 26px !important; height: 26px !important;
  border-radius: 50% !important;
  border: 1.5px solid rgba(255,255,255,0.14) !important;
  background: transparent !important;
  display: flex !important;
  align-items: center !important; justify-content: center !important;
  flex-shrink: 0 !important;
  transition: all 0.25s ease !important;
  position: relative !important;
}

#diq-overlay .diq-dot-num {
  font-size: 10px !important;
  font-weight: 700 !important;
  color: rgba(255,255,255,0.28) !important;
  display: block !important;
  transition: all 0.25s !important;
  line-height: 1 !important;
}

#diq-overlay .diq-dot-check {
  position: absolute !important;
  font-size: 11px !important;
  color: #fff !important;
  display: none !important;
  line-height: 1 !important;
}

#diq-overlay .diq-dot-label {
  font-size: 11.5px !important;
  font-weight: 500 !important;
  color: rgba(255,255,255,0.24) !important;
  letter-spacing: 0.2px !important;
  transition: color 0.25s !important;
  margin: 0 !important; padding: 0 !important;
}

/* active dot */
#diq-overlay .diq-step-dot.is-active .diq-dot-circle {
  border-color: rgba(255,255,255,0.7) !important;
  background: rgba(255,255,255,0.06) !important;
}
#diq-overlay .diq-step-dot.is-active .diq-dot-num  { color: #fff !important; }
#diq-overlay .diq-step-dot.is-active .diq-dot-label{ color: rgba(255,255,255,0.9) !important; }

/* done dot */
#diq-overlay .diq-step-dot.is-done .diq-dot-circle {
  border-color: var(--acc) !important;
  background: var(--acc) !important;
}
#diq-overlay .diq-step-dot.is-done .diq-dot-num   { display: none !important; }
#diq-overlay .diq-step-dot.is-done .diq-dot-check { display: block !important; }
#diq-overlay .diq-step-dot.is-done .diq-dot-label { color: rgba(255,255,255,0.5) !important; }

/* ═══════════════════════════════════════════
   MAIN PANEL
═══════════════════════════════════════════ */
#diq-overlay .diq-main {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  overflow-y: auto !important;
  position: relative !important;
  padding: 42px 40px 30px !important;
  background: var(--white) !important;
  min-height: 0 !important;
  min-width: 0 !important;
}

/* Close button */
#diq-overlay .diq-close {
  position: absolute !important;
  top: 14px !important; left: 14px !important; right: auto !important;
  width: 28px !important; height: 28px !important;
  border-radius: 50% !important;
  border: 1px solid var(--border) !important;
  background: var(--off) !important;
  color: var(--sub) !important;
  font-size: 16px !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important; justify-content: center !important;
  transition: background 0.2s, color 0.2s !important;
  z-index: 5 !important;
  line-height: 1 !important;
  padding: 0 !important; margin: 0 !important;
  outline: none !important;
  box-shadow: none !important;
}

#diq-overlay .diq-close:hover {
  background: #fee2e2 !important;
  border-color: #fca5a5 !important;
  color: #dc2626 !important;
}

/* ═══════════════════════════════════════════
   STEPS
═══════════════════════════════════════════ */
#diq-overlay .diq-step {
  display: none !important;
  flex-direction: column !important;
  flex: 1 !important;
  opacity: 0 !important;
  transform: translateX(-10px) !important;
  transition: opacity 0.22s ease, transform 0.22s ease !important;
  margin: 0 !important; padding: 0 !important;
}

#diq-overlay .diq-step.is-active {
  display: flex !important;
  opacity: 1 !important;
  transform: translateX(0) !important;
}

#diq-overlay .diq-step-header {
  margin-bottom: 22px !important;
  padding: 0 !important;
}

#diq-overlay .diq-step-num {
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 3px !important;
  text-transform: uppercase !important;
  color: var(--acc) !important;
  margin-bottom: 8px !important;
  padding: 0 !important;
  display: block !important;
}

#diq-overlay .diq-question {
  font-family: 'Frank Ruhl Libre', 'Cormorant Garamond', Georgia, serif !important;
  font-size: 28px !important;
  font-weight: 400 !important;
  color: var(--txt) !important;
  line-height: 1.2 !important;
  margin: 0 0 4px !important;
  padding: 0 !important;
}

#diq-overlay .diq-question-sub {
  font-size: 13px !important;
  color: var(--sub) !important;
  margin: 4px 0 0 !important;
  padding: 0 !important;
  line-height: 1.55 !important;
  display: block !important;
}

/* ═══════════════════════════════════════════
   OPTIONS
═══════════════════════════════════════════ */
#diq-overlay .diq-options {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  flex: 1 !important;
  list-style: none !important;
  margin: 0 !important; padding: 0 !important;
}

/* Each option card */
#diq-overlay .diq-option {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  padding: 14px 18px !important;
  border: 1.5px solid var(--border) !important;
  border-radius: 10px !important;
  cursor: pointer !important;
  transition: border-color 0.18s, background 0.18s !important;
  background: var(--white) !important;
  position: relative !important;
  margin: 0 !important;
  text-decoration: none !important;
  outline: none !important;
  box-shadow: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}

#diq-overlay .diq-option:hover {
  border-color: var(--acc) !important;
  background: var(--acc-pale) !important;
}

#diq-overlay .diq-option.is-selected {
  border-color: var(--acc) !important;
  background: var(--acc-pale) !important;
}

#diq-overlay .diq-option-icon {
  font-size: 20px !important;
  flex-shrink: 0 !important;
  line-height: 1 !important;
  width: 26px !important;
  text-align: center !important;
  display: block !important;
}

#diq-overlay .diq-option-text {
  font-size: 13.5px !important;
  font-weight: 500 !important;
  color: var(--txt) !important;
  flex: 1 !important;
  line-height: 1.35 !important;
  margin: 0 !important; padding: 0 !important;
  display: block !important;
}

/* Budget options: row layout with equity on right */
#diq-overlay .diq-options--budget .diq-option {
  justify-content: flex-start !important;
  padding: 15px 18px !important;
}

#diq-overlay .diq-options--budget .diq-option-body {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
  flex: 1 !important;
}

#diq-overlay .diq-options--budget .diq-option-text {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: var(--txt) !important;
}

#diq-overlay .diq-option-sub {
  font-size: 11.5px !important;
  color: var(--acc) !important;
  font-weight: 600 !important;
  display: block !important;
  margin: 0 !important; padding: 0 !important;
}

#diq-overlay .diq-option-equity-tag {
  flex-shrink: 0 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  color: var(--acc) !important;
  background: var(--acc-pale) !important;
  padding: 4px 10px !important;
  border-radius: 100px !important;
  letter-spacing: 0.3px !important;
  white-space: nowrap !important;
  border: 1px solid rgba(212,97,122,0.2) !important;
  display: block !important;
  margin: 0 !important;
  line-height: 1.4 !important;
}

#diq-overlay .diq-option.is-selected .diq-option-equity-tag {
  background: rgba(212,97,122,0.15) !important;
}

/* Check circle on right */
#diq-overlay .diq-option-check {
  width: 20px !important; height: 20px !important;
  border-radius: 50% !important;
  border: 1.5px solid var(--border) !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  font-size: 10px !important;
  color: transparent !important;
  flex-shrink: 0 !important;
  transition: all 0.18s !important;
  background: transparent !important;
  margin: 0 !important; padding: 0 !important;
}

#diq-overlay .diq-option.is-selected .diq-option-check {
  background: var(--acc) !important;
  border-color: var(--acc) !important;
  color: #fff !important;
}

/* 2-col grid for property type */
#diq-overlay .diq-options--grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 8px !important;
}

#diq-overlay .diq-options--grid .diq-option {
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  padding: 22px 14px !important;
  gap: 8px !important;
}

#diq-overlay .diq-options--grid .diq-option-icon { font-size: 28px !important; width: auto !important; }
#diq-overlay .diq-options--grid .diq-option-text { font-size: 13px !important; font-weight: 600 !important; }
#diq-overlay .diq-options--grid .diq-option-check {
  position: absolute !important;
  top: 9px !important; right: 9px !important;
  width: 18px !important; height: 18px !important;
}

/* ═══════════════════════════════════════════
   NAVIGATION BAR
═══════════════════════════════════════════ */
#diq-overlay .diq-nav {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-top: 20px !important;
  padding-top: 16px !important;
  border-top: 1px solid var(--border) !important;
}

#diq-overlay .diq-btn-back {
  background: transparent !important;
  border: 1.5px solid var(--border) !important;
  color: var(--sub) !important;
  padding: 11px 22px !important;
  border-radius: 8px !important;
  font-size: 10.5px !important;
  font-weight: 700 !important;
  letter-spacing: 1.2px !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  font-family: 'Montserrat', sans-serif !important;
  transition: border-color 0.18s, color 0.18s !important;
  outline: none !important;
  box-shadow: none !important;
  margin: 0 !important;
  line-height: 1 !important;
}

#diq-overlay .diq-btn-back:hover {
  border-color: var(--acc) !important;
  color: var(--acc) !important;
}

#diq-overlay .diq-btn-next {
  background: var(--acc) !important;
  border: none !important;
  color: #fff !important;
  padding: 13px 30px !important;
  border-radius: 8px !important;
  font-size: 10.5px !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  font-family: 'Montserrat', sans-serif !important;
  transition: background 0.18s, transform 0.18s, box-shadow 0.18s !important;
  outline: none !important;
  box-shadow: none !important;
  margin: 0 !important;
  line-height: 1 !important;
  -webkit-appearance: none !important;
}

#diq-overlay .diq-btn-next:hover {
  background: var(--acc-dark) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 5px 16px rgba(212,97,122,0.35) !important;
}

#diq-overlay .diq-btn-submit {
  background: var(--txt) !important;
  border: none !important;
  color: #fff !important;
  padding: 13px 28px !important;
  border-radius: 8px !important;
  font-size: 10.5px !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  font-family: 'Montserrat', sans-serif !important;
  transition: background 0.18s, transform 0.18s !important;
  outline: none !important;
  box-shadow: none !important;
  margin: 0 !important;
  line-height: 1 !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  -webkit-appearance: none !important;
}

#diq-overlay .diq-btn-submit:hover { background: #333 !important; transform: translateY(-1px) !important; }
#diq-overlay .diq-btn-submit:disabled { opacity: 0.6 !important; cursor: not-allowed !important; transform: none !important; }

/* ═══════════════════════════════════════════
   CONTACT FORM (step 5)
═══════════════════════════════════════════ */
#diq-overlay .diq-form {
  display: flex !important;
  flex-direction: column !important;
  gap: 13px !important;
  flex: 1 !important;
}

#diq-overlay .diq-form-row {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 13px !important;
}

#diq-overlay .diq-field {
  display: flex !important;
  flex-direction: column !important;
  gap: 5px !important;
}

#diq-overlay .diq-label {
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  color: var(--sub) !important;
  display: block !important;
  margin: 0 !important; padding: 0 !important;
}

#diq-overlay .diq-input {
  width: 100% !important;
  padding: 12px 14px !important;
  border: 1.5px solid var(--border) !important;
  border-radius: 8px !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 14px !important;
  color: var(--txt) !important;
  outline: none !important;
  transition: border-color 0.18s !important;
  background: var(--white) !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  box-shadow: none !important;
  margin: 0 !important;
  line-height: 1.5 !important;
}

#diq-overlay .diq-input:focus  { border-color: var(--acc) !important; }
#diq-overlay .diq-input::placeholder { color: #bbb !important; }

#diq-overlay .diq-privacy {
  font-size: 11px !important;
  color: #9ca3af !important;
  line-height: 1.55 !important;
  margin: 0 !important; padding: 0 !important;
}

#diq-overlay .diq-error-msg {
  font-size: 12px !important;
  color: #dc2626 !important;
  font-weight: 500 !important;
  display: none !important;
  margin: 0 !important; padding: 0 !important;
}
#diq-overlay .diq-error-msg.is-visible { display: block !important; }

/* ═══════════════════════════════════════════
   SUCCESS SCREEN
═══════════════════════════════════════════ */
#diq-overlay .diq-step--success.is-active {
  align-items: center !important;
  justify-content: center !important;
}

#diq-overlay .diq-success {
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 16px !important;
  padding: 20px 0 !important;
}

#diq-overlay .diq-success-icon { font-size: 56px !important; line-height: 1 !important; }

#diq-overlay .diq-success-title {
  font-family: 'Frank Ruhl Libre', 'Cormorant Garamond', Georgia, serif !important;
  font-size: 34px !important;
  font-weight: 400 !important;
  color: var(--txt) !important;
  margin: 0 !important; padding: 0 !important;
}

#diq-overlay .diq-success-desc {
  font-size: 14px !important;
  line-height: 1.75 !important;
  color: var(--sub) !important;
  max-width: 330px !important;
  margin: 0 !important; padding: 0 !important;
}

#diq-overlay .diq-success-desc strong { font-weight: 700 !important; color: var(--txt) !important; }

#diq-overlay .diq-btn-close-success {
  background: var(--acc) !important;
  border: none !important;
  color: #fff !important;
  padding: 14px 36px !important;
  border-radius: 8px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  font-family: 'Montserrat', sans-serif !important;
  margin-top: 8px !important;
  transition: background 0.18s !important;
  outline: none !important;
  box-shadow: none !important;
  -webkit-appearance: none !important;
}

#diq-overlay .diq-btn-close-success:hover { background: var(--acc-dark) !important; }

/* ═══════════════════════════════════════════
   CHAT WIDGET (floating bottom-right)
═══════════════════════════════════════════ */
.diq-chat-widget {
  position: fixed !important;
  bottom: 26px !important;
  right: 26px !important;
  z-index: 2147483646 !important;
  direction: rtl !important;
}

.diq-chat-widget .diq-chat-trigger {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  background: #0d0d0d !important;
  padding: 11px 18px 11px 11px !important;
  border-radius: 100px !important;
  cursor: pointer !important;
  box-shadow: 0 8px 26px rgba(0,0,0,0.3) !important;
  border: 1px solid rgba(212,97,122,0.22) !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s !important;
  user-select: none !important;
  -webkit-user-select: none !important;
  text-decoration: none !important;
  outline: none !important;
}

.diq-chat-widget .diq-chat-trigger:hover {
  box-shadow: 0 12px 36px rgba(212,97,122,0.26) !important;
  border-color: rgba(212,97,122,0.55) !important;
  transform: translateY(-2px) !important;
}

.diq-chat-widget .diq-chat-avatar {
  width: 36px !important; height: 36px !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  background: linear-gradient(135deg, #D4617A, #a03050) !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  flex-shrink: 0 !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  color: #fff !important;
}

.diq-chat-widget .diq-chat-avatar img {
  width: 100% !important; height: 100% !important;
  object-fit: cover !important;
  border-radius: 50% !important;
}

.diq-chat-widget .diq-chat-text {
  display: flex !important;
  flex-direction: column !important;
  gap: 1px !important;
}

.diq-chat-widget .diq-chat-meta {
  font-size: 9px !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  color: #D4617A !important;
  display: block !important;
  margin: 0 !important; padding: 0 !important;
  line-height: 1.4 !important;
}

.diq-chat-widget .diq-chat-msg {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #fff !important;
  white-space: nowrap !important;
  display: block !important;
  margin: 0 !important; padding: 0 !important;
  line-height: 1.4 !important;
}

.diq-chat-widget .diq-online-dot {
  width: 8px !important; height: 8px !important;
  background: #22c55e !important;
  border-radius: 50% !important;
  flex-shrink: 0 !important;
  animation: diqPulse 2s ease infinite !important;
}

@keyframes diqPulse {
  0%,100% { opacity: 1; transform: scale(1); }
  50%      { opacity: 0.45; transform: scale(1.45); }
}

/* ═══════════════════════════════════════════
   SHORTCODE BUTTON
═══════════════════════════════════════════ */
.diq-btn-shortcode {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: #D4617A !important;
  color: #fff !important;
  border: none !important;
  padding: 14px 28px !important;
  border-radius: 8px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  font-family: 'Montserrat', sans-serif !important;
  transition: background 0.2s, transform 0.2s !important;
  text-decoration: none !important;
  outline: none !important;
  box-shadow: none !important;
  -webkit-appearance: none !important;
}

.diq-btn-shortcode:hover {
  background: #a8364f !important;
  transform: translateY(-1px) !important;
}

/* ═══════════════════════════════════════════
   RESPONSIVE — mobile
═══════════════════════════════════════════ */
@media (max-width: 680px) {
  #diq-overlay .diq-modal {
    flex-direction: column !important;
    max-height: 96vh !important;
    border-radius: 12px !important;
  }

  #diq-overlay .diq-sidebar {
    width: 100% !important;
    min-width: unset !important;
    flex-direction: row !important;
    align-items: center !important;
    padding: 18px 20px !important;
    gap: 14px !important;
  }

  #diq-overlay .diq-sidebar::after { display: none !important; }
  #diq-overlay .diq-sidebar-top { flex-direction: row !important; align-items: center !important; gap: 12px !important; }
  #diq-overlay .diq-agent-photo { width: 46px !important; height: 46px !important; margin: 0 !important; }
  #diq-overlay .diq-agent-initials { font-size: 20px !important; }
  #diq-overlay .diq-agent-name { font-size: 18px !important; }
  #diq-overlay .diq-agent-bio,
  #diq-overlay .diq-progress { display: none !important; }

  #diq-overlay .diq-main { padding: 20px 18px 18px !important; }
  #diq-overlay .diq-question { font-size: 21px !important; }
  #diq-overlay .diq-form-row { grid-template-columns: 1fr !important; }
  #diq-overlay .diq-options--grid { grid-template-columns: 1fr 1fr !important; }

  .diq-chat-widget { bottom: 14px !important; right: 14px !important; }
  .diq-chat-widget .diq-chat-msg { font-size: 12px !important; }
}

/* ═══════════════════════════════════════════
   RTL / HEBREW OVERRIDES
═══════════════════════════════════════════ */

/* Disable letter-spacing — harmful for Hebrew character clusters */
#diq-overlay *,
.diq-chat-widget * {
  letter-spacing: 0 !important;
}

/* Button fonts: keep Heebo for Hebrew button labels */
#diq-overlay .diq-btn-back,
#diq-overlay .diq-btn-next,
#diq-overlay .diq-btn-submit,
#diq-overlay .diq-btn-close-success,
.diq-btn-shortcode {
  font-family: 'Heebo', 'Montserrat', sans-serif !important;
}

/* Input fields: inherit RTL direction */
#diq-overlay .diq-input {
  direction: rtl !important;
  text-align: right !important;
  font-family: 'Heebo', 'Montserrat', sans-serif !important;
}

/* ═══════════════════════════════════════════
   INTRO PANEL
═══════════════════════════════════════════ */

/* Steps wrap: hidden until intro is dismissed */
#diq-overlay .diq-steps-wrap {
  display: none;
}
#diq-overlay .diq-steps-wrap.is-active {
  display: block;
}

/* Intro panel */
#diq-overlay .diq-intro-panel {
  display: none;
  flex-direction: column;
  justify-content: center;
  padding: 40px 36px 36px;
  flex: 1;
  animation: diqFadeIn 0.25s ease;
}
#diq-overlay .diq-intro-panel.is-active {
  display: flex;
}

#diq-overlay .diq-intro-header {
  margin-bottom: 32px;
  text-align: right;
}

#diq-overlay .diq-intro-title {
  font-family: 'Frank Ruhl Libre', 'Cormorant Garamond', serif;
  font-size: 26px;
  font-weight: 500;
  color: #1a1a2e;
  margin: 0 0 8px;
  line-height: 1.3;
}

#diq-overlay .diq-intro-sub {
  font-size: 15px;
  color: #6b7280;
  margin: 0;
  font-family: 'Heebo', sans-serif;
}

/* Intro option buttons */
#diq-overlay .diq-intro-options {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

#diq-overlay .diq-intro-btn {
  display: flex;
  align-items: center;
  gap: 14px;
  width: 100%;
  padding: 16px 20px;
  border-radius: 12px;
  border: 1.5px solid #e5e7eb;
  background: #fff;
  cursor: pointer;
  text-decoration: none;
  color: #1a1a2e;
  font-family: 'Heebo', sans-serif;
  font-size: 15px;
  font-weight: 500;
  text-align: right;
  direction: rtl;
  transition: border-color 0.2s, background 0.2s, box-shadow 0.2s;
  box-sizing: border-box;
}

#diq-overlay .diq-intro-btn:hover {
  border-color: var(--acc);
  background: var(--acc-pale);
  box-shadow: 0 2px 12px rgba(0,0,0,0.07);
  color: #1a1a2e;
  text-decoration: none;
}

#diq-overlay .diq-intro-btn--quiz {
  background: var(--acc);
  border-color: var(--acc);
  color: #fff;
}

#diq-overlay .diq-intro-btn--quiz:hover {
  background: var(--acc-dark);
  border-color: var(--acc-dark);
  color: #fff;
}

#diq-overlay .diq-intro-btn-icon {
  font-size: 20px;
  flex-shrink: 0;
}

#diq-overlay .diq-intro-btn-text {
  flex: 1;
}

#diq-overlay .diq-intro-btn-arrow {
  font-size: 16px;
  opacity: 0.6;
  flex-shrink: 0;
}

/* Mobile adjustments */
@media (max-width: 680px) {
  #diq-overlay .diq-intro-panel {
    padding: 28px 20px 24px;
  }
  #diq-overlay .diq-intro-title {
    font-size: 22px;
  }
  #diq-overlay .diq-intro-btn {
    padding: 14px 16px;
    font-size: 14px;
  }
}