/* ============================================================
   وصلني — Brand theme override (navy + gold)
   Loaded after style.css / bootstrap.min.css to re-skin the
   public marketing site to match the وصلني logo.
   ============================================================ */

:root {
  --wasilny-navy-darkest: #04070e;
  --wasilny-navy-dark: #0a0f1c;
  --wasilny-navy: #10192b;
  --wasilny-navy-light: #1b2436;
  --wasilny-gold: #f9c705;
  --wasilny-gold-light: #ffdd57;
  --wasilny-text: #eef1f6;
  --wasilny-text-muted: #aab2c5;
}

html, body {
  background-color: var(--wasilny-navy-darkest);
  color: var(--wasilny-text);
  font-family: 'Cairo', 'Tajawal', sans-serif;
}

a { color: var(--wasilny-gold-light); }
a:hover, a.hover-stop:hover { color: var(--wasilny-gold); }

/* ---------- Navbar ---------- */
.main-nav {
  background-color: var(--wasilny-navy-darkest) !important;
  border-bottom: 2px solid var(--wasilny-gold);
}

.nav-text { color: var(--wasilny-gold); }

/* ---------- Hero ---------- */
.bg-text { color: var(--wasilny-text) !important; }

.app-section .web-icon-img {
  border-radius: 10px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.35);
}

/* ---------- Our mission ---------- */
.text-gradient-border {
  color: var(--wasilny-gold) !important;
  -webkit-text-stroke: 0;
  text-shadow: none;
}

.our-mission-p, .our-mission-p p {
  color: var(--wasilny-text-muted);
}

.our-mission-img {
  border-radius: 16px;
  overflow: hidden;
}

/* ---------- Why choose ---------- */
.why-choose-card-body {
  background-color: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(249, 199, 5, 0.25) !important;
  backdrop-filter: blur(2px);
}

.why-round-image {
  background-color: transparent !important;
  border: none !important;
}

.why-p { color: var(--wasilny-text-muted) !important; }

/* ---------- Testimonials ---------- */
.testimonial-container { background-color: var(--wasilny-navy) !important; }
.testimonial { background-color: var(--wasilny-navy-dark) !important; }
.testimonial-item h5 { color: var(--wasilny-text-muted) !important; }
.testimonial-content h2 { color: var(--wasilny-gold); }

/* ---------- Footer ---------- */
.footer {
  background-color: var(--wasilny-navy-darkest);
}

.footer-heading { color: var(--wasilny-gold) !important; }
.footer-content { color: var(--wasilny-text-muted) !important; }
.footer .divider { border-top-color: rgba(249, 199, 5, 0.2); }

/* ---------- Buttons ---------- */
.btn-primary, .btn-primary:hover, .btn-primary:focus {
  background-color: var(--wasilny-gold) !important;
  border-color: var(--wasilny-gold) !important;
  color: var(--wasilny-navy-darkest) !important;
  font-weight: 700;
}

/* ---------- RTL tweaks ---------- */
[dir="rtl"] .our-mission-p { text-align: right; }
[dir="rtl"] .content { left: auto; right: 220px; }

@media (max-width: 992px) {
  [dir="rtl"] .content { right: 20px; }
}