direction: rtl;
  text-align: right;
}

html[lang="ar"] input,
html[lang="ar"] textarea {
  direction: rtl;
  text-align: right;
}

:lang(ar) {
  font-family: var(--font-ar);
}

:lang(en) {
  font-family: var(--font-en);
}

body {
  margin: 0;
  padding: 0;
}

.layout__body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  min-height: 100dvh;
  
}

.layout__main {
  flex: 1;
}


/* ========================================
   Root Variables
======================================== */

:root {
  --font-en: "Inter", sans-serif;
  --font-ar: "Tajawal", sans-serif;

  --primary: #2563eb;
  --primary-hover: #1d4ed8;

  --text: #0f172a;
  --text-light: #475569;

  --bg: linear-gradient(135deg,#f8fafc,#e2e8f0);
  --border: #e2e8f0;

  --success: #16a34a;
  --error: #dc2626;

  --radius: 0.75rem;

  --shadow-md: 0 8px 24px rgba(0,0,0,.08);

  --transition: all .25s ease;

}



/* ========================================
   Responsive
======================================== */

@media (max-width: 640px) {

  .booking-form {

    padding: 2rem 1rem;

  }

  .booking-form__container {

    padding: 1.5rem;

  }

  .booking-form__row {

    flex-direction: column;

  }

}