/* DZ Club Manager - Left-to-right layout overrides (French interface) */

html[dir="ltr"] body {
  direction: ltr;
}

html[dir="ltr"] .sidebar {
  right: auto;
  left: 0;
  border-left: none;
  border-right: 1px solid var(--border-light);
}

html[dir="ltr"] .main-wrapper {
  margin-right: 0;
  margin-left: var(--sidebar-width);
  transition: margin-left var(--transition-smooth);
}

html[dir="ltr"] .sidebar.collapsed ~ .main-wrapper {
  margin-right: 0;
  margin-left: var(--sidebar-collapsed-width);
}

html[dir="ltr"] .nav-item.active::before {
  right: auto;
  left: -0.75rem;
  border-radius: 0 4px 4px 0;
}

html[dir="ltr"] .nav-badge {
  margin-right: 0;
  margin-left: auto;
}

html[dir="ltr"] .header-btn .notification-dot {
  right: auto;
  left: 8px;
}

html[dir="ltr"] .sidebar-toggle-btn svg {
  transform: scaleX(-1);
}

/* Inline right-aligned cells and accent borders written for RTL */
html[dir="ltr"] [style*="text-align: right"] {
  text-align: left !important;
}

html[dir="ltr"] [style*="position: absolute; top: 10px; right: 10px"] {
  right: auto !important;
  left: 10px !important;
}

@media (max-width: 1024px) {
  html[dir="ltr"] .sidebar {
    transform: translateX(-100%);
  }
  html[dir="ltr"] .sidebar.mobile-open {
    transform: translateX(0);
    box-shadow: 10px 0 30px rgba(0, 0, 0, 0.2);
  }
  html[dir="ltr"] .main-wrapper {
    margin-left: 0 !important;
  }
}

@media print {
  html[dir="ltr"] .main-wrapper {
    margin-left: 0 !important;
  }
}

/* Text alignment written for RTL in the base stylesheets */
html[dir="ltr"],
html[dir="ltr"] body,
html[dir="ltr"] .nav-item,
html[dir="ltr"] .data-table {
  text-align: left;
}

@media print {
  html[dir="ltr"] .print-club-meta,
  html[dir="ltr"] .print-table td.text-right {
    text-align: left !important;
  }
}

/* Longer French labels must not push the page wider than the window */
.main-wrapper {
  min-width: 0;
}

/* Page title / subtitle stay on one line (long French labels) */
.top-header .header-left { min-width: 0; flex: 1 1 auto; }
.top-header .header-left > div { min-width: 0; }
.top-header .header-right { flex-shrink: 0; }
.view-page-title,
.view-page-subtitle {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}