/* ===============================
   SITE FOOTER – Marketing LAMA
   =============================== */

.site-footer{
  margin-top:auto;
  background: linear-gradient(180deg, #2d0e5b 0%, #3f1443 100%);
  color:#fff;
  padding:34px 0 18px;
}

/* wrapper */
.site-footer .footer-wrap{
  max-width:1200px;
  margin:0 auto;
  padding:0 16px;
}

/* ---------- TOP ---------- */

.footer-top{
  display:grid;
  grid-template-columns:1.1fr 1fr 1fr;
  gap:18px;
  align-items:start;
  padding-bottom:18px;
  /* border-bottom:1px solid rgba(255,255,255,.14); */
}

/* brand */
.footer-brand{
  display:flex;
  gap:12px;
  align-items:center;
}

.footer-logo img{
  width:48px;
  height:48px;
  border-radius:14px;
  box-shadow:0 10px 22px rgba(0,0,0,.25);
}

.footer-brand-text strong{
  display:block;
  font-size:1.05rem;
  font-weight:900;
}

.footer-brand-text span{
  display:block;
  opacity:.9;
  font-size:.95rem;
}

/* links */
.footer-links{
  display:flex;
  flex-wrap:wrap;
  gap:10px 14px;
  align-content:flex-start;
}

.footer-links a{
  color:#fff;
  text-decoration:none;
  font-weight:800;
  padding:6px 10px;
  border-radius:12px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);
  transition:.2s ease;
}

.footer-links a:hover{
  background:rgba(243,156,18,.18);
  border-color:rgba(243,156,18,.35);
}

/* CTA */
.footer-cta{
  display:flex;
  flex-direction:column;
  gap:10px;
  align-items:flex-end;
}

.footer-btn{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:12px 16px;
  border-radius:999px;
  background:#f39c12;
  color:#2c3e50;
  font-weight:900;
  text-decoration:none;
  box-shadow:0 12px 28px rgba(0,0,0,.25);
  transition:transform .18s ease;
}

.footer-btn:hover{
  transform:translateY(-2px);
}

/* mini info */
.footer-mini{
  display:grid;
  gap:8px;
  text-align:right;
}

.footer-mini a{
  color:rgba(255,255,255,.92);
  text-decoration:none;
  font-weight:700;
  display:inline-flex;
  align-items:center;
  gap:8px;
  justify-content:flex-end;
}

.footer-mini a:hover{
  color:#fff;
}

/* ---------- SOCIAL ---------- */

.footer-social{
  margin:14px 0 10px;
  display:flex;
  gap:10px;
}

.footer-social a{
  width:44px;
  height:44px;
  border-radius:14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  color:#fff;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.06);
  transition:.2s ease;
}

.footer-social a:hover{
  background:rgba(243,156,18,.18);
  border-color:rgba(243,156,18,.35);
}

/* ---------- BOTTOM ---------- */

.footer-bottom{
  display:flex;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  align-items:center;
  padding-top:10px;
  border-top:1px solid rgba(255,255,255,.12); 
  margin-top:14px;
}

.footer-copy{
  opacity:.9;
  font-weight:700;
}

.footer-legal{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
}

.footer-legal a{
  color:rgba(255,255,255,.88);
  text-decoration:none;
  font-weight:700;
}

.footer-legal a:hover{
  color:#fff;
}

/* ---------- MOBILE ---------- */

@media (max-width:920px){
  .footer-top{
    grid-template-columns:1fr;
    text-align:center;
  }

  .footer-brand{
    justify-content:center;
  }

  .footer-links{
    justify-content:center;
  }

  .footer-cta{
    align-items:center;
  }

  .footer-social{
    justify-content:center;
  }

  .footer-mini{
    text-align:center;
  }

  .footer-bottom{
    justify-content:center;
    text-align:center;
  }
}
.footer-logo-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
}

.footer-logo-link:hover .footer-logo img{
  transform: translateY(-2px);
  transition: transform .18s ease;
}

.footer-logo-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
}

.footer-logo-link:hover .footer-logo img{
  transform: translateY(-2px);
  transition: transform .18s ease;
}
/* =========================================
   MOBILE SECTION & TITLE SPACING – FIXED
   ========================================= */
@media (max-width: 768px){

  /* מרווח ברור בין סקשנים */
  section,
  section.container,
  section.container.card,
  .container > section,
  .container > .card,
  .card,
  .dm-why,
  .lead-section,
  .follow-block,
  .dm-banner,
  .strip--biz{
    margin-top: 26px !important;
    margin-bottom: 26px !important;
  }

  /* פדינג פנימי אחיד לסקשנים */
  .card,
  .dm-why,
  .about-pro,
  .consult-box,
  .lead-form{
    padding-top: 22px !important;
    padding-bottom: 22px !important;
  }

  /* כותרות – שלא ידבקו למעלה */
  h1{
    margin-top: 14px !important;
    margin-bottom: 14px !important;
  }

  h2{
    margin-top: 18px !important;
    margin-bottom: 14px !important;
  }

  h3{
    margin-top: 16px !important;
    margin-bottom: 12px !important;
  }

  /* כותרות בתוך כרטיסים */
  .card .title,
  #pageRoot .card .title{
    margin-top: 10px !important;
    margin-bottom: 16px !important;
    padding-top: 4px !important;
  }

  /* רווח בין טקסטים */
  p{
    margin-bottom: 14px !important;
  }

  /* רשימות – שלא יהיו דחוסות */
  ul li{
    margin-bottom: 10px;
  }

  /* לא להצמיד למסך */
  .container{
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  /* HERO → הסקשן הבא לא ידבק אליו */
  .hero + section,
  .hero + .strip--biz{
    margin-top: 32px !important;
  }
}
/* =========================================
   MOBILE SIDE PADDING – FINAL FIX
   ========================================= */
@media (max-width: 768px){

  /* כלל בסיס – כל הדף נושם */
  body{
    overflow-x: hidden;
  }

  /* כל סקשן יקבל שוליים מהצד */
  section,
  .strip--biz,
  .lead-section,
  .follow-block,
  .dm-banner{
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  /* קונטיינרים פנימיים */
  .container,
  .footer-wrap,
  .header-inner{
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  /* כרטיסים פנימיים */
  .card,
  .dm-why,
  .about-pro,
  .consult-box,
  .lead-form{
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  /* HERO – טקסט לא נוגע בקצוות */
  .hero-inner,
  .cta-wrapper{
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  /* תמונות לא בורחות למסך */
  img{
    max-width: 100%;
    height: auto;
  }
}