/* Site-wide overrides for every page. This file loads before each page's inline
   <style> block, so rules here need higher specificity than the inline ones. */

/* Footer: make it compact. The theme's footer logo is pushed behind the black
   background (z-index: -1), so it was invisible but still took ~150px of height. */
section#footer {
  padding: 22px 0 18px;
}
#footer .footer-brand-name {
  display: none;
}
#footer .copyright {
  float: none;
  padding: 14px 0 0;
  margin: 14px 0 0;
  border-top: 1px solid rgba(255, 255, 255, .12);
  text-shadow: none;
}

/* Service price lists on the Manicure, Pedicure and Facial Waxing pages. The theme
   makes page text white with a dark outline, so these cards reset it to dark-on-cream. */
.svc-menu { margin-top: 14px; }
.svc-menu .svc-intro { font-size: 16px; margin: 0 0 16px; }
.svc-menu .svc-item {
  background: #fbf6ee;
  border-left: 4px solid #eba33d;
  border-radius: 10px;
  padding: 14px 18px;
  margin: 0 0 12px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .18);
}
.svc-menu .svc-item h4,
.svc-menu .svc-item p,
.svc-menu .svc-item span,
.svc-menu .svc-item strong {
  color: #2b2522;
  text-shadow: none;
  -webkit-text-stroke: 0;
}
.svc-menu .svc-head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.svc-menu .svc-item h4 { margin: 0; font-family: "Oswald", sans-serif; font-size: 21px; font-weight: 700; color: #8c221d; }
.svc-menu .svc-head strong { font-family: "Oswald", sans-serif; font-size: 24px; color: #8c221d; white-space: nowrap; }
.svc-menu .svc-item p { margin: 6px 0 0; font-size: 15px; line-height: 1.6; }
.svc-menu .svc-prices { list-style: none; margin: 8px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.svc-menu .svc-prices li {
  flex: 1 1 140px;
  display: flex; align-items: baseline; justify-content: space-between; gap: 10px;
  background: #fff; border: 1px solid #eadfd3; border-radius: 8px; padding: 8px 12px;
}
.svc-menu .svc-prices span { font-size: 14px; font-weight: 700; }
.svc-menu .svc-prices strong { font-family: "Oswald", sans-serif; font-size: 22px; color: #8c221d; }
.svc-menu .svc-cta { display: flex; flex-wrap: wrap; gap: 10px; margin: 18px 0 6px; }
.svc-menu .svc-btn {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 10px 18px; border-radius: 999px; font-weight: 700; text-decoration: none;
  border: 2px solid #ffe08a; color: #fff; text-shadow: none;
}
.svc-menu .svc-btn-primary { background: linear-gradient(#ffe08a, #eba33d); color: #5e1410; border-color: #eba33d; }
.svc-menu .svc-btn:hover, .svc-menu .svc-btn:focus { text-decoration: none; filter: brightness(1.08); color: #fff; }
.svc-menu .svc-btn-primary:hover, .svc-menu .svc-btn-primary:focus { color: #5e1410; }