/* ============================================================
   FOOTER - לפי הפיגמה. רקע #242424.
============================================================ */
.site-footer {
  background: #242424;
  color: #d8d8d8;
  padding-block: clamp(2.5rem, 5vw, 4rem) 0;
  font-family: var(--font-base);
}

/* top: social (left) + logo (right) */
.footer-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: clamp(2rem, 4vw, 3.5rem);
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.footer-logo { line-height: 0; } /* first in DOM => right in RTL (per Figma) */
.footer-logo img { height: 42px; width: auto; }
.footer-social { display: flex; align-items: center; gap: 8px; } /* second => left (per Figma) */
.footer-social a { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; line-height: 0; opacity: .9; transition: opacity .15s ease, transform .15s ease; }
@media (hover: hover) {
  .footer-social a:hover { opacity: 1; transform: translateY(-2px); }
}
.footer-social img { width: 22px; height: 22px; }

/* 4 columns */
.footer-cols {
  display: grid;
  grid-template-columns: 1.4fr 1fr 1.2fr 1fr; /* RTL: nav(wider) / services / projects / contact */
  gap: clamp(1.5rem, 3vw, 3rem);
  padding-block: clamp(2.5rem, 5vw, 3.5rem);
}
.footer-title {
  font-size: 1.0625rem;
  font-weight: 700;
  color: #ffffff;
  margin: 0 0 22px;
}
.footer-links { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 14px; }
.footer-links a {
  color: #b4b4b4;
  text-decoration: none;
  font-size: .9375rem;
  line-height: 1.5;
  transition: color .15s ease;
}
.footer-links a:hover { color: #fff; }

.footer-col--nav .footer-nav-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px 24px; }

