/* Header +15% size and Bell */
.site-header .nav{
  display:flex !important;
  flex-wrap:nowrap !important;
  gap:10px !important;
  overflow-x:auto !important;
}
.site-header .nav a{
  white-space:nowrap !important;
  font-size:15px !important;
  padding:7px 10px !important;
  line-height:1.25 !important;
}

.noti-btn{
  position:relative;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  width:38px;height:38px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.06);
  text-decoration:none !important;
  flex:0 0 auto;
  color:#fff;
}
.noti-btn svg{ width:18px;height:18px; display:block; }
.noti-badge{
  position:absolute;
  top:-6px; right:-6px;
  min-width:18px;height:18px;
  padding:0 5px;
  border-radius:999px;
  background:#e11d48;
  color:#fff;
  font-size:12px;
  line-height:18px;
  text-align:center;
  font-weight:700;
}

/* تصغير صفحات المشترك 35% على الجوال */
@media (max-width: 768px) {
  body {
    zoom: 0.65; /* 65% = تصغير 35% */
  }
}

/* بديل في حال عدم دعم zoom */
@media (max-width: 768px) {
  body {
    transform: scale(0.65);
    transform-origin: top center;
    width: 154%;
  }
}


/* Footer social icons */
.footer-social .social-links{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  justify-content:center;
  margin-top:10px;
}
.social-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 14px;
  border-radius:999px;
  text-decoration:none;
  border:1px solid rgba(255,255,255,.12);
  background: rgba(17,17,19,.55);
  color:#fff;
  transition: transform .15s ease, background .15s ease, border-color .15s ease;
}
.social-pill:hover{
  transform: translateY(-1px);
  background: rgba(245,158,11,.12);
  border-color: rgba(245,158,11,.35);
}
.social-pill .sico{
  width:18px;
  height:18px;
  display:block;
  color: var(--color-accent, #f59e0b);
}
.social-pill span{ font-weight:600; font-size:.92rem; }

/* Make header a bit smaller on mobile */
@media (max-width: 768px){
  .mobile-header{ min-height:54px; }
}


/* contact-rtl */
#contactForm{direction:rtl;}
#contactForm label{display:block;text-align:right;}
#contactForm input,#contactForm select,#contactForm textarea{direction:rtl;text-align:right;}


/* social-footer */
.social-footer{padding:18px 0 26px;text-align:center;}
.social-footer-inner{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;}
.social-footer .soc{width:46px;height:46px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.12);} 
.social-footer .soc img{width:20px;height:20px;display:block;} 
.follow-title{font-weight:800;margin:0 0 10px;} 
.copyright-2026{opacity:.75;font-size:12px;margin-top:10px;}


/* social-icon-gold */
.social-footer .soc img{filter: invert(61%) sepia(89%) saturate(2380%) hue-rotate(7deg) brightness(98%) contrast(97%);}

/* plans-uniform */
.plans-grid{
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap:16px;
}
.plan-card{
  width:100%;
  max-width:360px;
  margin:0 auto;
}
.plan-card.featured,
.plan-card.popular{
  transform:none !important;
  max-width:360px;
}

/* ready-plans-big: make 'الباقات المتاحة' big like 'ابدأ الآن' */
a.btn[href="plans.php"], a.btn[href="plans.php#plans"]{
  padding:14px 34px !important;
  font-size:18px !important;
  border-radius:999px !important;
  min-height:48px !important;
}
@media (max-width:768px){
  a.btn[href="plans.php"], a.btn[href="plans.php#plans"]{
    width:auto !important;
  }
}

/* btn-primary-wide: unify homepage buttons like "ابدأ الآن" */
.btn-primary-wide{
  padding:14px 34px !important;
  font-size:18px !important;
  border-radius:999px !important;
  min-height:48px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
}
@media (max-width:768px){
  .btn-primary-wide{
    width:100% !important;
    max-width:520px !important;
  }
}

/* contact-cta-center: center the 'الباقات المتاحة' button */
.contact-cta-actions{
  display:flex;
  justify-content:center;
  align-items:center;
}
@media (max-width:768px){
  .contact-cta-actions .btn{
    width:100% !important;
    max-width:520px !important;
  }
}

/* cta-unified: make (ابدأ الآن / احجز استشارة / الباقات المتاحة) identical */
.btn-cta-unified{
  padding:14px 34px !important;
  font-size:18px !important;
  border-radius:999px !important;
  min-height:48px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
}
@media (max-width:768px){
  .btn-cta-unified{
    width:100% !important;
    max-width:520px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}

/* unify-all-cta: center and unify all main CTA buttons */
@media (max-width:768px){
  .hero .btn,
  .contact-cta .btn,
  .section-dark .center .btn,
  .section-light .center .btn{
    width:100% !important;
    max-width:520px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    padding:14px 34px !important;
    font-size:18px !important;
    border-radius:999px !important;
    min-height:48px !important;
  }
  .hero .btn + .btn{ margin-top:10px !important; }
}

/* global-btn-unify: unify and center main buttons */
main a.btn:not(.drawer-close):not(.mobile-menu-toggle){
  padding:14px 34px;
  font-size:18px;
  border-radius:999px;
  min-height:48px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
@media (max-width:768px){
  main a.btn:not(.drawer-close):not(.mobile-menu-toggle){
    width:100% !important;
    max-width:520px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    float:none !important;
  }
  .center{ text-align:center !important; }
  .contact-cta-actions{
    width:100% !important;
    display:flex !important;
    justify-content:center !important;
  }
  .contact-cta-actions a.btn{
    margin:0 auto !important;
  }
}

#rf-ach-counter{direction:ltr !important; unicode-bidi:bidi-override !important;}







/* === HERO FIX: title above image + clean spacing (mobile) === */
@media (max-width: 768px){
  .hero-layout{
    display:flex !important;
    flex-direction:column !important;
    gap:16px !important;
  }
  .hero-content{ order:1 !important; text-align:center !important; }
  .hero-visual{ order:2 !important; }
}

/* Keep hero title/subtitle readable */
.hero-title{
  margin: 0 0 12px !important;
}
.hero-subtitle{
  position: static !important;
  margin: 0 0 18px !important;
  line-height: 1.8 !important;
}


/* === HERO CLEANUP: no overlay, prevent overlap === */
.hero-image-overlay{ display:none !important; }