/*
 * IsleIQ Elementor integration.
 * Keep this file limited to Elementor and Hello Elementor overrides.
 */

.elementor-widget-heading .elementor-heading-title {
  color: var(--iq-text-primary);
  font-family: var(--iq-font-display);
  letter-spacing: 0;
  line-height: var(--iq-leading-tight);
}

.elementor-widget-text-editor {
  color: var(--iq-text-secondary);
  font-family: var(--iq-font-body);
  line-height: var(--iq-leading-normal);
}

.elementor-widget-text-editor p:last-child {
  margin-bottom: 0;
}

.elementor-button {
  border-radius: var(--iq-radius) !important;
  font-family: var(--iq-font-display) !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

.elementor-widget-button .elementor-button {
  min-height: 2.9rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.elementor-section.iq-section,
.e-con.iq-section {
  padding-block: var(--iq-section);
}

.elementor-section.iq-section-sm,
.e-con.iq-section-sm {
  padding-block: var(--iq-section-sm);
}

.elementor-section.iq-section-lg,
.e-con.iq-section-lg {
  padding-block: var(--iq-section-lg);
}

.elementor-section.iq-hero,
.e-con.iq-hero {
  min-height: min(760px, 92vh);
}

.elementor-widget-image img {
  border-radius: inherit;
}

.site-header,
#site-header,
.e-n-header {
  transition:
    background-color var(--iq-duration) var(--iq-ease),
    box-shadow var(--iq-duration) var(--iq-ease),
    border-color var(--iq-duration) var(--iq-ease);
}

.site-header.iq-header--scrolled,
#site-header.iq-header--scrolled,
.e-n-header.iq-header--scrolled {
  background: rgba(255, 255, 255, 0.92);
  border-bottom: 1px solid var(--iq-border);
  box-shadow: 0 8px 28px rgba(7, 21, 34, 0.08);
  backdrop-filter: blur(16px);
}

.iq-dark .elementor-widget-heading .elementor-heading-title,
.iq-bg-dark .elementor-widget-heading .elementor-heading-title,
.iq-bg-deep .elementor-widget-heading .elementor-heading-title,
.iq-hero .elementor-widget-heading .elementor-heading-title {
  color: var(--iq-white);
}

.iq-dark .elementor-widget-text-editor,
.iq-bg-dark .elementor-widget-text-editor,
.iq-bg-deep .elementor-widget-text-editor,
.iq-hero .elementor-widget-text-editor {
  color: var(--iq-text-secondary);
}

@media (max-width: 767px) {
  .elementor-section.iq-hero,
  .e-con.iq-hero {
    min-height: auto;
  }
}