/* contact column */
.footer-contact-list { list-style: none; margin: 0 0 26px; padding: 0; display: flex; flex-direction: column; gap: 16px; }
.footer-contact-list li { display: flex; align-items: center; justify-content: flex-start; gap: 12px; } /* RTL: flex-start = ימין, מיושר לכותרת */
.footer-contact-list a { color: #d8d8d8; text-decoration: none; font-size: .9375rem; transition: color .15s ease; }
.footer-contact-list a:hover { color: #fff; }
.footer-contact-list img { width: 26px; height: 26px; flex-shrink: 0; }

.footer-news-label { font-size: .9375rem; color: #d8d8d8; margin: 0 0 12px; }
.footer-news {
  display: flex;
  align-items: center;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 999px;
  padding: 5px; /* כפתור צמוד בצד; הריווח לטקסט בצד הקלט */
  padding-inline-start: 18px;
  max-width: 320px;
}
.footer-news input {
  flex: 1;
  min-width: 0;
  height: 38px;
  background: transparent;
  border: 0;
  outline: none;
  color: #fff;
  font-family: inherit;
  font-size: .875rem;
  text-align: right;
}
.footer-news input::placeholder { color: #8a8a8a; }
.footer-news button {
  flex-shrink: 0;
  width: 44px; height: 44px;
  border-radius: 50%;
  background: var(--color-cta, #c3e85b);
  border: 0;
  cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  transition: background .15s ease;
}
.footer-news button:hover { background: var(--color-cta-dark, #acd148); }
.footer-news button img { width: 20px; height: 20px; }

/* ------------------------------------------------------------
   ניוזלטר הפוטר דרך Contact Form 7 (form.footer-news מ-html_class).
   פלט ה-CF7 יושב בתוך עטיפת .wpcf7; ה-input עטוף ב-span.wpcf7-form-control-wrap.
   שומרים על עיצוב הכדור הקיים: שדה שקוף גמיש + כפתור עגול ליים עם אייקון send.
------------------------------------------------------------ */
.footer-col--contact .wpcf7 { max-width: 320px; }
.footer-col--contact .wpcf7 .footer-news { max-width: none; flex-wrap: wrap; }
/* עטיפת ה-input של CF7 גדלה למלא את הכדור (כמו ה-input הישן) */
.footer-news .wpcf7-form-control-wrap {
  flex: 1;
  min-width: 0;
  display: block;
}
/* כפתור השליחה: input[type=submit] עגול עם אייקון send כרקע (הטקסט מוסתר) */
.footer-news .edrone-nlf__submit {
  flex: 0 0 44px;
  box-sizing: border-box;
  width: 44px; height: 44px;
  min-width: 44px; max-width: 44px;
  padding: 0;
  border-radius: 50%;
  -webkit-appearance: none;
  appearance: none;
  background-color: var(--color-cta, #c3e85b);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M13.4996 12H18.9996M19.0842 12.2915L21.4191 19.2662C21.6026 19.8142 21.6943 20.0881 21.6285 20.2569C21.5713 20.4034 21.4486 20.5145 21.2971 20.5567C21.1226 20.6054 20.8592 20.4869 20.3322 20.2497L3.62077 12.7296C3.10644 12.4981 2.84928 12.3824 2.7698 12.2216C2.70074 12.082 2.70074 11.9181 2.7698 11.7784C2.84928 11.6177 3.10645 11.5019 3.62077 11.2705L20.3381 3.74776C20.8634 3.51135 21.1261 3.39315 21.3003 3.44164C21.4517 3.48375 21.5744 3.59454 21.6318 3.74078C21.6978 3.90917 21.6071 4.18255 21.4256 4.72931L19.0836 11.7856C19.0524 11.8795 19.0368 11.9264 19.0307 11.9744C19.0252 12.0171 19.0253 12.0602 19.0308 12.1028C19.0371 12.1508 19.0528 12.1977 19.0842 12.2915Z' stroke='%23242424' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  border: 0;
  cursor: pointer;
  /* הסתרת הטקסט "הרשמה" - נשאר נגיש דרך value לקוראי מסך */
  color: transparent;
  font-size: 0;
  line-height: 0;
  transition: background-color .15s ease;
}
.footer-news .edrone-nlf__submit:hover { background-color: var(--color-cta-dark, #acd148); }
.footer-news .wpcf7-spinner { display: none; }
/* הודעת CF7 מתחת לכדור - שורה מלאה בתוך ה-flex form */
.footer-news .wpcf7-response-output { flex: 0 0 100%; width: 100%; }
.footer-col--contact .wpcf7-response-output {
  margin: 10px 0 0;
  padding: 8px 14px;
  border-radius: 10px;
  font-size: .8125rem;
  border: 1px solid transparent;
  max-width: 320px;
  color: #fff;
}
.footer-col--contact .wpcf7-form.sent .wpcf7-response-output {
  border-color: color-mix(in srgb, var(--color-cta, #c3e85b) 70%, transparent);
  background: color-mix(in srgb, var(--color-cta, #c3e85b) 20%, transparent);
}
.footer-col--contact .wpcf7-form.invalid .wpcf7-response-output,
.footer-col--contact .wpcf7-form.failed .wpcf7-response-output {
  border-color: rgba(230,150,150,.6);
  background: rgba(180,60,60,.25);
}
.footer-col--contact .wpcf7-not-valid-tip {
  display: block;
  margin: 6px 0 0;
  font-size: .75rem;
  color: #ffcaca;
  text-align: right;
}

/* bottom bar */
.footer-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-block: 22px;
  border-top: 1px solid rgba(255,255,255,.08);
}
.footer-credit { font-size: .8125rem; color: #8a8a8a; margin: 0; display: inline-flex; align-items: center; gap: 8px; } /* second => left (per Figma) */
.footer-credit strong { color: #c3e85b; font-weight: 600; }
.footer-credit__logo { display: inline-flex; align-items: center; line-height: 0; opacity: .9; transition: opacity .18s ease; }
.footer-credit__logo:hover { opacity: 1; }
.footer-credit__logo img { height: 18px; width: auto; display: block; filter: brightness(0) invert(1); } /* שחור -> לבן על רקע כהה */
.footer-legal { display: flex; gap: 24px; order: -1; } /* first => right (per Figma) */
.footer-legal a { font-size: .8125rem; color: #8a8a8a; text-decoration: none; transition: color .15s ease; }
.footer-legal a:hover { color: #fff; text-decoration: underline; }

/* responsive */
@media (max-width: 900px) {
  .footer-cols { grid-template-columns: 1fr 1fr; gap: 2rem; }
}
@media (max-width: 560px) {
  .footer-cols { grid-template-columns: 1fr; }
  .footer-top { flex-direction: column; gap: 20px; align-items: flex-start; }
  .footer-bottom { flex-direction: column; gap: 14px; align-items: flex-start; }
}