/* ═══════════════════════════════════════════════════
   GURUS AGENCY — ELEMENTOR OVERRIDES
   Makes Elementor widgets match the Gurus design system
   These styles correct Elementor's defaults
═══════════════════════════════════════════════════ */

/* ── Global Elementor Container ── */
.elementor-section-wrap,
.elementor-container {
  max-width: 100% !important;
}

/* ── Full-width sections ── */
.elementor-section.elementor-section-full_width .elementor-container {
  max-width: 100%;
}

/* ── Override Elementor white background ── */
body.elementor-page .elementor-section,
body.elementor-page .e-container,
body.elementor-page .e-con {
  background-color: transparent;
}

/* ── Elementor Headings ── */
.elementor-widget-heading .elementor-heading-title {
  font-family: var(--gurus-font-heading);
  color: var(--gurus-white);
  letter-spacing: -0.03em;
}

/* ── Elementor Text Editor ── */
.elementor-widget-text-editor p,
.elementor-widget-text-editor {
  color: var(--gurus-text-dim);
  line-height: 1.8;
}

/* ── Elementor Button Widget ── */
.elementor-widget-button .elementor-button {
  font-family: var(--gurus-font-main);
  font-weight: 600;
  letter-spacing: 0;
  transition: all 0.25s var(--gurus-ease);
}
.elementor-widget-button .elementor-button.gurus-btn-primary {
  background: var(--gurus-purple);
  color: white;
  border: none;
  border-radius: var(--gurus-radius-pill);
}
.elementor-widget-button .elementor-button.gurus-btn-primary:hover {
  background: var(--gurus-purple-light);
  transform: translateY(-2px);
  box-shadow: 0 16px 40px rgba(116,72,230,0.35);
}

/* ── Elementor Divider ── */
.elementor-widget-divider .elementor-divider-separator {
  border-color: var(--gurus-border);
}

/* ── Elementor Icon Box ── */
.elementor-widget-icon-box .elementor-icon-box-title,
.elementor-widget-icon-box .elementor-icon-box-title a {
  font-family: var(--gurus-font-heading);
  color: var(--gurus-white);
}
.elementor-widget-icon-box .elementor-icon-box-description {
  color: var(--gurus-text-muted);
}

/* ── Elementor Image ── */
.elementor-widget-image img {
  border-radius: var(--gurus-radius-md);
}

/* ── Elementor Columns padding reset ── */
.elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-column-wrap {
  padding: 0;
}

/* ── Sections Dark Backgrounds ── */
.gurus-section-dark    { background-color: var(--gurus-black) !important; }
.gurus-section-darker  { background-color: var(--gurus-darker) !important; }
.gurus-section-darkest { background-color: var(--gurus-darkest) !important; }

/* ── Navbar overrides ── */
#gurus-nav {
  position: fixed !important;
  top: 0; left: 0; right: 0;
  z-index: 800;
  transition: all 0.5s var(--gurus-ease);
  background: transparent;
}

/* ── Mobile responsive Elementor ── */
@media (max-width: 767px) {
  .elementor-section .elementor-container {
    flex-direction: column;
  }
  .elementor-column {
    width: 100% !important;
  }
}
