/* ============================================
   responsive.css — تحسينات الجوال والأجهزة الصغيرة
   ============================================ */

@media (max-width:1100px){
  :root{--container-pad:24px}
}

@media (max-width:920px){
  section{padding:72px 0}
  .hero{padding:56px 0 48px}
  .section-header{flex-direction:column;align-items:flex-start;gap:18px}
  .footer-inner{grid-template-columns:1fr 1fr;gap:32px}
  .footer-brand{grid-column:1/-1}
}

@media (max-width:640px){
  :root{--container-pad:18px}
  .nav-inner{padding:10px 14px;gap:10px}
  .lang-track{width:56px;height:28px}
  .lang-knob{width:26px;height:22px}
  .brand-name{font-size:17px !important}
  .nav-mobile{width:40px;height:40px}
  section{padding:56px 0}
  .hero-title{font-size:clamp(30px,9vw,42px)}
  .hero-lead{font-size:16px}
  .hero-actions{flex-direction:column;align-items:stretch}
  .hero-actions .btn-primary{justify-content:center}
  .feature-card{padding:28px 22px}
  .testimonial-card{padding:24px}
  .stat-item .num{font-size:40px}
  .clients-track{gap:32px}
  .clients-track img{height:32px}
  .wa-float{width:50px;height:50px;bottom:18px;left:18px}
  .wa-float svg{width:24px;height:24px}
  .footer{padding-top:56px}
  .footer-inner{grid-template-columns:1fr;gap:28px}
  .footer-brand{grid-column:auto}
  .footer-bottom-inner{flex-direction:column;align-items:flex-start;gap:18px}
}

@media (max-width:420px){
  .stats-grid{grid-template-columns:1fr}
}

/* ===== HEADER VARIANTS — الجوال ===== */
@media (max-width:920px){
  body.hdr-h2 .nav-links,
  body.hdr-h3 .nav-links{display:none}
  body.hdr-h2 .nav-inner{flex-wrap:nowrap;padding:12px 16px;border-top-width:3px}
  body.hdr-h3 .nav-inner{position:relative}
  body.hdr-h3 .h3-tb-info .h3-tb-item span{font-size:11px}
  body.hdr-h3 .h3-tb-social{display:none}
  body.hdr-h3 .h3-topbar-inner{justify-content:center}
}
@media (max-width:560px){
  body.hdr-h3 .h3-tb-item:not(:first-child){display:none}
}