/* ============================================================
   OYW Footer — brand + link columns + contact + bottom bar.
   Source: <footer class="foot"> in young-home-care-homepage.html.
   Values verbatim. Every rule targeting a ul/p/h element is
   scoped under the widget root so it beats the core reset
   (failure mode 18).
   ============================================================ */

.oyw-foot{background:var(--oyw-ink);color:rgba(255,255,255,.72);padding-top:clamp(56px,7vw,88px)}
.oyw-foot .oyw-cols{display:grid;grid-template-columns:1.4fr .8fr .9fr 1fr;gap:clamp(28px,4vw,48px)}

.oyw-foot .oyw-chip{background:#fff;border-radius:14px;padding:.9rem 1.1rem;display:inline-block}
.oyw-foot .oyw-chip img{height:52px;width:auto}

.oyw-foot .oyw-foot-desc{font-size:.94rem;margin-top:1.2rem;max-width:34ch}

.oyw-foot h4{font-family:"Figtree",sans-serif;font-size:.78rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--oyw-sand);margin-bottom:1rem}
.oyw-foot ul{list-style:none;margin:0;padding:0;display:grid;gap:.6rem;font-size:.94rem}
.oyw-foot p{font-size:.94rem}
/* Explicit text colours — the footer's own inherited colour is easily
   overridden by a theme/Elementor-kit `p{}`/`a{}`/`li{}` rule (inheritance is
   the weakest match), which turns the blurb/links dark. Scoped class rules
   (0,2,0) beat those element rules, so the text stays light on any theme. */
.oyw-foot p,.oyw-foot li,.oyw-foot .oyw-foot-desc{color:rgba(255,255,255,.72)}
.oyw-foot a{color:inherit}
.oyw-foot a:hover{color:#fff}

.oyw-foot .oyw-soc{display:flex;gap:.7rem;margin-top:1.2rem}
.oyw-foot .oyw-soc a{width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.22);display:grid;place-items:center;transition:.25s}
.oyw-foot .oyw-soc a:hover{background:var(--oyw-blue);border-color:var(--oyw-blue);color:#fff}
.oyw-foot .oyw-soc svg{width:17px;height:17px}

.oyw-foot .oyw-bar{margin-top:clamp(40px,5vw,64px);border-top:1px solid rgba(255,255,255,.12);padding-block:1.4rem;font-size:.86rem;color:rgba(255,255,255,.72);display:flex;flex-wrap:wrap;gap:.6rem;justify-content:space-between;align-items:center}
.oyw-foot .oyw-bar a{color:var(--oyw-sand)}

/* ---------- responsive (source breakpoints verbatim) ---------- */
@media (max-width:1024px){
  .oyw-foot .oyw-cols{grid-template-columns:1fr 1fr}
}
@media (max-width:860px){
  .oyw-foot .oyw-bar{justify-content:center;text-align:center}
}
@media (max-width:640px){
  .oyw-foot .oyw-cols{grid-template-columns:1fr}
}