/**
 * Mobile-friendly embeds: parent overflow:hidden traps touch and blocks scroll chaining
 * from cross-origin iframes to the page (common on iOS Safari / WebKit).
 * Shells use .hl-embed-shell (overflow visible); rounding clips on the iframe element.
 */

.hl-embed-shell {
  overflow: visible;
}

.hl-embed-shell > iframe,
.video-embed iframe.hl-embed-iframe {
  display: block;
  max-width: 100%;
  border-radius: 0.75rem;
}

.hl-profile-extra-iframe {
  border-radius: 0.75rem;
}

/* Feed Instagram on small screens: drop scaler + overflow clip so vertical scroll passes to the page. */
@media (max-width: 1023.98px) {
  .external-embed--instagram-feed .hl-instagram-embed-frame {
    overflow: visible !important;
    max-height: none !important;
  }

  .external-embed--instagram-feed .hl-instagram-embed-scaler {
    transform: none !important;
    width: 100% !important;
    height: auto !important;
  }

  .external-embed--instagram-feed .hl-instagram-embed-iframe {
    width: 100% !important;
    height: min(72dvh, 640px) !important;
    min-height: 360px;
    border-radius: 0.75rem;
  }
}

/* CQ Desk marketing blocks — light theme readability */
[data-theme="light"] .hl-promo-cqdesk {
  background: linear-gradient(135deg, #ecfeff 0%, #f0fdfa 45%, #f8fafc 80%, #ffffff 100%) !important;
  border-color: rgba(8, 145, 178, 0.42) !important;
  box-shadow: 0 10px 36px -12px rgba(6, 182, 212, 0.15);
}
[data-theme="light"] .hl-promo-cqdesk .text-cyan-400 {
  color: #0f766e !important;
}
[data-theme="light"] .hl-promo-cqdesk .hl-mkt-subheading,
[data-theme="light"] .hl-promo-cqdesk .text-zinc-50 {
  color: #0f172a !important;
}
[data-theme="light"] .hl-promo-cqdesk .hl-mkt-lead,
[data-theme="light"] .hl-promo-cqdesk .text-zinc-300 {
  color: #334155 !important;
}
[data-theme="light"] .hl-promo-cqdesk .text-zinc-400 {
  color: #475569 !important;
}
[data-theme="light"] .hl-promo-cqdesk .text-cyan-500 {
  color: #0891b2 !important;
}
[data-theme="light"] .hl-promo-cqdesk a.border-zinc-600 {
  background-color: #ffffff !important;
  border-color: #cbd5e1 !important;
  color: #0f172a !important;
}
[data-theme="light"] .hl-promo-cqdesk a.border-zinc-600:hover {
  border-color: #059669 !important;
  color: #047857 !important;
}

[data-theme="light"] .hl-promo-cqdesk-compact {
  background: linear-gradient(90deg, #ecfeff 0%, #f8fafc 55%, #ffffff 100%) !important;
  border-color: rgba(8, 145, 178, 0.38) !important;
}
[data-theme="light"] .hl-promo-cqdesk-compact .text-cyan-200 {
  color: #0e7490 !important;
}
[data-theme="light"] .hl-promo-cqdesk-compact .text-zinc-300 {
  color: #334155 !important;
}