/* ===========================================================
   Skin Plus Beauty — site-wide footer redesign.
   Loads on EVERY page (the footer shows everywhere). Replaces the
   theme's footer with the design's 5-column layout.
   Background: pink (#f8ede8) on the main site, WHITE on the store.
   =========================================================== */

/* Hide the theme's original footer; our .spb-site-footer replaces it. */
footer.footer{display:none!important}

.spb-site-footer{
  background:#f8ede8;color:#3f3b39;border-top:1px solid #e4d7cd;
  font-family:'General Sans','Helvetica Neue',Arial,sans-serif;
}
/* WHITE footer on the store (shop / product / cart / checkout / order-received),
   so it reads as a clean band against the soft-pink store background. */
body.woocommerce .spb-site-footer,
body.woocommerce-page .spb-site-footer{background:#fff}

.spb-footer-grid{
  max-width:1260px;margin:0 auto;padding:58px 30px 32px;
  display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr 1.2fr;gap:34px;box-sizing:border-box;
}
.spb-flogo{height:30px!important;width:auto!important;max-width:none!important;display:block;opacity:.92}
.spb-flabel{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#9a7d73;margin:0 0 16px}
.spb-flabel-social{margin-top:26px}
.spb-fbody{font-size:14px;color:#3f3b39;line-height:1.9;font-weight:400}
.spb-fhours{display:flex;flex-direction:column;gap:11px;font-size:14px;color:#3f3b39;font-weight:400}
.spb-flink{font-size:14px;color:#3f3b39;font-weight:400;text-decoration:none;display:block}
.spb-flink:hover{text-decoration:underline;text-underline-offset:2px}
.spb-fsocial{display:flex;gap:10px}
.spb-fsocial a{width:36px;height:36px;border-radius:999px;background:#9a7d73;color:#fff;display:flex;align-items:center;justify-content:center;transition:background .2s}
.spb-fsocial a:hover{background:#7d6459}
.spb-fsocial svg{width:17px;height:17px}
.spb-fnews-copy{font-size:13px;color:#6b625b;font-weight:400;line-height:1.65;margin:0 0 14px}
.spb-fnews{display:flex;align-items:stretch;border:1px solid #cdbcb2;border-radius:999px;overflow:hidden;background:#fff;margin:0 0 24px;max-width:320px}
.spb-fnews-input{flex:1;min-width:0;background:none;border:none;padding:12px 16px;color:#262324;font-family:inherit;font-size:13px;font-weight:400;outline:none}
.spb-fnews-btn{background:#e0a89c;border:none;color:#262324;padding:0 22px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;font-weight:500;font-family:inherit;transition:background .2s}
.spb-fnews-btn:hover{background:#cf9184}
.spb-flegit{height:58px!important;width:auto!important;max-width:none!important;display:block}
.spb-footer-bottom{border-top:1px solid #e4d7cd}
.spb-footer-bottom span{display:block;max-width:1260px;margin:0 auto;padding:18px 30px;font-size:12px;color:#8a7d6d;font-weight:400;box-sizing:border-box}

@media(max-width:900px){
  .spb-footer-grid{grid-template-columns:1fr 1fr;gap:30px 28px}
  .spb-footer-grid .spb-fcol-logo{grid-column:1/-1}
}
/* Phones: keep TWO columns side by side (not one long stack) — half the height. */
@media(max-width:560px){
  .spb-footer-grid{grid-template-columns:1fr 1fr;gap:26px 26px;padding:40px 20px 96px;position:relative}
  .spb-footer-grid .spb-fcol-logo{grid-column:1/-1}
  /* Right column was crammed against the edge — shorten the email box so it breathes */
  .spb-fnews{max-width:200px}
  .spb-fnews-input{padding:11px 12px}
  .spb-fnews-btn{padding:0 15px}
  /* LegitScript badge pulled out of the newsletter column to the footer's LEFT edge */
  .spb-flegit-link{position:absolute;left:20px;bottom:24px;margin:0}
}