/* Left/right swap for My Loan section widgets ("Swap left and right sides" in the Style tab). */
@media (min-width: 701px) {
  .myloan-widget-section.is-swapped :is(.split-section, .hero-split, .contact-layout, .client-story, .cta-panel, .faq-preview, .eligibility-layout, .apply-layout, .faq-layout, .asset-hero-grid, .car-hero-grid, .legal-layout, .asset-guidance-panel, .home-hero-inner) {
    direction: rtl;
  }
  .myloan-widget-section.is-swapped :is(.split-section, .hero-split, .contact-layout, .client-story, .cta-panel, .faq-preview, .eligibility-layout, .apply-layout, .faq-layout, .asset-hero-grid, .car-hero-grid, .legal-layout, .asset-guidance-panel, .home-hero-inner) > * {
    direction: ltr;
  }
  /* Full-bleed photo in page heroes: bleed to the left edge instead of the right. */
  .myloan-widget-section.is-swapped .hero-split .hero-photo {
    margin-left: calc((1240px - 100vw) / 2);
    margin-right: 0;
  }
  /* Home hero: photo and planner card are absolutely positioned. */
  .myloan-widget-section.is-swapped .home-hero-photo {
    left: calc((1240px - 100vw) / 2);
    right: auto;
  }
  .myloan-widget-section.is-swapped .home-hero-photo::after {
    background: linear-gradient(270deg, #eaf3ee 0%, #eaf3ee00 42%);
  }
  .myloan-widget-section.is-swapped .home-hero .hero-content {
    padding-left: 70px;
    padding-right: 0;
  }
  .myloan-widget-section.is-swapped .planning-card {
    left: 0;
    right: auto;
  }
}

/* Global footer: column widths follow the blocks that are switched on (set inline by the footer widget). */
@media (min-width: 1101px) {
  .myloan-elementor-footer .footer-grid {
    grid-template-columns: var(--ml-footer-cols, 1.4fr .65fr .65fr 1.4fr);
  }
}
.myloan-elementor-footer .footer-contact-item {
  display: block;
  margin: 0 0 11px;
  color: #d0dcdf;
  font-size: .875rem;
}
.myloan-elementor-footer a.footer-contact-item:hover { color: #8ad3c4; }
.myloan-elementor-footer .footer-contact-item i,
.myloan-elementor-footer .footer-contact-item svg { margin-right: 6px; width: 1em; height: 1em; }