/* v84 — global premium footer */
.footer{
  position:relative!important;
  overflow:hidden!important;
  padding:0!important;
  background:
    radial-gradient(70% 120% at 12% 0%,rgba(92,115,179,.10),transparent 62%),
    #05070b!important;
  border-top:1px solid rgba(121,153,225,.14)!important;
}
.footer:before{
  content:""!important;
  position:absolute!important;
  top:0!important;
  left:50%!important;
  width:min(760px,72vw)!important;
  height:1px!important;
  transform:translateX(-50%)!important;
  background:linear-gradient(90deg,transparent,rgba(118,169,255,.72),transparent)!important;
  box-shadow:0 0 18px rgba(89,143,255,.20)!important;
}
.footer-main{
  min-height:220px!important;
  padding:48px 0 38px!important;
  display:grid!important;
  grid-template-columns:1.05fr 1.35fr auto!important;
  gap:48px!important;
  align-items:start!important;
}
.footer-brand-block{
  min-width:0!important;
}
.footer-brand{
  display:inline-flex!important;
  margin-bottom:16px!important;
}
.footer-brand .brand-copy b{
  font-size:20px!important;
  letter-spacing:-.4px!important;
}
.footer-brand .brand-copy small{
  margin-top:4px!important;
  color:#7f8da5!important;
  letter-spacing:1.9px!important;
}
.footer-tagline{
  margin:0!important;
  max-width:320px!important;
  color:#8e99ab!important;
  font-size:13px!important;
  line-height:1.8!important;
}
.footer-nav{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(150px,1fr))!important;
  gap:12px 34px!important;
  padding-top:3px!important;
}
.footer-nav a{
  position:relative!important;
  width:max-content!important;
  max-width:100%!important;
  color:#aeb7c7!important;
  font-size:13px!important;
  line-height:1.4!important;
  text-decoration:none!important;
  transition:color .2s ease,transform .2s ease!important;
}
.footer-nav a:after{
  content:""!important;
  position:absolute!important;
  right:0!important;
  bottom:-5px!important;
  width:0!important;
  height:1px!important;
  background:linear-gradient(90deg,#78d3ff,#839cff)!important;
  transition:width .22s ease!important;
}
.footer-nav a:hover{
  color:#fff!important;
  transform:translateX(-2px)!important;
}
.footer-nav a:hover:after{width:100%!important}

.footer-cta{
  min-width:230px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:12px!important;
  padding-top:2px!important;
}
.footer-cta-label{
  color:#78869c!important;
  font-size:11px!important;
  letter-spacing:.8px!important;
}
.footer-cta a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  min-width:205px!important;
  min-height:48px!important;
  padding:0 20px!important;
  border-radius:999px!important;
  border:1px solid rgba(105,153,255,.42)!important;
  background:linear-gradient(180deg,rgba(19,31,52,.78),rgba(10,17,29,.86))!important;
  color:#dce7fb!important;
  font-size:13px!important;
  font-weight:800!important;
  text-decoration:none!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 10px 28px rgba(0,0,0,.18)!important;
  transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease!important;
}
.footer-cta a:hover{
  transform:translateY(-2px)!important;
  border-color:rgba(125,174,255,.78)!important;
  box-shadow:0 10px 30px rgba(35,87,176,.12),inset 0 1px 0 rgba(255,255,255,.05)!important;
}
.footer-cta a span{
  color:#8bb8ff!important;
  font-size:17px!important;
}

