/* ==========================================================================
   MidCity Movers — Elementor overrides.
   Elementor wraps every widget in containers that add max-width, padding
   and margins. Full-bleed MidCity widgets must escape both layout modes:
   flexbox containers (.e-con) and legacy sections (.elementor-section).

   @package MidCity_Movers
   @author  SlingSoft Apps <https://slingsoft.app>
   ========================================================================== */

/* ── Full-bleed widgets: flexbox containers (Elementor 3.x) ─────────────── */
.e-con:has([class*="elementor-widget-midcity_"]) {
  --container-max-width: 100% !important;
  --content-width: 100% !important;
  --padding-top: 0 !important;
  --padding-bottom: 0 !important;
  --padding-left: 0 !important;
  --padding-right: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  max-width: 100% !important;
}
.e-con:has([class*="elementor-widget-midcity_"]) > .e-con-inner {
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ── Full-bleed widgets: legacy sections ────────────────────────────────── */
.elementor-section:has([class*="elementor-widget-midcity_"]) > .elementor-container {
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}
.elementor-section:has([class*="elementor-widget-midcity_"]) {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* ── Remove stray default containers/text editors on full-page MidCity widget pages ── */
.elementor:has([class*="elementor-widget-midcity_"]) > .e-con:has(.elementor-widget-text-editor):not(:has([class*="elementor-widget-midcity_"])),
.elementor:has([class*="elementor-widget-midcity_"]) > .elementor-section:has(.elementor-widget-text-editor):not(:has([class*="elementor-widget-midcity_"])),
.elementor:has([class*="elementor-widget-midcity_"]) > .e-con:not(:has([class*="elementor-widget-midcity_"])):first-child,
.elementor:has([class*="elementor-widget-midcity_"]) > .elementor-section:not(:has([class*="elementor-widget-midcity_"])):first-child {
  display: none !important;
}

/* ── Reset default WordPress and theme wrappers ─────────────────────────── */
#main,
.site-main,
.page-content,
.entry-content {
  margin: 0 !important;
  padding: 0 !important;
}

/* ── Widget wrapper: no injected gaps between stacked MidCity sections ──── */
.elementor-widget[data-widget_type^="midcity_"] {
  margin-bottom: 0;
}
.elementor-widget[data-widget_type^="midcity_"] > .elementor-widget-container {
  margin: 0;
  padding: 0;
}

/* ── Hide the theme/page default title above widget-built pages ─────────── */
.page-header,
h1.entry-title,
.elementor-page-title {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* ── Elementor inline SVG icons expand to container width — constrain ───── */
.elementor-widget[data-widget_type^="midcity_"] svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
  display: inline-block;
  vertical-align: middle;
}

/* ── Editor canvas: keep scroll-gated elements visible while editing ────── */
.elementor-editor-active [data-animate],
.elementor-editor-active .reveal {
  opacity: 1 !important;
  transform: none !important;
}

/* ── Contact Page Card & Link Scoping ───────────────────────────────────── */
.elementor-widget-midcity_contact_page a.ct-service-card,
.elementor a.ct-service-card,
a.ct-service-card {
  text-decoration: none !important;
  color: inherit !important;
}
.elementor-widget-midcity_contact_page a.ct-service-card:hover,
.elementor-widget-midcity_contact_page a.ct-service-card:focus,
.elementor-widget-midcity_contact_page a.ct-service-card:visited,
.elementor a.ct-service-card:hover,
.elementor a.ct-service-card:focus,
.elementor a.ct-service-card:visited,
a.ct-service-card:hover,
a.ct-service-card:focus,
a.ct-service-card:visited {
  text-decoration: none !important;
  color: inherit !important;
}
.elementor-widget-midcity_contact_page a.ct-service-card *,
.elementor a.ct-service-card *,
a.ct-service-card * {
  text-decoration: none !important;
}
.elementor-widget-midcity_contact_page a.ct-service-card .ct-service-name,
a.ct-service-card .ct-service-name {
  color: var(--text-title) !important;
  text-decoration: none !important;
}
.elementor-widget-midcity_contact_page a.ct-service-card .ct-service-desc,
a.ct-service-card .ct-service-desc {
  color: var(--text-muted) !important;
  text-decoration: none !important;
}
.elementor-widget-midcity_contact_page a.ct-service-card .ct-service-more,
a.ct-service-card .ct-service-more {
  color: var(--c-gold-text) !important;
  text-decoration: none !important;
}
.elementor-widget-midcity_contact_page a.ct-channel-value,
.elementor a.ct-channel-value,
a.ct-channel-value {
  text-decoration: none !important;
  color: var(--text-title) !important;
}
.elementor-widget-midcity_contact_page a.ct-channel-value:hover,
.elementor a.ct-channel-value:hover,
a.ct-channel-value:hover {
  text-decoration: none !important;
  color: var(--c-gold-text) !important;
}
.elementor-widget-midcity_contact_page .ct-inline-link,
.elementor .ct-inline-link,
.ct-inline-link {
  text-decoration: none !important;
  color: var(--c-gold-text) !important;
}

/* ── Terms & Privacy Policy Scoping ─────────────────────────────────────── */
.elementor-widget-midcity_terms_page .legal-toc-list a,
.elementor-widget-midcity_privacy_page .legal-toc-list a,
.legal-toc-list a {
  text-decoration: none !important;
}
.elementor-widget-midcity_terms_page .legal-contact-actions a,
.elementor-widget-midcity_privacy_page .legal-contact-actions a {
  text-decoration: none !important;
}

/* ── Mobile Sticky Header: zero top gap on scroll ───────────────────────── */
@media screen and (max-width: 600px) {
  body.admin-bar .main-header-v2.is-scrolled {
    top: 0 !important;
  }
}

/* ── Contact Page Social Channels Grid ──────────────────────────────────── */
.ct-social-connect-box {
  margin-top: 2.5rem;
  background: var(--bg-warm, #FAF8F5);
  border: 1px solid var(--line-border, #E2E8F0);
  border-radius: var(--r-xl, 16px);
  padding: clamp(1.6rem, 3vw, 2.2rem);
  box-shadow: 0 4px 18px rgba(10, 19, 36, 0.04);
}
.ct-social-connect-intro {
  max-width: 680px;
  margin-bottom: 1.5rem;
}
.ct-social-connect-title {
  font-size: clamp(1.25rem, 2.2vw, 1.6rem);
  font-weight: 800;
  color: var(--text-title, #0A1324);
  margin: 0.6rem 0 0.35rem;
}
.ct-social-connect-desc {
  color: var(--text-muted, #64748B);
  font-size: 0.93rem;
  line-height: 1.6;
  margin: 0;
}
.ct-social-channels-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
  gap: 0.8rem;
}
.ct-social-channel-item {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  padding: 0.8rem 1rem;
  background: #FFFFFF;
  border: 1px solid var(--line-border, #E2E8F0);
  border-radius: var(--r-lg, 12px);
  text-decoration: none !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: 0 2px 6px rgba(10, 19, 36, 0.03);
}
.ct-social-channel-item:hover,
.ct-social-channel-item:focus {
  transform: translateY(-2px);
  border-color: var(--c-yellow, #F5C518);
  box-shadow: 0 6px 18px rgba(10, 19, 36, 0.09);
  background: #FFFFFF;
  text-decoration: none !important;
}
.ct-social-channel-icon {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: var(--bg-obsidian, #0A1324);
  color: #FFFFFF;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  flex-shrink: 0;
  transition: all 0.25s ease;
}
.ct-social-channel-item:hover .ct-social-channel-icon {
  background: var(--c-yellow, #F5C518);
  color: var(--bg-obsidian, #0A1324);
}
.ct-social-channel-text {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.ct-social-channel-name {
  font-family: var(--f-sans, 'Plus Jakarta Sans', sans-serif);
  font-size: 0.88rem;
  font-weight: 700;
  color: var(--text-title, #0A1324) !important;
  line-height: 1.25;
}
.ct-social-channel-handle {
  font-size: 0.76rem;
  color: var(--text-muted, #64748B) !important;
  margin-top: 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 760px) {
  .ct-social-channels-grid {
    grid-template-columns: 1fr;
    gap: 0.6rem;
  }
  .ct-social-connect-box {
    margin-top: 1.8rem;
    padding: 1.25rem;
  }
}