/*
Theme Name: Holmebos Holistisk Massage
Theme URI: https://holmebos-holistiskmassage.dk/
Author: Custom WordPress Theme
Description: Moderne, roligt og mobilvenligt WordPress-tema til Holmebos Holistisk Massage.
Version: 3.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: holmebos-massage
*/
:root{--sage:#71806c;--sage-dark:#4e5d4b;--cream:#f7f2e9;--sand:#e8dccb;--ink:#313632;--white:#fff;--shadow:0 12px 35px rgba(49,54,50,.10)}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;color:var(--ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.7;background:#fff} a{color:inherit} img{max-width:100%;height:auto} .wrap{width:min(1120px,92%);margin:auto}
.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-bottom:1px solid #eee}
.header-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:25px}
.logo{font-family:Georgia,serif;font-size:1.25rem;font-weight:700;text-decoration:none;color:var(--sage-dark)}
.nav{display:flex;gap:22px;align-items:center}.nav a{text-decoration:none;font-weight:600;font-size:.95rem}.nav a:hover{color:var(--sage)}
.btn{display:inline-block;background:var(--sage-dark);color:#fff!important;padding:12px 22px;border-radius:999px;text-decoration:none;font-weight:700;border:0;cursor:pointer}.btn.light{background:#fff;color:var(--sage-dark)!important}.btn.outline{background:transparent;color:var(--sage-dark)!important;border:1px solid var(--sage-dark)}
.hero{background:linear-gradient(120deg,var(--cream),#fff);padding:90px 0}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:55px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--sage);font-weight:800;font-size:.82rem}.hero h1{font:700 clamp(2.6rem,6vw,5rem)/1.05 Georgia,serif;margin:12px 0 22px}.hero p{font-size:1.18rem;max-width:650px}.hero-card{min-height:390px;border-radius:28px;background:linear-gradient(145deg,#d9d0c2,#aeb9a8);box-shadow:var(--shadow);display:flex;align-items:flex-end;padding:28px;color:#fff}.hero-card div{background:rgba(49,54,50,.76);padding:18px 20px;border-radius:18px}
.section{padding:80px 0}.section.alt{background:var(--cream)}.section h2{font:700 clamp(2rem,4vw,3rem)/1.15 Georgia,serif;margin:0 0 18px}.lead{font-size:1.1rem;max-width:780px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:35px}.card{background:#fff;border:1px solid #eee;border-radius:22px;padding:28px;box-shadow:var(--shadow)}.card h3{font:700 1.45rem Georgia,serif;margin-top:0;color:var(--sage-dark)}.icon{font-size:2rem}
.split{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.photo-placeholder{min-height:430px;border-radius:28px;background:linear-gradient(145deg,#ddd4c7,#b5c0af);box-shadow:var(--shadow)}
.trust{display:flex;gap:18px;flex-wrap:wrap;margin-top:25px}.pill{background:#fff;border:1px solid #ddd8cf;padding:10px 15px;border-radius:999px;font-weight:700}
.cta{background:var(--sage-dark);color:#fff;border-radius:28px;padding:48px}.cta h2{color:#fff}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.contact-box{background:var(--cream);padding:30px;border-radius:22px}.contact-box a{font-weight:700}.site-footer{background:#29302b;color:#fff;padding:45px 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:35px}.site-footer a{text-decoration:none}.small{font-size:.9rem;opacity:.8}
.mobile-toggle{display:none;border:0;background:none;font-size:1.6rem}
@media(max-width:800px){.nav{display:none}.mobile-toggle{display:block}.header-inner{min-height:68px}.hero{padding:60px 0}.hero-grid,.split,.contact-grid,.footer-grid{grid-template-columns:1fr}.hero-card{min-height:300px}.cards{grid-template-columns:1fr}.section{padding:60px 0}.mobile-open .nav{display:flex;position:absolute;left:0;right:0;top:68px;background:#fff;padding:18px 4%;flex-direction:column;align-items:flex-start;border-bottom:1px solid #eee}.mobile-open .mobile-toggle{transform:rotate(90deg)}}

.hero-photo{min-height:500px;border-radius:30px;background-size:cover;background-position:center;box-shadow:var(--shadow);position:relative;overflow:hidden}
.hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(30,35,30,.65))}
.gallery{display:grid;grid-template-columns:1.4fr .8fr .8fr;grid-auto-rows:220px;gap:18px;margin-top:35px}.gallery img{width:100%;height:100%;object-fit:cover;border-radius:22px;box-shadow:var(--shadow)}.gallery img:first-child{grid-row:span 2}
.brit-photo{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:28px;box-shadow:var(--shadow)}
.rab-box{display:flex;gap:25px;align-items:center;background:#fff;border:1px solid #e4e1da;border-radius:22px;padding:24px;margin-top:28px}.rab-box img{width:150px;height:105px;object-fit:contain}
@media(max-width:800px){.gallery{grid-template-columns:1fr 1fr;grid-auto-rows:180px}.gallery img:first-child{grid-row:span 1;grid-column:span 2}.hero-photo{min-height:350px}.rab-box{align-items:flex-start;flex-direction:column}}