.footer-bottom{
  min-height:62px!important;
  padding:18px 0!important;
  border-top:1px solid rgba(255,255,255,.07)!important;
  display:grid!important;
  grid-template-columns:1fr auto 1fr!important;
  gap:24px!important;
  align-items:center!important;
  color:#626d7d!important;
  font-size:10px!important;
}
.footer-legal{
  display:flex!important;
  gap:18px!important;
  justify-content:center!important;
  flex-wrap:wrap!important;
}
.footer-legal a{
  color:#7c8798!important;
  text-decoration:none!important;
  transition:color .2s ease!important;
}
.footer-legal a:hover{color:#cdd7e6!important}
.footer-bottom .cp{
  text-align:left!important;
  color:#566170!important;
}
.footer-bottom .cp b{
  color:#8290a5!important;
  font-weight:700!important;
}

@media(max-width:900px){
  .footer-main{
    grid-template-columns:1fr 1fr!important;
    gap:34px 26px!important;
    padding:42px 0 32px!important;
  }
  .footer-brand-block{grid-column:1/-1!important}
  .footer-cta{min-width:0!important}
  .footer-bottom{
    grid-template-columns:1fr!important;
    gap:11px!important;
    text-align:center!important;
    padding:20px 0 24px!important;
  }
  .footer-bottom .cp{text-align:center!important}
}
@media(max-width:560px){
  .footer-main{
    grid-template-columns:1fr!important;
    gap:28px!important;
    padding:36px 0 28px!important;
  }
  .footer-brand-block{grid-column:auto!important}
  .footer-brand{margin-bottom:12px!important}
  .footer-brand .brand-copy b{font-size:18px!important}
  .footer-tagline{font-size:12.5px!important;max-width:290px!important}
  .footer-nav{
    grid-template-columns:1fr 1fr!important;
    gap:13px 20px!important;
    padding-top:0!important;
  }
  .footer-nav a{
    width:auto!important;
    font-size:12.5px!important;
  }
  .footer-cta{
    padding-top:4px!important;
  }
  .footer-cta a{
    width:100%!important;
    min-width:0!important;
  }
  .footer-bottom{
    font-size:9.5px!important;
  }
  .footer-legal{
    gap:12px!important;
  }
}


/* v85 — footer refinements */
.footer-cta{
  gap:10px!important;
}
.footer-cta-label{
  display:none!important;
}
.footer-socials{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  margin-top:2px!important;
}
.footer-socials a{
  min-width:42px!important;
  width:42px!important;
  height:42px!important;
  min-height:42px!important;
  padding:0!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  color:#9fc5ff!important;
  border:1px solid rgba(105,153,255,.32)!important;
  background:rgba(11,20,34,.78)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}
.footer-socials a:hover{
  transform:translateY(-2px)!important;
  color:#fff!important;
  border-color:rgba(126,176,255,.72)!important;
  background:rgba(18,33,57,.92)!important;
  box-shadow:0 8px 24px rgba(50,104,196,.14)!important;
}
.footer-socials svg{
  width:19px!important;
  height:19px!important;
  display:block!important;
}
.footer-bottom{
  min-height:62px!important;
  padding:12px 0!important;
  font-size:12px!important;
}
.footer-legal{
  gap:18px!important;
}
.footer-clickpoint{
  justify-self:start!important;
  display:inline-flex!important;
  align-items:center!important;
  text-decoration:none!important;
  opacity:.78!important;
  transition:opacity .2s ease,transform .2s ease!important;
}
.footer-clickpoint:hover{
  opacity:1!important;
  transform:translateY(-1px)!important;
}
.footer-clickpoint img{
  display:block!important;
  width:118px!important;
  height:auto!important;
  max-height:36px!important;
  object-fit:contain!important;
}
@media(max-width:900px){
  .footer-clickpoint{justify-self:center!important}
}
@media(max-width:560px){
  .footer-socials{
    justify-content:flex-start!important;
  }
  .footer-socials a{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
  }
  .footer-bottom{
    font-size:11.5px!important;
    padding:11px 0!important;
  }
  .footer-clickpoint img{
    width:112px!important;
    max-height:34px!important;
  }
}


/* v88 — targeted footer layout from v86 */
/* Desktop: contact CTA and social row share exactly the same width */
.footer-cta{
  width:255px!important;
  min-width:255px!important;
  align-items:stretch!important;
}
.footer-cta>a:first-child{
  width:255px!important;
  min-width:255px!important;
  min-height:54px!important;
  padding:0 24px!important;
  font-size:14px!important;
}
.footer-socials{
  width:255px!important;
  display:grid!important;
  grid-template-columns:repeat(5,1fr)!important;
  gap:9px!important;
  justify-content:stretch!important;
}
.footer-socials a{
  width:43px!important;
  height:43px!important;
  min-width:43px!important;
  min-height:43px!important;
  justify-self:center!important;
}

/* Policy + accessibility move into the main footer, under the existing nav columns */
.footer-nav-wrap{
  display:flex!important;
  flex-direction:column!important;
  gap:18px!important;
}
.footer-main-legal{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:24px!important;
  padding-top:2px!important;
}
.footer-main-legal a{
  color:#9aa6b8!important;
  font-size:13px!important;
  text-decoration:none!important;
  transition:color .2s ease!important;
}
.footer-main-legal a:hover{color:#e8eef8!important}

/* Bottom row: only copyright + Click Point, centered together */
.footer-bottom{
  grid-template-columns:1fr!important;
  justify-items:center!important;
  text-align:center!important;
  gap:8px!important;
  padding:12px 0 14px!important;
}
.footer-bottom .footer-legal{display:none!important}
.footer-bottom-credit{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:20px!important;
  flex-wrap:wrap!important;
}
.footer-bottom-credit>span{
  color:#7d8899!important;
  font-size:12.5px!important;
}
.footer-clickpoint{
  justify-self:auto!important;
  opacity:.86!important;
}
.footer-clickpoint img{
  width:124px!important;
  max-height:38px!important;
}

@media(max-width:900px){
  .footer-brand-block{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    text-align:center!important;
  }
  .footer-brand{justify-content:center!important}
  .footer-tagline{
    margin-inline:auto!important;
    text-align:center!important;
  }
  .footer-nav-wrap{
    align-items:center!important;
  }
  .footer-main-legal{
    width:100%!important;
    justify-content:center!important;
  }
  .footer-cta{
    width:100%!important;
    min-width:0!important;
    align-items:center!important;
  }
  .footer-cta>a:first-child{
    width:100%!important;
    min-width:0!important;
  }
  .footer-socials{
    width:auto!important;
    display:flex!important;
    justify-content:center!important;
    gap:12px!important;
    margin-inline:auto!important;
  }
  .footer-socials a{
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    min-height:46px!important;
  }
  .footer-bottom-credit{
    flex-direction:column!important;
    gap:10px!important;
  }
}

@media(max-width:560px){
  .footer-brand-block,
  .footer-brand,
  .footer-tagline{
    text-align:center!important;
    margin-inline:auto!important;
  }
  .footer-socials{
    width:100%!important;
    justify-content:center!important;
    gap:12px!important;
  }
  .footer-main-legal{
    justify-content:center!important;
    gap:22px!important;
  }
  .footer-main-legal a{font-size:13.5px!important}
  .footer-bottom{
    padding:10px 0 12px!important;
  }
  .footer-bottom-credit>span{font-size:11.5px!important}
}


/* v89 — precise footer layout requested from v88 */
.footer-main{
  grid-template-columns:1.05fr 1.3fr auto!important;
  gap:48px!important;
  align-items:start!important;
  padding-bottom:24px!important;
}
.footer-brand-block{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
}
.footer-socials-brand{
  margin-top:18px!important;
  width:auto!important;
  display:flex!important;
  gap:10px!important;
  justify-content:flex-start!important;
}
.footer-socials-brand a{
  width:43px!important;
  height:43px!important;
  min-width:43px!important;
  min-height:43px!important;
}
.footer-socials-mobile{display:none!important}

.footer-nav-wrap{
  display:block!important;
  min-width:0!important;
}
.footer-nav{
  width:100%!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(150px,1fr))!important;
  grid-template-areas:
    "story lectures"
    "book blog"
    "faq media"
    "policy accessibility"!important;
  column-gap:42px!important;
  row-gap:14px!important;
  padding-top:3px!important;
  direction:rtl!important;
}
.footer-nav .nav-story{grid-area:story!important}
.footer-nav .nav-lectures{grid-area:lectures!important}
.footer-nav .nav-book{grid-area:book!important}
.footer-nav .nav-blog{grid-area:blog!important}
.footer-nav .nav-faq{grid-area:faq!important}
.footer-nav .nav-media{grid-area:media!important}
.footer-nav .nav-policy{grid-area:policy!important}
.footer-nav .nav-accessibility{grid-area:accessibility!important}
.footer-nav .nav-policy,
.footer-nav .nav-accessibility{
  color:#98a6bb!important;
  font-size:12.5px!important;
}
.footer-main-legal{display:none!important}

.footer-cta{
  width:255px!important;
  min-width:255px!important;
  align-items:stretch!important;
}
.footer-cta>a:first-child{
  width:255px!important;
  min-width:255px!important;
  min-height:54px!important;
  padding:0 24px!important;
  font-size:14px!important;
}

/* Click Point centered between main content and copyright, no divider line */
.footer-clickpoint-center{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  padding:0 0 8px!important;
}
.footer-clickpoint-center .footer-clickpoint{
  justify-self:auto!important;
  opacity:.9!important;
}
.footer-clickpoint-center .footer-clickpoint img{
  width:130px!important;
  max-height:39px!important;
}
.footer-bottom{
  border-top:0!important;
  min-height:auto!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  padding:5px 0 13px!important;
  text-align:center!important;
  font-size:12.5px!important;
}
.footer-bottom-credit{
  display:block!important;
}
.footer-bottom-credit>span{
  color:#7d8899!important;
  font-size:12.5px!important;
}

@media(max-width:900px){
  .footer-main{
    grid-template-columns:1fr!important;
    gap:28px!important;
    padding:36px 0 24px!important;
  }
  .footer-brand-block,
  .footer-brand,
  .footer-tagline{
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    margin-inline:auto!important;
  }
  .footer-socials-brand{display:none!important}
  .footer-socials-mobile{
    display:flex!important;
    width:100%!important;
    justify-content:center!important;
    align-items:center!important;
    gap:12px!important;
    margin-top:12px!important;
  }
  .footer-socials-mobile a{
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    min-height:46px!important;
  }
  .footer-nav-wrap{
    width:100%!important;
  }
  .footer-nav{
    width:min(100%,460px)!important;
    margin-inline:auto!important;
    column-gap:42px!important;
    row-gap:18px!important;
    justify-items:center!important;
    text-align:center!important;
  }
  .footer-nav a{
    width:auto!important;
    font-size:14px!important;
  }
  .footer-nav .nav-policy,
  .footer-nav .nav-accessibility{
    font-size:13.5px!important;
  }
  .footer-cta{
    width:100%!important;
    min-width:0!important;
    align-items:center!important;
  }
  .footer-cta>a:first-child{
    width:100%!important;
    min-width:0!important;
  }
  .footer-clickpoint-center{
    padding-top:2px!important;
  }
}

@media(max-width:560px){
  .footer-main{
    gap:24px!important;
    padding:34px 0 22px!important;
  }
  .footer-brand .brand-copy b{font-size:19px!important}
  .footer-tagline{
    max-width:320px!important;
    font-size:14px!important;
    line-height:1.85!important;
  }
  .footer-nav{
    width:100%!important;
    column-gap:30px!important;
    row-gap:22px!important;
  }
  .footer-nav a{font-size:15px!important}
  .footer-nav .nav-policy,
  .footer-nav .nav-accessibility{font-size:14px!important}
  .footer-socials-mobile{
    gap:12px!important;
  }
  .footer-socials-mobile a{
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    min-height:48px!important;
  }
  .footer-clickpoint-center .footer-clickpoint img{
    width:120px!important;
    max-height:36px!important;
  }
  .footer-bottom{
    padding:4px 0 12px!important;
  }
  .footer-bottom-credit>span{font-size:11.5px!important}
}


/* v94 — real footer fix from full v89 package */
.footer-socials-brand{
  display:none!important;
}

/* Keep the social icons only under Contact */
.footer-socials-mobile{
  display:flex!important;
}

/* Mobile spacing requested earlier */
@media(max-width:560px){
  .footer-nav{
    column-gap:44px!important;
    row-gap:26px!important;
  }
}

/* Click Point logo: true center of the full footer width */
.footer-clickpoint-center{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:8px 0 4px!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  text-align:center!important;
  position:relative!important;
  left:auto!important;
  right:auto!important;
  transform:none!important;
}
.footer-clickpoint-center .footer-clickpoint{
  position:static!important;
  display:inline-flex!important;
  justify-content:center!important;
  align-items:center!important;
  margin:0 auto!important;
  float:none!important;
  left:auto!important;
  right:auto!important;
  transform:none!important;
}
.footer-clickpoint-center .footer-clickpoint:hover{
  transform:none!important;
}
.footer-clickpoint-center .footer-clickpoint img{
  display:block!important;
  width:126px!important;
  max-width:126px!important;
  height:auto!important;
  margin:0 auto!important;
}

/* Copyright: always visible and centered */
.footer-bottom{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:6px 0 14px!important;
  min-height:auto!important;
  border-top:0!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  text-align:center!important;
}
.footer-bottom-credit{
  width:100%!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  text-align:center!important;
}
.footer-bottom-credit span{
  display:block!important;
  width:auto!important;
  margin:0 auto!important;
  color:#7d8899!important;
  font-size:12px!important;
  line-height:1.3!important;
  opacity:1!important;
  visibility:visible!important;
}

@media(max-width:560px){
  .footer-clickpoint-center .footer-clickpoint img{
    width:116px!important;
    max-width:116px!important;
  }
  .footer-bottom-credit span{
    font-size:11.5px!important;
  }
}


/* v95 — mobile only: spread social icons to Contact width + right-align nav text */
@media(max-width:560px){
  /* Social row uses the same full width as the Contact button */
  .footer-cta .footer-socials-mobile{
    width:100%!important;
    max-width:none!important;
    margin:12px 0 0!important;
    padding:0!important;
    justify-content:space-between!important;
    gap:0!important;
  }

  /* Keep the two navigation columns exactly where they are,
     but align every label to the right edge of its own column */
  .footer-nav{
    justify-items:stretch!important;
    text-align:right!important;
  }
  .footer-nav a{
    width:100%!important;
    max-width:none!important;
    text-align:right!important;
    justify-self:stretch!important;
  }
}


/* v96 — mobile nav: keep the centered 2-column block in place,
   but right-align the text inside each column */
@media(max-width:560px){
  .footer-nav{
    width:min(100%,320px)!important;
    margin:0 auto!important;
    grid-template-columns:1fr 1fr!important;
    column-gap:36px!important;
    row-gap:24px!important;
    justify-items:stretch!important;
    text-align:right!important;
    direction:rtl!important;
  }
  .footer-nav a{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    text-align:right!important;
    justify-self:stretch!important;
  }
}


/* v98 — mobile fine alignment:
   keep the approved v96 two-column layout and move the whole nav block
   only a few pixels left so the right column aligns with the visual
   start of "סיפור של הישרדות..." above it. */
@media(max-width:560px){
  .footer-nav{
    transform:translateX(-7px)!important;
  }
}

/* ELKANA CONTROL 04 custom footer contact fallback */
.footer-socials .elkana-footer-custom-link{width:auto!important;min-width:42px!important;padding:0 10px!important;font-size:12px!important;text-decoration:none!important}