body {
  background: #f8fafc;
  color: #222;
}
.navbar {
  border-radius: 0 0 1rem 1rem;
}
.card {
  border: none;
  border-radius: 1rem;
  transition: transform 0.2s, box-shadow 0.2s;
}
.card:hover {
  transform: translateY(-8px) scale(1.03);
  box-shadow: 0 8px 32px rgba(0,0,0,0.12);
}
footer {
  font-size: 1rem;
  background: #f1f3f6;
}
img.about-home-img {
  max-height: 350px !important;
  width: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  border-radius: 1rem !important;
  display: block;
}

/* Custom colors for icons */
.text-purple {
  color: #6f42c1 !important;
}

/* RTL overrides for cards and specific elements */
body.rtl .card {
  direction: ltr !important;
  text-align: left !important;
}

body.rtl .card-body {
  direction: ltr !important;
  text-align: left !important;
}

body.rtl .card-title {
  direction: ltr !important;
  text-align: left !important;
}

body.rtl .card-text {
  direction: ltr !important;
  text-align: left !important;
}

body.rtl .form-control {
  direction: ltr !important;
  text-align: left !important;
}

body.rtl .form-select {
  direction: ltr !important;
  text-align: left !important;
}

body.rtl textarea.form-control {
  direction: ltr !important;
  text-align: left !important;
}

body.rtl .btn {
  direction: ltr !important;
  text-align: center !important;
}

body.rtl .alert {
  direction: ltr !important;
  text-align: left !important;
}

body.rtl .invalid-feedback {
  direction: ltr !important;
  text-align: left !important;
}

body.rtl .form-check-label {
  direction: ltr !important;
  text-align: left !important;
}

/* Keep testimonials and skills cards LTR in Arabic */
body.rtl .col-md-4 .card,
body.rtl .col-md-6 .card,
body.rtl .col-lg-4 .card {
  direction: ltr !important;
  text-align: left !important;
}

/* Keep form elements LTR in Arabic */
body.rtl form {
  direction: ltr !important;
  text-align: left !important;
}

/* Keep contact information LTR in Arabic */
body.rtl .contact-info {
  direction: ltr !important;
  text-align: left !important;
}