/* === IAS Zone Brand Theme =============================================== */
:root{
  --brand-1: #ff5722; /* الأساسي */
  --brand-2: #ff7a33; /* الفاتح */
  --brand-grad:
    radial-gradient(60% 50% at 50% 0%, rgba(255,107,53,.22), transparent 70%),
    linear-gradient(180deg, #ff7a33 0%, #ff5722 100%);
  --brand-grad-soft:
    radial-gradient(60% 50% at 50% 0%, rgba(255,107,53,.08), transparent 70%),
    linear-gradient(180deg, rgba(255,122,51,.05) 0%, rgba(255,87,34,.05) 100%);
  --brand-shadow: 0 .75rem 1.5rem rgba(255,87,34,.25);
  --brand-shadow-lg: 0 1rem 2rem rgba(255,87,34,.35);
  --radius-lg: .75rem;
}

/* أزرار البراند (وتأثيرها على .btn-primary عشان توحيد سريع) */
.btn-brand,
.btn-primary{
  color:#fff !important;
  background-image: var(--brand-grad) !important;
  border:0 !important;
  box-shadow: var(--brand-shadow) !important;
  transition: transform .15s ease, box-shadow .15s ease;
}
.btn-brand:hover,
.btn-primary:hover{ transform: translateY(-2px); box-shadow: var(--brand-shadow-lg)!important; }

.btn-outline-brand,
.btn-outline-primary{
  color: var(--brand-1) !important;
  border:2px solid var(--brand-1) !important;
  background: transparent !important;
}
.btn-outline-brand:hover,
.btn-outline-primary:hover{
  color:#fff !important;
  background-image: var(--brand-grad) !important;
  border-color: transparent !important;
}

/* خلفيات براند خفيفة للأقسام */
.bg-brand-soft{ background: var(--brand-grad-soft) !important; }
.bg-brand { background-image: var(--brand-grad) !important; color:#fff; }

/* لون الروابط والهوفر */
a{ color: var(--brand-1); }
a:hover{ color: var(--brand-2); }

/* كروت موحّدة */
.card{ border-radius: var(--radius-lg); }
.shadow-soft{ box-shadow: 0 .75rem 1.5rem rgba(16,24,40,.08); }

/* صور بتنت البراند علشان الشكل يبقى موحّد حتى لو الصور من مصادر مختلفة */
.brand-thumb{ position:relative; overflow:hidden; border-radius: var(--radius-lg); }
.brand-thumb img{ width:100%; height:auto; display:block; filter: saturate(105%) contrast(98%); transform: translateZ(0); }
.brand-thumb::after{
  content:""; position:absolute; inset:0;
  background: var(--brand-grad); mix-blend-mode: multiply; opacity:.10;
  pointer-events:none;
}

/* صورة خلفية داخل ديف بنسبة أبعاد */
.ratio{ position:relative; width:100%; }
.ratio::before{ content:""; display:block; padding-top:56.25%; } /* 16:9 */
.ratio.ratio-4x3::before{ padding-top:75%; }
.bg-cover{ background-size:cover; background-position:center; border-radius: var(--radius-lg); }

/* شريط CTA ثابت بلون البراند */
#cta-sticky{ position: fixed; bottom: 0; left: 0; right:0; z-index: 9999;
  background-image: var(--brand-grad); color: #fff; padding: .75rem 0; }
#cta-sticky .btn{ font-weight:600; }

/* عناوين فيها تاتش جراديانت */
.gradient-text{
  background-image: linear-gradient(180deg, var(--brand-2), var(--brand-1));
  -webkit-background-clip:text; background-clip:text; color:transparent;
}

/* هوفر خفيف موحّد */
.lift{ transition:transform .2s ease, box-shadow .2s ease; }
.lift:hover{ transform:translateY(-4px); box-shadow:0 1rem 2rem rgba(16,24,40,.12); }

/* تقليل زحمة الصور على الموبايل */
@media (max-width: 991.98px){
  .feature-collage{ display:none!important; } /* لو موجودة من نسخه سابقة */
}
/* Navbar visibility & layers */
#navbar-main{ z-index: 1100; }

/* collapse background on mobile */
@media (max-width: 991.98px){
  #navbar-main .navbar-collapse{ background:#fff; box-shadow:0 .5rem 1rem rgba(0,0,0,.08); }
}

/* Force toggler icon (بعض الثيمات بتغيرها) */
.navbar-light .navbar-toggler{ border-color: rgba(0,0,0,.1); }
.navbar-light .navbar-toggler-icon{
  background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(31,41,55,0.9)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/* Brand buttons (نفس جراديانت البراند اللي اتفقنا عليه) */
:root{
  --brand-1:#ff5722; --brand-2:#ff7a33;
  --brand-grad: radial-gradient(60% 50% at 50% 0%, rgba(255,107,53,.22), transparent 70%), linear-gradient(180deg,#ff7a33 0%,#ff5722 100%);
}
.btn-primary{ color:#fff!important; background-image:var(--brand-grad)!important; border:0!important; }
.btn-outline-primary{ color:var(--brand-1)!important; border:2px solid var(--brand-1)!important; }
.btn-outline-primary:hover{ color:#fff!important; background-image:var(--brand-grad)!important; border-color:transparent!important; }

/* Offset للأنكور عشان الناف الثابت */
section[id]{ scroll-margin-top: 90px; }