/* Site footer. Load after style.css. */
.site-footer{background:var(--surface);border-top:1px solid var(--border);margin-top:40px}
.sf-top{display:grid;grid-template-columns:1fr auto;gap:40px;padding-top:44px;padding-bottom:36px}
.sf-brand .logo{display:inline-flex;margin-bottom:16px}
.sf-brand .logo-mark{height:50px}
.sf-contact{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:10px;color:var(--muted);font-size:.95rem}
.sf-contact li{display:flex;align-items:center;gap:10px}
.sf-contact svg{flex:none;color:var(--muted)}
.sf-contact a:hover{color:var(--brand-dark)}
.sf-social{display:flex;gap:10px}
.sf-social a{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--brand-light);color:var(--brand-dark);transition:background .15s,color .15s}
.sf-social a:hover{background:var(--brand);color:var(--on-brand)}

.sf-col{display:grid;align-content:start;gap:10px;min-width:180px;padding-right:40px}
.sf-col h3{font:600 1rem var(--font);color:var(--brand-dark);margin:0 0 6px}
.sf-col a{color:var(--muted);font-size:.95rem}
.sf-col a:hover{color:var(--brand-dark)}

.sf-bottom{border-top:1px solid var(--border)}
.sf-bottom-in{display:flex;justify-content:space-between;align-items:center;gap:12px 24px;flex-wrap:wrap;padding-top:16px;padding-bottom:16px}
.sf-bottom p{margin:0;font-size:.85rem;color:var(--muted)}
.sf-admin{margin-left:8px;opacity:.6;text-decoration:underline}
.sf-admin:hover{opacity:1}
.sf-pay span{display:inline-block;margin-left:8px;padding:4px 12px;border-radius:8px;background:var(--brand-light);color:var(--brand-dark);font-weight:600}

@media(max-width:700px){
  .sf-top{grid-template-columns:1fr;gap:28px;padding-top:32px;padding-bottom:28px}
  .sf-col{padding-right:0}
  .sf-bottom-in{flex-direction:column;align-items:flex-start}
}

/* ---- Social icons: Facebook blue, Instagram pink ---- */
.sf-social a[href*="facebook"]{background:#1877f2;color:#fff}
.sf-social a[href*="facebook"]:hover{background:#0f5fcc;color:#fff}
.sf-social a[href*="instagram"]{background:#e1306c;color:#fff}
.sf-social a[href*="instagram"]:hover{background:#c2255a;color:#fff}

/* ---- Logo text: original Skin Essentials wordmark style (classic serif capitals) ---- */
.logo,.auth-brand{font-family:"Cinzel","Trajan Pro","Trajan",Georgia,"Times New Roman",serif;font-weight:500;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}
.logo{color:var(--brand-dark)}
.header .logo{font-size:1.3rem;letter-spacing:.06em}
@media(max-width:1179px){.header .logo{font-size:1.05rem}}
.sf-brand .logo{font-size:1.3rem;letter-spacing:.06em}
.pl-head .logo{font-size:1.15rem}
.auth-brand{font-size:1.05rem;font-weight:500}

/* ---- Phones: no logo or name in the top bar; controls sit on the right ---- */
@media(max-width:600px){
  .header .logo{display:none!important}
  .header .search-toggle{margin-left:auto}
}