/*
Theme Name: Mams Massage Classic
Theme URI: https://example.com/
Author: OpenAI
Description: Stable classic WordPress theme for Mams Massage. No paid plugins required. Includes homepage custom fields without plugin.
Version: 1.1.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
Text Domain: mams
*/

:root{
  --mams-dark:#2b2623;
  --mams-brown:#8b5e3c;
  --mams-sand:#f3e6d3;
  --mams-cream:#fff6e8;
  --mams-max:1140px;
  --mams-serif: Georgia, "Times New Roman", serif;
  --mams-sans: Arial, Helvetica, sans-serif;
}
*{box-sizing:border-box}
body{margin:0;color:var(--mams-dark);background:var(--mams-cream);font-family:var(--mams-sans);line-height:1.65;font-size:16px}
img{max-width:100%;height:auto;display:block}
a{text-decoration:none;color:inherit}
.container{max-width:var(--mams-max);margin:0 auto;padding:0 20px}
.section{padding:72px 0}
.section-dark{background:var(--mams-dark);color:var(--mams-sand)}
.section-sand{background:var(--mams-sand)}
.site-header{position:absolute;top:0;left:0;right:0;z-index:20;color:var(--mams-sand)}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0}
.branding{font-family:var(--mams-serif);text-transform:uppercase;letter-spacing:.16em;font-size:1rem}
.main-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:22px;flex-wrap:wrap}
.main-nav a{text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}
.hero{min-height:90vh;display:flex;align-items:center;color:var(--mams-sand);background:linear-gradient(rgba(43,38,35,.55), rgba(43,38,35,.55)), url('assets/hero-placeholder.jpg') center/cover no-repeat}
.hero-content{max-width:650px;padding:140px 0 80px}
.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.75rem;margin-bottom:10px}
h1,h2,h3,h4,h5,h6{font-family:var(--mams-serif);line-height:1.15;margin:0 0 16px;font-weight:400}
h1{font-size:clamp(2.4rem,5vw,4.5rem)}
h2{font-size:clamp(2rem,4vw,3.4rem)}
h3{font-size:1.6rem}
p{margin:0 0 16px}
.btn,input[type=submit],button{display:inline-block;border:1px solid currentColor;padding:12px 22px;text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;background:transparent;color:inherit;cursor:pointer}
.btn-dark{background:var(--mams-dark);color:var(--mams-sand);border-color:var(--mams-dark)}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.value-card,.post-card,.testimonial-card,.treatment-card{padding:26px;border:1px solid rgba(255,255,255,.15)}
.section-sand .treatment-card,.post-card,.testimonial-card{border-color:rgba(43,38,35,.12)}
.treatment-list,.archive-grid,.testimonial-grid{display:grid;gap:24px}
.archive-grid{grid-template-columns:repeat(2,1fr)}
.testimonial-grid{grid-template-columns:repeat(3,1fr)}
.price-table{width:100%;border-collapse:collapse;margin:18px 0 22px}
.price-table td{padding:10px 0;border-bottom:1px solid rgba(43,38,35,.12)}
.price-table td:last-child{text-align:right}
.site-footer{background:var(--mams-brown);color:var(--mams-sand);padding:70px 0 30px}
.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:32px}
.footer-menu ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.copyright{margin-top:34px;padding-top:16px;border-top:1px solid rgba(243,230,211,.2);font-size:.9rem}
.page-header{padding:150px 0 50px;background:var(--mams-dark);color:var(--mams-sand)}
.content-wrap{padding:54px 0 72px}
.newsletter-form,.contact-form,.booking-form{display:grid;gap:14px;max-width:720px}
input[type=text],input[type=email],input[type=tel],select,textarea{width:100%;padding:14px 16px;border:1px solid rgba(43,38,35,.18);background:#fff;color:var(--mams-dark);font:inherit}
textarea{min-height:150px;resize:vertical}
.message-success{padding:14px 18px;background:#edf7ed;border:1px solid #c8e6c9;color:#1b5e20;margin-bottom:18px}
.message-error{padding:14px 18px;background:#fdecea;border:1px solid #f5c6cb;color:#7f1d1d;margin-bottom:18px}
.meta-inline{display:flex;gap:14px;flex-wrap:wrap;font-size:.92rem;opacity:.8;margin-bottom:10px}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media (max-width:980px){
  .grid-2,.grid-3,.archive-grid,.testimonial-grid,.footer-grid{grid-template-columns:1fr}
  .header-inner{flex-direction:column;align-items:flex-start}
  .main-nav ul{gap:12px 18px}
  .hero-content{padding-top:180px}
}