/* Familia footer refresh: restyles the OceanWP footer widgets; switch off in Tools > Familia Blocks. */
:root{--ff-ink:#2b1747;--ff-purple:#5B2A86;--ff-sun:#FFC82E;--ff-soft:#F3EEFA}

/* help band above the footer */
.fb-foot-cta{background:var(--ff-soft);padding:clamp(24px,4vw,40px) 16px;direction:rtl}
.fb-foot-cta__in{max-width:90vw;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:18px 30px;flex-wrap:wrap;background:#fff;border-radius:24px;padding:22px clamp(18px,3vw,34px);box-shadow:0 10px 30px #2b174714}
.fb-foot-cta__txt{display:flex;flex-direction:column;gap:6px;text-align:right}
.fb-foot-cta__txt strong{font-size:clamp(20px,2vw,26px);font-weight:800;color:var(--ff-ink);line-height:1.2}
.fb-foot-cta__txt span{font-size:15px;color:#4c4860}
.fb-foot-cta__branches{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.fb-foot-cta__branches li{background:var(--ff-soft);color:var(--ff-purple);font-weight:700;font-size:13px;border-radius:99px;padding:3px 12px}
.fb-foot-cta__btns{display:flex;flex-wrap:wrap;gap:10px}
.fb-foot-btn{display:inline-flex;align-items:center;gap:8px;border-radius:99px;padding:11px 20px;font-weight:800;font-size:15px;text-decoration:none!important;background:var(--ff-purple);color:#fff!important;transition:transform .15s,filter .15s}
.fb-foot-btn:hover{transform:translateY(-2px);filter:brightness(1.1)}
.fb-foot-btn i{display:flex;font-size:17px;line-height:1}
.fb-foot-btn--wa{background:#1ea952}
.fb-foot-btn--ghost{background:transparent;color:var(--ff-purple)!important;box-shadow:inset 0 0 0 2px var(--ff-purple)}

/* the footer widgets */
html body #footer.site-footer,html body #footer #footer-widgets{background:var(--ff-ink)!important;color:#E7E0F2!important}
html body #footer #footer-widgets{padding:clamp(36px,5vw,56px) 0 20px!important;border:0!important}
html body #footer #footer-widgets .container:has(> .footer-box){display:grid!important;width:100%!important;max-width:90vw!important;margin:0 auto!important;box-sizing:border-box;padding:0 16px;grid-template-columns:1fr 1.8fr 1.15fr 1.35fr;gap:36px;align-items:start}
/* OceanWP gives each column max-width:25%, which shrinks it inside a grid track */
html body #footer #footer-widgets .footer-box{width:auto!important;max-width:none!important;flex:none!important;float:none!important;margin:0!important;padding:0!important}
html body #footer .widget-title{color:#fff!important;font-size:17px!important;font-weight:800!important;margin:0 0 16px!important;padding:0 0 10px!important;border:0!important;position:relative;text-transform:none}
html body #footer .widget-title::after{content:"";position:absolute;right:0;bottom:0;width:34px;height:3px;border-radius:3px;background:var(--ff-sun)}
html body #footer #footer-widgets a{color:#F4EFFA!important;opacity:.88;text-decoration:none!important;transition:opacity .15s,color .15s}
html body #footer #footer-widgets a:hover{opacity:1;color:var(--ff-sun)!important}
html body #footer #footer-widgets ul{margin:0!important;padding:0!important;list-style:none}
html body #footer #footer-widgets li{border:0!important;padding:4px 0!important;font-size:15px;line-height:1.45}
html body #footer .col-1 ul{columns:2;column-gap:18px}
html body #footer .col-1 li{break-inside:avoid}
html body #footer .textwidget p{font-size:14px;line-height:1.75;color:#E7E0F2!important;margin:0 0 12px!important}
html body #footer .col-3 .textwidget p:last-child{font-size:12px;opacity:.7}
html body #footer .col-4 .textwidget,html body #footer .col-4 .textwidget p{width:100%!important;max-width:none!important}
html body #footer .col-4 iframe{display:block;max-width:none!important;width:100%!important;height:340px!important;border-radius:18px!important;border:0!important;filter:saturate(.85)}

/* the second column holds two catalogue widgets: show them side by side instead of stacked */
html body #footer .col-2{display:grid!important;grid-template-columns:1fr 1fr;gap:0 28px;align-items:start}
html body #footer .col-2 > *{margin:0!important}

/* copyright row */
.fb-foot-bottom{border-top:1px solid #ffffff1f;margin-top:18px;direction:rtl}
.fb-foot-bottom__in{max-width:90vw;margin:0 auto;padding:16px;display:flex;align-items:center;justify-content:space-between;gap:10px 20px;flex-wrap:wrap;font-size:13px;color:#CFC6DE}
.fb-foot-bottom nav{display:flex;gap:16px;flex-wrap:wrap}
.fb-foot-bottom a{color:#CFC6DE!important;text-decoration:none!important}
.fb-foot-bottom a:hover{color:var(--ff-sun)!important}
.fb-foot-bottom small{font-size:11px;opacity:.7}

@media (max-width:1024px){
  html body #footer #footer-widgets .container:has(> .footer-box){grid-template-columns:1fr 1fr;gap:28px;max-width:94vw!important}
}
@media (max-width:640px){
  .fb-foot-cta__btns{width:100%}
  .fb-foot-btn{flex:1 1 100%;justify-content:center}
  html body #footer #footer-widgets .container:has(> .footer-box){grid-template-columns:1fr;padding:0 16px}
  .fb-foot-bottom__in{justify-content:center;text-align:center}
  html body #footer .col-2{grid-template-columns:1fr}
  html body #footer .col-4 iframe{height:260px!important}
  .fb-foot-cta__in{max-width:none}
}
.fb-foot-added{clear:both;width:100%}
