/* Global overrides for Arabic (RTL) locale */

@font-face {
  font-family: 'DIN Next LT Arabic';
  src: url('/fonts/DINNextLTArabic-Regular-3.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

html[lang='ar'] body,
html[dir='rtl'] body {
  font-family: 'DIN Next LT Arabic', 'Inter', sans-serif;
  text-align: right;
  direction: rtl;
}
.dropdown-menu-end {
  --bs-position: start;
}
.dropdown-item {
  display: flex;
  gap: 7px;
}
.nav {
  padding-left: 0.75rem;
  padding-right: 0;
}

.navbar-brand {
  margin-left: var(--bs-navbar-brand-margin-end);
  padding-right: 0;
}

.flex-centered {
  margin-left: 0 !important;
  margin-right: auto !important;
}

@media (width >= 576px) {
  .ms-sm-3 {
    margin-left: 0 !important;
    margin-right: 1rem !important;
  }
}

.language-switch-btn {
  border-radius: 999px;
  border-color: rgba(15, 23, 42, 0.15);
  font-weight: 600;
  letter-spacing: 0.08em;
  padding: 0.65rem 1.25rem;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.language-switch-btn:hover,
.language-switch-btn:focus-visible {
  border-color: rgba(15, 23, 42, 0.35);
  background: rgba(15, 23, 42, 0.04);
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.12);
}

.language-selector-modal .modal-dialog {
  max-width: 500px;
}

.language-selector-modal__content {
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 1.25rem;
  padding: 1.5rem;
  background: #ffffff;
  color: #0f172a;
  box-shadow: 0 25px 65px rgba(15, 23, 42, 0.15);
}

.language-selector-modal__icon {
  width: 58px;
  height: 58px;
  border-radius: 50%;
  background: #f1f5f9;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  color: #0f172a;
}

.language-selector-modal__icon svg {
  opacity: 0.85;
}

.language-options-grid {
  display: grid;
  gap: 0.85rem;
}

@media (min-width: 576px) {
  .language-options-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.language-card {
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 1rem;
  padding: 1rem 1.25rem;
  background: #f8fafc;
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  text-align: right;
  align-items: flex-end;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.language-card:hover:not(:disabled) {
  border-color: rgba(79, 70, 229, 0.35);
  box-shadow: 0 12px 25px rgba(79, 70, 229, 0.12);
  transform: translateY(-2px);
}

.language-card:disabled {
  cursor: default;
  background: #eef2ff;
  border-color: rgba(34, 197, 94, 0.35);
}

.language-card__badge {
  font-weight: 700;
  font-size: 0.9rem;
  letter-spacing: 0.2em;
  border: 1px solid rgba(15, 23, 42, 0.15);
  border-radius: 999px;
  padding: 0.25rem 0.7rem;
}

.language-card__title {
  font-size: 1.05rem;
  font-weight: 600;
}

.language-card__subtitle {
  font-size: 0.9rem;
  color: rgba(15, 23, 42, 0.65);
}

.language-card__status {
  margin-top: 0.25rem;
  font-size: 0.85rem;
  color: rgba(15, 23, 42, 0.65);
}

.language-card--active .language-card__status {
  color: #16a34a;
  font-weight: 600;
}

.letter-spacing-wide {
  letter-spacing: 0.2em;
  color: rgba(15, 23, 42, 0.5);
}

.me-2 {
  margin-left: .5rem !important;
  margin-right: unset !important;
}


.text-start {
  text-align: right !important;
}


.end-0 {
  right: unset !important;
left: 0 !important;
}































/* 
.navbar.topNav {
  background: #177dc1;
  color: #FFF;
}

.navbar.topNav li.nav-item a {
  color: #FFF !important;
}

.navbar.topNav ul ul  li a.nav-link.dropdown-item {
  color: #0f0e0e !important;
}

.nav .nav-item .nav-link {
  color: #0f0e0e !important;
}

a.nav-link.btn.btn-primary.btn-sm {
  color: #FFF !important;
}

a.nav-link.bg-light.icon-md.btn.btn-light{
  color: #0f0e0e !important;

}


.navbar.topNav .nav-item .blackText a, .blackText a
,
.blackText a {
  color: #000 !important;
  text-align: right;
  direction: rtl;
} */


.modal-header .btn-close {
  padding: calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);
  margin-top: calc(-.5 * var(--bs-modal-header-padding-y));
  margin-left: calc(-.5 * var(--bs-modal-header-padding-x));
  margin-bottom: calc(-.5 * var(--bs-modal-header-padding-y));
  margin-right: auto;
}



@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
      max-width: 1605px;
  }
}
main {
  background-color: #f3edef;

}

.card-img{
  height: 350px;
  width: 100%;
  object-fit: contain;
}

.card {
  background: #fcf8f7;
}
body {
  background: #f3edef;
}