/* =====================================================
   DIWAN AL MOLOUK — LTR (English) Overrides
   Load AFTER diwan-modern.css on English pages
   ===================================================== */

/* ── Base direction ── */
body {
  direction: ltr;
  font-family: 'Manrope', 'Segoe UI', sans-serif;
}

/* ── Navigation top bar ── */
.dm-nav-top .container { flex-direction: row; }
.dm-nav-top-info { flex-direction: row; }

/* Nav links */
.dm-nav-links > li > a::after {
  left: 20px; right: 20px;
}
.dm-dropdown { right: auto; left: 0; }
.dm-dropdown li a:hover { padding-left: 28px; padding-right: 20px; }

/* Mobile nav */
.dm-mobile-nav li a:hover { padding-left: 32px; padding-right: 24px; }

/* ── Hero ── */
.dm-hero-content { text-align: left; }
.dm-hero p { text-align: left; margin: 0 0 40px; }
.dm-hero-actions { justify-content: flex-start; }
.dm-hero-label { display: inline-block; }

/* ── Section Headers ── */
.dm-section-header { text-align: left; }
.dm-section-header p { margin: 0; }
.dm-divider { margin: 16px 0 0 0; }
.dm-label { text-align: left; display: block; }

/* ── About section ── */
.dm-about-content {
  padding-right: 0;
  padding-left: 48px;
}
.dm-about-img-badge { right: auto; left: 32px; }
.dm-value-item {
  border-right: none;
  border-left: 3px solid var(--gold);
  text-align: left;
}

/* ── Service cards ── */
.dm-service-card-badge {
  right: auto; left: 0;
  border-radius: 0 var(--radius) 0 0;
}
.dm-service-card-body ul li::before { content: '›'; }

/* ── Features grid (why us) ── */
.dm-feature-text h4 { text-align: left; }
.dm-feature-text p { text-align: left; }

/* ── Pillars ── */
.dm-pillar-card {
  text-align: left;
  border-right: none;
  border-top: 4px solid transparent;
}
.dm-pillar-card:hover { border-top-color: var(--gold); }

/* ── Service detail alternating layout ── */
.dm-service-detail {
  grid-template-columns: 1.2fr 1fr;
}
.dm-service-detail.reverse {
  grid-template-columns: 1fr 1.2fr;
  direction: ltr;
}

/* ── Service list bullets ── */
.dm-service-list li { text-align: left; }

/* ── Page hero breadcrumb ── */
.dm-page-hero-content { text-align: left; }
.dm-breadcrumb { justify-content: flex-start; }

/* ── Locations ── */
.dm-location-detail { text-align: left; }
.dm-location-info h3 { text-align: left; }

/* ── Contact form ── */
.dm-form-group input,
.dm-form-group textarea,
.dm-form-group select { text-align: left; }

/* ── Footer ── */
.dm-footer-hours li { flex-direction: row-reverse; }
.dm-footer-hours .day { text-align: right; }
.dm-footer-contact-item .info { text-align: left; }

/* ── CTA ── */
.dm-cta h2,
.dm-cta p { text-align: center; }

/* ── Stats ── */
.dm-stat-label { text-align: center; }

/* ── Mobile nav: slide from LEFT for LTR ── */
.dm-mobile-nav {
  right: auto;
  left: -100%;
  box-shadow: 8px 0 40px rgba(0,0,0,0.4);
  transition: left 0.35s cubic-bezier(0.4,0,0.2,1);
}
.dm-mobile-nav.active { left: 0; right: auto; }

/* Submenu indent for LTR */
.dm-submenu li a { padding: 12px 40px; }
.dm-submenu li a:hover { padding-left: 48px; padding-right: 40px; }

/* Mobile nav links hover for LTR */
.dm-mobile-nav > ul > li > a:hover { padding-right: 24px; }

/* ── Responsive overrides ── */
@media (max-width: 991px) {
  .dm-about-content { padding-left: 0; padding-top: 32px; }
  .dm-service-detail.reverse { direction: ltr; }
  .dm-pillars-grid { grid-template-columns: 1fr 1fr; }
}