/*
Theme Name: Studio Synergie Maatwerk
Theme URI: https://studiosynergie.nl/
Author: NEX Projects & Media
Description: Lichtgewicht one-page maatwerkthema voor Studio Synergie. Zonder Elementor; inhoud via WordPress-pagina's en de Customizer.
Version: 0.2.6
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: studio-synergie
*/

:root{--ss-green:#536941;--ss-dark:#3e5638;--ss-accent:#a8d600;--ss-yellow:#ffd735;--ss-cream:#f5f7f2;--ss-text:#50613f;--ss-white:#fff;--ss-max:1240px;--ss-radius:5px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:#fff;color:var(--ss-text);font-family:'AssistantLocal','Assistant',Arial,sans-serif;font-size:18px;line-height:1.62;-webkit-font-smoothing:antialiased}body.admin-bar .ss-header{top:32px}a{color:inherit;text-decoration:none}a:hover{color:var(--ss-accent)}img{display:block;max-width:100%;height:auto}button,input,textarea,select{font:inherit}h1,h2,h3,h4{font-family:'RobotoSlabLocal','Roboto Slab',Georgia,serif;font-weight:400;line-height:1.1;color:var(--ss-green);margin:0 0 .55em}h1{font-size:clamp(3rem,7vw,6rem)}h2{font-size:clamp(2.15rem,4.2vw,4rem)}h3{font-size:clamp(1.45rem,2.2vw,2rem)}p{margin:.3em 0 1.25em}.ss-wrap{width:min(var(--ss-max),calc(100% - 48px));margin-inline:auto}.ss-section{position:relative;padding:94px 0}.ss-section-head{text-align:center;max-width:820px;margin:0 auto 52px}.ss-kicker{text-transform:uppercase;letter-spacing:.16em;font-size:.78rem;font-weight:700;color:var(--ss-accent);margin-bottom:12px}.ss-muted{opacity:.78}.ss-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:52px;padding:13px 30px;background:var(--ss-yellow);color:var(--ss-dark);font-weight:700;border:0;border-radius:var(--ss-radius);cursor:pointer;transition:.2s ease}.ss-button:hover{background:var(--ss-accent);color:var(--ss-dark);transform:translateY(-1px)}.ss-button--outline{background:transparent;border:1px solid currentColor}.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* header */
.ss-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-bottom:1px solid rgba(83,105,65,.1)}.ss-header-inner{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:28px}.ss-logo img{width:auto;max-width:118px;max-height:72px}.ss-logo-text{font-family:'RobotoSlabLocal',serif;font-size:1.4rem}.ss-nav{display:flex;align-items:center;gap:30px}.ss-menu{list-style:none;display:flex;gap:30px;align-items:center;margin:0;padding:0}.ss-menu a{font-size:16px;font-weight:600;color:var(--ss-dark)}.ss-menu a:hover,.ss-menu a.is-active{color:var(--ss-accent)}.ss-header-cta{white-space:nowrap}.ss-menu-toggle{display:none;border:0;background:transparent;color:var(--ss-green);font-size:30px;padding:6px;cursor:pointer}

