/* The site footer, from the 2026-09 handoff "Footer redesign" (footer.html).

   Everything is scoped to .site-footer.sf5, the footer on every page but the
   checkout (footer.php); the checkout keeps its own row in theme.css. The
   "רוצים לשמוע על מבצעים" band above it keeps its own styles too. */

.site-footer.sf5{
  --sf-ink:#17161a;
  --sf-text:#3a393f;
  --sf-link:#5a595f;
  --sf-muted:#8a888e;
  --sf-red:#d81f26;
  --sf-bg:#fbfaf8;
  --sf-band:#f3f0eb;
  --sf-line:#ebe7e1;
  --sf-chip:#e6e2dc;
  --sf-input:#d9d4cd;
  --sf-wa:#25d366;
  --sf-wa-bg:#eafbef;
  --sf-wa-text:#0b6b3a;
  --sf-safe:#1b7a3a;
  --sf-safe-bg:#f0f8f2;
  --sf-safe-line:#cfe6d5;
  margin:0;padding:0;background:var(--sf-bg);color:var(--sf-ink);border-top:0;
  font-family:'Heebo',system-ui,sans-serif;-webkit-font-smoothing:antialiased;
}
.sf5-main{background:var(--sf-bg);border-top:2px solid var(--sf-red)}
.sf5-wrap{box-sizing:content-box;max-width:1080px;margin:0 auto;padding:0 clamp(20px,4vw,40px)}

/* theme.css draws every svg as a 1.8px outline (svg{fill:none;stroke:
   currentColor}), which beats an icon's own attributes: the filled marks
   lost their fill and the handoff's line weights went thin. */
.sf5 svg{stroke-width:1.8}
.sf5 .sf5-phone svg,
.sf5 .sf5-social svg{stroke-width:2}
.sf5 .sf5-all svg{stroke-width:2.2}
.sf5 .sf5-secure svg{stroke-width:2.4}
.sf5 .sf5-wa svg{fill:var(--sf-wa);stroke:none}
.sf5 .sf5-social svg[fill="currentColor"]{fill:currentColor;stroke:none}
.sf5 .sf5-visa svg{stroke:none}
.sf5 a{color:inherit;text-decoration:none;transition:color .15s ease}
.sf5 a:hover{color:var(--sf-red)}
.sf5 a:focus-visible,
.sf5 button:focus-visible{outline:2px solid var(--sf-red);outline-offset:3px;border-radius:4px}
.sf5 ul{list-style:none;margin:0;padding:0}

