@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&family=Noto+Kufi+Arabic:wght@400;500;600;700&display=swap');

:root {
  --marslia-rose: #9b4b5a;
  --marslia-rose-deep: #6f3140;
  --marslia-sand: #f7f1ea;
  --marslia-ink: #1c1416;
  --marslia-gold: #b8922c;
  --marslia-mist: #fffaf6;
  --marslia-line: rgba(111,49,64,.12);
}

html[lang^="ar"], html[dir="rtl"], body {
  font-family: "Cairo", "Noto Kufi Arabic", Tahoma, sans-serif !important;
}

html[dir="rtl"] body, html[lang="ar"] body {
  background:
    radial-gradient(1200px 500px at 100% -10%, rgba(155,75,90,.16), transparent 60%),
    radial-gradient(900px 400px at 0% 20%, rgba(184,146,44,.10), transparent 55%),
    var(--marslia-mist);
  color: var(--marslia-ink);
}

/* Navbar */
html[dir="rtl"] .navbar, html[lang="ar"] .navbar,
html[dir="rtl"] header, html[lang="ar"] header {
  backdrop-filter: blur(12px);
}

html[dir="rtl"] .navbar .nav-link, html[lang="ar"] .navbar .nav-link {
  font-weight: 700 !important;
}

html[dir="rtl"] .btn-primary, html[lang="ar"] .btn-primary,
html[dir="rtl"] .btn-secondary, html[lang="ar"] .btn-secondary {
  border-radius: .9rem !important;
  font-weight: 700 !important;
}

html[dir="rtl"] .btn-primary, html[lang="ar"] .btn-primary {
  background: var(--marslia-rose) !important;
  border-color: var(--marslia-rose) !important;
  color: #fff !important;
}

html[dir="rtl"] .btn-primary:hover, html[lang="ar"] .btn-primary:hover {
  background: var(--marslia-rose-deep) !important;
  border-color: var(--marslia-rose-deep) !important;
  color: #fff !important;
}

html[dir="rtl"] .btn-secondary, html[lang="ar"] .btn-secondary {
  background: var(--marslia-ink) !important;
  border-color: var(--marslia-ink) !important;
  color: #fff !important;
}

/* Hero */
html[dir="rtl"] .banner-section-wrapper, html[lang="ar"] .banner-section-wrapper {
  position: relative;
  min-height: 74vh;
  overflow: hidden;
  border-radius: 0 0 2.5rem 2.5rem;
}

html[dir="rtl"] .main-banner-image, html[lang="ar"] .main-banner-image {
  filter: saturate(1.05) contrast(1.03);
  transform: scale(1.03);
}

html[dir="rtl"] .banner-section-wrapper::after, html[lang="ar"] .banner-section-wrapper::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(270deg, rgba(28,20,22,.78) 8%, rgba(28,20,22,.38) 52%, rgba(28,20,22,.12) 100%);
  pointer-events: none;
  z-index: 1;
}

html[dir="rtl"] .banner-content, html[lang="ar"] .banner-content { z-index: 2; }

html[dir="rtl"] .banner-content-title, html[lang="ar"] .banner-content-title {
  font-weight: 800 !important;
  font-size: clamp(2rem, 4.2vw, 3.5rem) !important;
  line-height: 1.25 !important;
  color: #fff !important;
  text-shadow: 0 10px 34px rgba(0,0,0,.35);
}

html[dir="rtl"] .banner-content p, html[lang="ar"] .banner-content p {
  color: rgba(255,255,255,.93) !important;
  font-size: 1.08rem !important;
  line-height: 1.95 !important;
}

html[dir="rtl"] .banner-content-search-box .d-flex, html[lang="ar"] .banner-content-search-box .d-flex {
  border-radius: 999px !important;
  box-shadow: 0 14px 40px rgba(0,0,0,.18);
}

html[dir="rtl"] .banner-content-search-box .btn-secondary, html[lang="ar"] .banner-content-search-box .btn-secondary {
  background: var(--marslia-rose) !important;
  border-color: var(--marslia-rose) !important;
  border-radius: 999px !important;
  color: #fff !important;
}

html[dir="rtl"] .banner-content-search-box .form-control, html[lang="ar"] .banner-content-search-box .form-control {
  text-align: right;
}

/* Sections */
html[dir="rtl"] .section-title .title, html[lang="ar"] .section-title .title,
html[dir="rtl"] .decorator-title, html[lang="ar"] .decorator-title {
  font-family: "Cairo", sans-serif !important;
}

html[dir="rtl"] .decorator-title, html[lang="ar"] .decorator-title {
  color: var(--marslia-rose-deep) !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

html[dir="rtl"] .why-choose-section-wrapper, html[lang="ar"] .why-choose-section-wrapper {
  background: linear-gradient(135deg, #fff7f2 0%, #f1e2d9 100%) !important;
  border: 1px solid var(--marslia-line);
  box-shadow: 0 18px 50px rgba(111,49,64,.08);
}

html[dir="rtl"] .choose-us-card, html[lang="ar"] .choose-us-card {
  background: #21181a !important;
  border-radius: 1.25rem !important;
  transition: transform .25s ease, box-shadow .25s ease;
}

html[dir="rtl"] .choose-us-card:hover, html[lang="ar"] .choose-us-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 30px rgba(0,0,0,.2);
}

html[dir="rtl"] .choose-us-card .title-text, html[lang="ar"] .choose-us-card .title-text,
html[dir="rtl"] .choose-us-card h6, html[lang="ar"] .choose-us-card h6 {
  color: #fff !important;
  font-weight: 700 !important;
}

html[dir="rtl"] .card, html[lang="ar"] .card,
html[dir="rtl"] .branch-card, html[lang="ar"] .branch-card,
html[dir="rtl"] .category-card, html[lang="ar"] .category-card,
html[dir="rtl"] .service-card, html[lang="ar"] .service-card,
html[dir="rtl"] .package-card, html[lang="ar"] .package-card,
html[dir="rtl"] .product-card, html[lang="ar"] .product-card,
html[dir="rtl"] .expert-card, html[lang="ar"] .expert-card {
  border-radius: 1.25rem !important;
  border: 1px solid var(--marslia-line) !important;
  box-shadow: 0 12px 28px rgba(28,20,22,.05) !important;
  overflow: hidden;
}

html[dir="rtl"] footer, html[lang="ar"] footer {
  background: #1c1416 !important;
  color: #f7ebe7 !important;
}

@keyframes marsliaFadeUp {
  from { opacity: 0; transform: translateY(18px); }
  to { opacity: 1; transform: translateY(0); }
}
html[dir="rtl"] .banner-content-wrapper, html[lang="ar"] .banner-content-wrapper { animation: marsliaFadeUp .7s ease both; }
html[dir="rtl"] .why-choose-section-wrapper, html[lang="ar"] .why-choose-section-wrapper { animation: marsliaFadeUp .8s ease both; }

@media (max-width: 767.98px) {
  html[dir="rtl"] .banner-section-wrapper, html[lang="ar"] .banner-section-wrapper {
    min-height: 58vh;
    border-radius: 0 0 1.5rem 1.5rem;
  }
  html[dir="rtl"] .banner-content-title, html[lang="ar"] .banner-content-title { font-size: 1.8rem !important; }
}