/* hero */
.ss-hero{position:relative;min-height:min(720px,78vh);display:grid;place-items:center;background-position:center;background-size:cover;color:#fff;isolation:isolate}.ss-hero:after{content:"";position:absolute;inset:0;background:rgba(0,0,0,var(--hero-overlay,.28));z-index:-1}.ss-hero-content{text-align:center;width:min(1080px,calc(100% - 48px));padding:100px 0}.ss-hero h1{font-family:'AssistantLocal','Assistant',Arial,sans-serif;color:#fff;font-size:clamp(3.5rem,7vw,7.2rem);line-height:.96;letter-spacing:-.045em;margin-bottom:24px}.ss-hero-sub{font-size:clamp(1.8rem,3.5vw,3.2rem);font-weight:600;line-height:1.15;margin-bottom:34px}.ss-hero .ss-button{font-size:1.05rem}

/* intro */
.ss-intro-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.ss-intro-copy{max-width:600px}.ss-intro-image{border-radius:var(--ss-radius);overflow:hidden;min-height:520px}.ss-intro-image img{width:100%;height:100%;min-height:520px;object-fit:cover}.ss-definition{margin-top:30px;padding-top:24px;border-top:1px solid rgba(83,105,65,.15);font-size:.95rem}

/* services */
.ss-services{background:var(--ss-cream)}.ss-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.ss-service-card{background:#fff;display:flex;flex-direction:column;min-width:0;border-radius:var(--ss-radius);overflow:hidden;box-shadow:0 10px 34px rgba(57,75,47,.08);transition:.22s ease}.ss-service-card:hover{transform:translateY(-4px);box-shadow:0 18px 44px rgba(57,75,47,.13)}.ss-service-media{aspect-ratio:4/3;background:#e9ede5;overflow:hidden}.ss-service-media img{width:100%;height:100%;object-fit:cover;transition:.35s ease}.ss-service-card:hover .ss-service-media img{transform:scale(1.025)}.ss-service-body{padding:28px 28px 30px;display:flex;flex-direction:column;flex:1}.ss-service-body h3{margin-bottom:10px}.ss-service-body p{flex:1}.ss-text-link{font-weight:700;color:var(--ss-green);display:inline-flex;gap:8px;align-items:center}.ss-text-link:after{content:'→'}

/* feature */
.ss-feature{padding:0}.ss-feature-panel{position:relative;min-height:610px;background-position:center;background-size:cover;display:flex;align-items:center;color:#fff;isolation:isolate}.ss-feature-panel:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,30,14,.55),rgba(20,30,14,.12));z-index:-1}.ss-feature-box{width:min(610px,92%);padding:80px 0}.ss-feature h2,.ss-feature p{color:#fff}.ss-feature p{font-size:1.15rem;max-width:580px}

/* review */
.ss-review{padding:78px 0}.ss-quote{background:var(--ss-cream);padding:38px 42px;max-width:1040px;margin:auto;border-left:5px solid var(--ss-accent);font-size:1.15rem}.ss-quote blockquote{margin:0}.ss-quote cite{display:block;margin-top:16px;font-style:normal;font-weight:700}

/* blog */
.ss-blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.ss-post-card{border:1px solid rgba(83,105,65,.12);background:#fff;border-radius:var(--ss-radius);overflow:hidden}.ss-post-card-media{aspect-ratio:16/10;background:var(--ss-cream)}.ss-post-card-media img{width:100%;height:100%;object-fit:cover}.ss-post-card-body{padding:25px}.ss-post-card h3{font-size:1.45rem}.ss-meta{font-size:.82rem;opacity:.7;margin-bottom:8px}

/* contact */
.ss-contact{background:var(--ss-green);color:#fff}.ss-contact h2,.ss-contact h3,.ss-contact p,.ss-contact a{color:#fff}.ss-contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}.ss-contact-list{list-style:none;padding:0;margin:25px 0 0}.ss-contact-list li{margin:9px 0}.ss-form{background:#fff;color:var(--ss-text);padding:34px;border-radius:var(--ss-radius)}.ss-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.ss-field--full{grid-column:1/-1}.ss-form label{display:block;font-weight:700;margin-bottom:6px}.ss-form input,.ss-form textarea,.ss-form select{width:100%;border:1px solid rgba(83,105,65,.22);padding:12px 13px;background:#fff;color:var(--ss-text);border-radius:3px}.ss-form textarea{min-height:145px;resize:vertical}.ss-form-message{padding:12px 14px;margin-bottom:18px;background:#f2f6ec;border-left:4px solid var(--ss-accent)}.ss-form-message--error{border-left-color:#b52b2b;background:#fff0f0}.ss-hp{position:absolute!important;left:-9999px!important}

/* internal pages */
.ss-page-hero{min-height:390px;background-size:cover;background-position:center;display:flex;align-items:end;position:relative;isolation:isolate;color:#fff}.ss-page-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.55),rgba(0,0,0,.12));z-index:-1}.ss-page-hero-inner{padding:80px 0 56px}.ss-page-hero h1,.ss-page-hero p{color:#fff}.ss-page-hero p{max-width:760px;font-size:1.15rem}.ss-content{width:min(900px,calc(100% - 48px));margin:auto;padding:75px 0}.ss-content h2,.ss-content h3{margin-top:1.4em}.ss-content img{margin:30px auto;border-radius:3px}.ss-legacy-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;margin:30px 0}.ss-legacy-block{min-width:0}.ss-blog-index{width:min(var(--ss-max),calc(100% - 48px));margin:auto;padding:80px 0}.ss-pagination{margin-top:40px}

/* footer */
.ss-footer{background:var(--ss-dark);color:#fff}.ss-footer-main{padding:52px 0;display:grid;grid-template-columns:1.2fr .8fr .9fr;gap:55px}.ss-footer h3,.ss-footer p,.ss-footer a{color:#fff}.ss-footer-logo img{max-width:125px;filter:brightness(0) invert(1);margin-bottom:15px}.ss-footer-menu{list-style:none;margin:0;padding:0}.ss-footer-menu li{margin:6px 0}.ss-footer-bottom{border-top:1px solid rgba(255,255,255,.18);padding:18px 0;display:flex;justify-content:space-between;gap:20px;font-size:.84rem}.ss-social{display:flex;gap:12px;margin-top:20px}.ss-social a{width:38px;height:38px;border:1px solid rgba(255,255,255,.35);border-radius:50%;display:grid;place-items:center;font-weight:700}

@media(max-width:980px){body.admin-bar .ss-header{top:46px}.ss-menu-toggle{display:block}.ss-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;padding:18px 24px 28px;box-shadow:0 12px 30px rgba(0,0,0,.12)}.ss-nav.is-open{display:block}.ss-menu{display:block}.ss-menu li{margin:2px 0}.ss-menu a{display:block;padding:8px 0}.ss-header-cta{margin-top:14px}.ss-intro-grid,.ss-contact-grid{grid-template-columns:1fr;gap:42px}.ss-intro-image,.ss-intro-image img{min-height:420px}.ss-service-grid,.ss-blog-grid{grid-template-columns:repeat(2,1fr)}.ss-footer-main{grid-template-columns:1fr 1fr}.ss-footer-main>div:first-child{grid-column:1/-1}}
@media(max-width:640px){body{font-size:17px}.ss-wrap,.ss-content,.ss-blog-index{width:min(100% - 32px,var(--ss-max))}.ss-section{padding:68px 0}.ss-section-head{margin-bottom:36px}.ss-header-inner{min-height:78px}.ss-logo img{max-width:95px;max-height:62px}.ss-hero{min-height:520px}.ss-hero-content{padding:75px 0;width:calc(100% - 32px)}.ss-hero h1{font-size:clamp(3rem,15vw,4.8rem)}.ss-hero-sub{font-size:1.7rem}.ss-service-grid,.ss-blog-grid{grid-template-columns:1fr}.ss-feature-panel{min-height:520px}.ss-feature-box{padding:58px 0}.ss-quote{padding:30px 26px}.ss-form{padding:24px}.ss-form-grid{grid-template-columns:1fr}.ss-field--full{grid-column:auto}.ss-footer-main{grid-template-columns:1fr;gap:32px}.ss-footer-main>div:first-child{grid-column:auto}.ss-footer-bottom{display:block}.ss-footer-bottom span{display:block;margin:5px 0}.ss-page-hero-inner{padding:60px 0 42px}.ss-legacy-grid{grid-template-columns:1fr}}


/* v0.2.3 – native service forms */
.ss-service-form{width:min(1120px,calc(100% - 48px));margin:0 auto 85px;background:#f5f7f1;border-radius:6px;overflow:hidden}.ss-service-form-inner{display:grid;grid-template-columns:.72fr 1.28fr;gap:54px;padding:54px;align-items:start}.ss-service-form-copy{padding-top:18px}.ss-service-form-copy h2{margin:.25em 0 .5em}.ss-eyebrow{display:block;text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;font-weight:700;color:var(--ss-green)}.ss-form--service{padding:34px;box-shadow:0 10px 34px rgba(45,65,40,.08)}.ss-checks{border:0;padding:0;margin:0}.ss-checks legend{font-weight:700;margin-bottom:8px}.ss-checks label{display:flex;align-items:flex-start;gap:9px;font-weight:400;margin:6px 0}.ss-checks input[type=checkbox]{width:auto;margin-top:.3em;accent-color:var(--ss-green)}.ss-checks span{flex:1}.ss-submission-meta{font-size:.92rem;color:#667}
@media(max-width:800px){.ss-service-form-inner{grid-template-columns:1fr;gap:24px;padding:32px}.ss-service-form{width:min(100% - 32px,1120px);margin-bottom:60px}.ss-service-form-copy{padding-top:0}}

/* v0.2.4 – footer credit + invisible anti-spam hardening */
.ss-footer-credit-link{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.ss-footer-credit-link:hover{color:var(--ss-accent)}

/* v0.2.5 – mobiele CTA/knoppen centreren */
@media (max-width: 767px){
  .ss-btn,
  .ss-button,
  .button,
  .wp-block-button,
  .wp-block-buttons,
  .ss-hero-actions,
  .ss-card-actions,
  .ss-section-actions,
  .ss-form-actions {
    margin-left:auto;
    margin-right:auto;
  }
  .ss-hero-actions,
  .ss-card-actions,
  .ss-section-actions,
  .ss-form-actions,
  .wp-block-buttons {
    justify-content:center;
    text-align:center;
  }
  .ss-btn,
  .ss-button,
  a.button,
  button[type="submit"],
  input[type="submit"] {
    display:table;
    margin-left:auto;
    margin-right:auto;
  }
}

/* v0.2.6 – nette theme-credit */
.ss-footer-credit-link{
  color:inherit;
  font-weight:700;
  text-decoration:none;
  border:0;
  transition:opacity .2s ease,color .2s ease;
}
.ss-footer-credit-link:hover,
.ss-footer-credit-link:focus{
  color:inherit;
  opacity:.78;
  text-decoration:none;
}