/*
 * AUDIT-VERIFIED: Phase 6.6.3 (commit 064cd124)
 * Population: global RTL layout adjustments (loaded for Arabic locale)
 * Sub-disposition: partial-keep
 *   Active-keep: `body { text-align: right; }`, `#phone-icon { ... }`, etc.
 *     RTL layout primitives, no facade.
 *   Bootstrap-facade sub-section (Shape 10):
 *     Caller-migration thread: Phase 6.6.3b scope-doc-light (pending direction-lock).
 *     Facade rule: `.breadcrumb-item + .breadcrumb-item::before` (line below).
 *     RTL adjustment for Bootstrap-style breadcrumb separators. Coupled to
 *     `ol.breadcrumb` facade in application.tailwind.css; both retire together
 *     when callers migrate breadcrumb markup to project-native conventions.
 * Do not auto-migrate the breadcrumb sub-section without revising Shape 10
 * disposition.
 * Future audits: grep for `AUDIT-VERIFIED:` to skip already-verified files.
 */

body {
  text-align: right;
}

.breadcrumb-item + .breadcrumb-item::before {
  padding-left: 0.5rem;
}

#phone-icon {
  margin-right: -4px;
}

@media (max-width: 575.98px) {
  #nav-logo {
    position: relative;
    left: -15px;
  }
}

#logo {
  right: unset;
  left: 10px;
}

a#profile-edit-link {
  left: unset;
  right: 1em;
}

.new-item-actions {
  text-align: left;
}

/* Phase 6.5.3d — `h1.headline` rule dropped. JOOD-Gourmet decorative
   carryover (gold-accent border `rgb(205, 86, 49)`); BRAND.md silent
   on h1 borders/accents and zero views apply `class="headline"`.
   Dead CSS targeting a class that no element uses. */

/* Profile Orders Cards */
#profile-orders .card { }

@media (min-width: 500px) {
  #profile-orders .card:not(:last-child) {
    margin-left: 20px;
  }
}

@media (min-width: 700px) {
  #profile-orders .card:not(:last-child) {
    margin-left: 30px;
  }
}

@media (min-width: 1100px) {
  #profile-orders .card:not(:last-child) {
    margin-left: 40px;
  }
}

input#customer_email,
input#customer_password,
input#employee_username,
input#employee_password {
  direction: ltr;
}

input#customer_email::placeholder,
input#customer_password::placeholder,
input#employee_username::placeholder,
input#employee_password::placeholder {
  text-align: right;
}