/* 1. Header row */
.sf5-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 32px;padding:26px 0 24px}
.sf5-brand{display:flex;flex-wrap:wrap;align-items:center;gap:16px}
.sf5-logo{display:inline-flex}
.sf5-logo img{display:block;width:auto;height:42px}
.sf5-tagline{
  max-width:36ch;margin:0;padding-inline-start:16px;border-inline-start:1px solid var(--sf-chip);
  font-size:14px;line-height:1.5;color:var(--sf-text);text-wrap:pretty;
}
.sf5-contact{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.sf5 .sf5-phone,
.sf5 .sf5-wa{
  display:inline-flex;align-items:center;gap:10px;height:38px;padding:0 16px;border-radius:999px;
  font-size:14px;font-weight:600;line-height:1;
  transition:background-color .15s ease,border-color .15s ease,color .15s ease;
}
.sf5 .sf5-phone{background:var(--sf-ink);color:#fff}
.sf5 .sf5-phone:hover{background:var(--sf-red);color:#fff}
.sf5-phone span{font-size:14px;font-variant-numeric:tabular-nums;letter-spacing:.02em}
.sf5 .sf5-wa{background:#fff;border:1px solid var(--sf-input);color:var(--sf-ink)}
.sf5 .sf5-wa:hover{background:var(--sf-wa-bg);border-color:var(--sf-wa);color:var(--sf-wa-text)}

/* 2. Link columns */
.sf5-cols{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;justify-items:center;
  padding:28px 0 30px;border-top:1px solid var(--sf-line);text-align:center;
}
.sf5-col{display:flex;flex-direction:column;align-items:center;gap:12px}
.sf5-col h3{margin:0;font-size:12px;font-weight:700;line-height:20px;letter-spacing:.08em;color:var(--sf-ink)}
.sf5-col ul{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:14px;font-weight:400;line-height:20px;color:var(--sf-link)}
.sf5-col .sf5-all{margin-top:6px}
.sf5 .sf5-all a{
  display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 14px 0 10px;padding-inline:14px 10px;
  border:1px solid var(--sf-red);border-radius:999px;background:#fff;color:var(--sf-red);font-size:13px;font-weight:600;
  transition:background-color .15s ease,color .15s ease;
}
.sf5 .sf5-all a:hover{background:var(--sf-red);color:#fff}

/* 3. Store band */
.sf5-store{
  display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:22px;padding:18px 24px;
  border-radius:14px;background:var(--sf-band);
}
.sf5-store-line{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 28px}
.sf5-store-item{display:flex;align-items:center;gap:8px;font-size:14px;line-height:20px;color:var(--sf-text)}
.sf5-store-item svg{flex:none;color:var(--sf-red)}
.sf5-time{font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--sf-ink)}
.sf5-email{unicode-bidi:isolate;font-size:14px;letter-spacing:-.01em}
.sf5-social{display:flex;gap:6px}
.sf5 .sf5-social a{
  display:grid;place-items:center;width:32px;height:32px;border:1px solid transparent;border-radius:50%;
  background:#fff;color:var(--sf-ink);transition:background-color .15s ease,color .15s ease,border-color .15s ease;
}
.sf5 .sf5-social a:hover{background:var(--sf-ink);border-color:var(--sf-ink);color:#fff}

/* 4. Bottom bar */
.sf5-bottom{display:flex;flex-direction:column;align-items:center;gap:12px;padding:18px 0 22px;border-top:1px solid var(--sf-line)}
.sf5-badges{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px}
.sf5-badge{
  display:inline-flex;align-items:center;justify-content:center;height:24px;padding:0 9px;
  border:1px solid var(--sf-chip);border-radius:5px;background:#fff;font-size:11px;letter-spacing:.02em;
}
.sf5-visa{width:44px;padding:0}
.sf5-visa svg{display:block}
.sf5-mc span{width:12px;height:12px;border-radius:50%;background:#eb001b}
.sf5-mc span + span{margin-inline-start:-4px;background:#f79e1b;mix-blend-mode:multiply}
.sf5-amex{width:44px;padding:0;overflow:hidden;background:#016fd0;border-color:#016fd0}
.sf5-amex img{display:block;width:36px;height:36px;object-fit:cover}
.sf5-paypal span{font-weight:800;font-style:italic}
.sf5-paypal b{font-weight:800;color:#003087}
.sf5-paypal i{font-style:italic;color:#009cde}
.sf5-secure{gap:5px;background:var(--sf-safe-bg);border-color:var(--sf-safe-line);color:var(--sf-safe);font-weight:700}
.sf5-legal{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 20px;font-size:12.5px;font-weight:500;color:var(--sf-text)}
.sf5 .sf5-cookies{
  padding:0;border:0;background:none;font:inherit;color:inherit;cursor:pointer;transition:color .15s ease;
}
.sf5 .sf5-cookies:hover{color:var(--sf-red)}
.sf5 .sf5-cancel{
  display:inline-flex;align-items:center;height:24px;padding:0 10px;border:1px solid var(--sf-input);border-radius:999px;
  background:#fff;font-size:12px;font-weight:500;transition:background-color .15s ease,color .15s ease,border-color .15s ease;
}
.sf5 .sf5-cancel:hover{background:var(--sf-ink);border-color:var(--sf-ink);color:#fff}
.sf5-copy{margin:0;font-size:12px;color:var(--sf-muted)}

/* Responsive: the header groups stack, the columns go 4 → 2 → 1. */
@media (max-width:760px){
  .sf5-cols{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:700px){
  .sf5-head{flex-direction:column;justify-content:center;text-align:center}
  .sf5-brand{flex-direction:column;justify-content:center}
  .sf5-tagline{padding-inline-start:0;border-inline-start:0}
  .sf5-contact{justify-content:center}
}
@media (max-width:420px){
  .sf5-cols{grid-template-columns:1fr}
}