/* =============================
   شركة رؤى الحديثة - أنماط عامة
   الهوية: أزرق - رمادي - برتقالي فاتح
   اتجاه: RTL / خط: Noor (إن توفر) مع Cairo كبديل
============================= */

:root{
  --r-blue-600:#1e3a8a;
  --r-blue-500:#2563eb;
  --r-gray-600:#6b7280;
  --r-gray-100:#f3f4f6;
  --r-orange-300:#fdba74;
  --r-orange-200:#fed7aa;
  --r-primary: var(--r-blue-500);
  --r-radius: 1.25rem;
  --r-shadow: 0 10px 30px rgba(2,6,23,.08);
}

@font-face{
  /*font-family: "Noor";*/
  /*src: url("../fonts/Noor.woff2") format("woff2");*/
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}

html, body{
  scroll-behavior: smooth;
}

body{
  font-family: "Cairo", system-ui, -apple-system, "Segoe UI", "Noto Kufi Arabic", sans-serif;
  color:#111827;
  background: #fafafa;
}

/* Navbar */
.navbar .nav-link{
  color:#111827;
  opacity:.9;
}
.navbar .nav-link.active,
.navbar .nav-link:hover{
  color: var(--r-primary);
}

/* Buttons */
.btn-primary{
  --bs-btn-bg: var(--r-primary);
  --bs-btn-border-color: var(--r-primary);
  --bs-btn-hover-bg: #1d4ed8;
  --bs-btn-hover-border-color: #1d4ed8;
  --bs-btn-focus-shadow-rgb: 37,99,235;
  border-radius: calc(var(--r-radius) - .5rem);
}
.btn-outline-primary{
  --bs-btn-color: var(--r-primary);
  --bs-btn-border-color: var(--r-primary);
  --bs-btn-hover-bg: var(--r-primary);
  --bs-btn-hover-border-color: var(--r-primary);
  border-radius: calc(var(--r-radius) - .5rem);
}

/* Hero */
.hero-section{
  padding-top: 120px;
  padding-bottom: 60px;
  position: relative;
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
}
.hero-section h1{
  color: var(--r-blue-600);
}
.hero-bg-gradient{
  position:absolute; inset: 0;
  background:
    radial-gradient(1200px 400px at 100% -10%, rgba(37,99,235,.12), transparent 50%),
    radial-gradient(600px 300px at 10% 100%, rgba(253,186,116,.25), transparent 50%);
  z-index:0;
}

/* Sections */
.section-divider{
  background: #fff;
  position: relative;
}
.section-divider::before{
  content:"";
  position:absolute; inset-inline:0; top:-24px;
  height:24px; background: linear-gradient(90deg, var(--r-orange-200), transparent);
  opacity:.5;
}

/* Cards */
.service-card{
  border: 1px solid #eef2f7;
  border-radius: var(--r-radius);
  box-shadow: var(--r-shadow);
  transition: transform .25s ease, box-shadow .25s ease;
}
.service-card:hover{
  transform: translateY(-4px);
  box-shadow: 0 14px 40px rgba(2,6,23,.12);
}

.product-card{
  border-radius: var(--r-radius);
  overflow: hidden;
}
.product-card .badge{
  border-radius: 999px;
}

/* Images */
.card-img-top, .img-fluid{
  border-radius: calc(var(--r-radius) - .5rem);
}

footer{
  backdrop-filter: saturate(120%) blur(4px);
}

/* Utilities */
.text-muted{ color: var(--r-gray-600) !important; }
.bg-light{ background: var(--r-gray-100) !important; }

/* Small tweaks for mobile */
@media (max-width: 576px){
  .hero-section{ padding-top: 110px; }
}