/* ========================================
   AUTH PAGES STYLES (Login & Signup)
   Shared styles for authentication pages
   ======================================== */

/* Input Group Select — smaller flag height on auth pages */
.input-group .input-group-select img {
  height: 1.75rem;
  width: auto;
}

/* Phone separator focus enhancement */
.input-group:focus-within .input-group-divider {
  background-color: var(--color-border-50);
}

/* Alert error list styling */
.alert ul {
  list-style: disc;
  padding-inline-start: 1rem;
  margin: 0;
}

.alert ul li {
  margin-block: 0.125rem;
}

[dir="rtl"] .input-group .input-group-field {
  direction: ltr;
  text-align: right;
  padding-inline-start: 0.875rem; /* outer edge — keep comfortable */
  padding-inline-end: 0.5rem;     /* divider side — tight */
}

/* Mirror for LTR: reduce the divider-side padding */
[dir="ltr"] .input-group .input-group-field {
  padding-inline-start: 0.5rem; /* divider side — tight */
}