/* Sabina by Vita Nova — shared visual theme for inner pages.
   Visual layer only: no forms, links, functions, payment or content logic changed. */
:root{--sv-cream:#f7f3ea;--sv-paper:#fffdf8;--sv-ink:#171815;--sv-muted:#60635b;--sv-sage:#65715a;--sv-sage-dark:#4f5a47;--sv-rose:#d59a8e;--sv-blush:#f3e4df;--sv-green:#e7ecdf;--sv-line:#ddd8cd;--sv-shadow:0 16px 40px rgba(37,37,29,.08)}
body{background:var(--sv-paper)!important;color:var(--sv-ink)!important;font-family:'DM Sans',Arial,sans-serif!important;line-height:1.6!important}
body *{box-sizing:border-box}
a{color:inherit}
/* Same approved header language as the homepage */
.site-header{height:70px!important;background:#fffdf8!important;border-bottom:1px solid #ebe6dc!important;display:flex!important;align-items:center!important;position:relative!important;z-index:100!important}
.site-header .header-inner{width:min(1280px,calc(100% - 64px))!important;margin:auto!important;display:flex!important;align-items:center!important;gap:28px!important}
.site-header .brand{display:flex!important;align-items:center!important;gap:15px!important;min-width:225px!important;line-height:1!important}
.site-header .brand-name{font-family:'Allura',cursive!important;font-size:45px!important;line-height:.8!important;color:var(--sv-ink)!important;letter-spacing:0!important}
.site-header .brand-sub{font-family:'DM Sans',Arial,sans-serif!important;font-size:10px!important;letter-spacing:2px!important;color:#4e5049!important;border-left:1px solid #bdb9b0!important;padding-left:15px!important;line-height:1.4!important;margin-left:0!important}
.site-header .nav{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:22px!important;flex:1!important;font-size:13px!important}
.site-header .nav a{padding:8px 0!important;border:0!important;white-space:nowrap!important;color:var(--sv-ink)!important;text-decoration:none!important}
.site-header .nav a:hover{color:var(--sv-sage)!important}
.site-header .nav a.active{border-bottom:1px solid var(--sv-rose)!important}
.site-header .nav .nav-cta{background:var(--sv-sage)!important;color:#fff!important;padding:11px 20px!important;border-radius:6px!important;font-weight:600!important}
.site-header .nav-toggle{display:none!important;background:none!important;border:0!important;font-size:28px!important;color:var(--sv-ink)!important}
/* Generic inner-page structure */
main{background:var(--sv-paper)}
.page-hero,.websites-hero,.inbeeld-hero{background:var(--sv-cream)!important}
.page-hero{padding:64px 0 48px!important;border-bottom:1px solid var(--sv-line)!important}
.page-hero h1,.websites-hero h1{font-family:'Playfair Display',Georgia,serif!important;font-weight:400!important;color:var(--sv-ink)!important;letter-spacing:-1px!important}
.page-hero h1{font-size:56px!important;line-height:1.05!important;margin:14px 0 16px!important}
.page-hero p{color:var(--sv-muted)!important;max-width:700px!important;font-size:16px!important}
.eyebrow,.websites-eyebrow{color:var(--sv-sage)!important;letter-spacing:2.5px!important}
.content-section{padding:52px 0!important;background:var(--sv-paper)!important}
.two-col{gap:22px!important}
.card,.why-card,.package,.inbeeld-service,.process-step,.process-item,.why-visual{background:var(--sv-paper)!important;border:1px solid var(--sv-line)!important;border-radius:12px!important;box-shadow:none!important}
.card{padding:30px!important}
.card h2,.card h3,.section-head h2,.websites-section-title,.inbeeld-section-head h2{font-family:'Playfair Display',Georgia,serif!important;font-weight:400!important;color:var(--sv-ink)!important}
.card h2{font-size:29px!important}
.btn{background:var(--sv-sage)!important;color:#fff!important;border-radius:6px!important;border:0!important}
.text-link,.view,.back{color:var(--sv-sage)!important}
input,textarea,select{border-color:var(--sv-line)!important;background:#fffdf9!important;border-radius:7px!important}
/* Website page keeps its content/layout, but adopts the homepage palette */
.websites-process,.websites-packages,.websites-why{background:var(--sv-paper)!important}
.websites-hero-copy{background:var(--sv-cream)!important}
.websites-rule{color:var(--sv-rose)!important}
.package-tag{background:var(--sv-sage)!important;color:#fff!important}
.package-price{background:var(--sv-green)!important}
.websites-cta,.inbeeld-cta{background:var(--sv-sage)!important;border-radius:10px!important}
/* Portfolio: preserve every project and link, restyle only */
.portfolio-page{background:var(--sv-paper)!important;color:var(--sv-ink)!important}
.portfolio-page header{padding:0!important;border-bottom:0!important}
.portfolio-page .wrap{max-width:1180px!important}
.portfolio-page .hero{padding:64px 0 38px!important;background:var(--sv-cream)!important}
.portfolio-page h1{font-family:'Playfair Display',Georgia,serif!important;font-weight:400!important}
.portfolio-page .grid{gap:22px!important;padding:25px 0 70px!important}
.portfolio-page .card{background:var(--sv-paper)!important;border:1px solid var(--sv-line)!important;border-radius:12px!important;box-shadow:none!important}
.portfolio-page .card img{object-fit:contain!important;background:#f3f0e8!important}
.portfolio-page footer{background:var(--sv-sage)!important}
/* Footer matching homepage */
.footer{background:#fffdf8!important;color:var(--sv-ink)!important;border-top:1px solid #e8e3d9!important;padding:23px 0 14px!important}
.footer-top{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:30px!important}
.footer h2{font-family:'Playfair Display',Georgia,serif!important;font-size:27px!important;font-weight:400!important;margin:0 0 3px!important}
.footer p{margin:0!important;font-size:12px!important;color:var(--sv-muted)!important}
.footer .btn{background:var(--sv-sage)!important;color:#fff!important}
.footer-legal{text-align:center!important;border-top:1px solid #ebe6dc!important;margin-top:15px!important;padding-top:10px!important;font-size:9px!important;color:#777a72!important;line-height:1.6!important}
/* Forms remain forms; only their visual treatment changes */
.contact-form,.inbeeld-form{background:#fffdf8!important;border:1px solid var(--sv-line)!important;border-radius:12px!important;box-shadow:var(--sv-shadow)!important}
/* Mobile */
@media(max-width:900px){
 .site-header{height:74px!important}.site-header .header-inner{width:min(100% - 34px,1180px)!important}.site-header .brand{min-width:0!important}.site-header .brand-sub{display:none!important}.site-header .brand-name{font-size:40px!important}.site-header .nav{display:none!important}.site-header .nav-toggle{display:block!important;margin-left:auto!important}
 .site-header .nav.mobile-open{display:flex!important;position:absolute!important;top:74px!important;left:0!important;right:0!important;z-index:1000!important;flex-direction:column!important;align-items:flex-start!important;gap:0!important;width:100%!important;padding:14px 24px 18px!important;background:#fffdf8!important;border:1px solid var(--sv-line)!important;border-radius:0 0 12px 12px!important;box-shadow:0 12px 28px rgba(0,0,0,.08)!important}
 .site-header .nav.mobile-open a{display:block!important;width:100%!important;padding:10px 0!important;border:0!important}.site-header .nav.mobile-open .nav-cta{width:max-content!important;margin-top:6px!important;color:#fff!important}
 .page-hero{padding:48px 0 38px!important}.page-hero h1{font-size:46px!important}.two-col{grid-template-columns:1fr!important}.footer-top{flex-direction:column!important;align-items:flex-start!important}
}


/* V10 — warm colour balance across inner pages. Visual layer only. */
.page-diensten .page-hero,
.page-contact .page-hero,
.page-tarieven .compact-page-intro,
.page-websites .websites-hero-copy {background:linear-gradient(135deg,#f7f3ea 0%,#f3e4df 100%)!important}
.page-diensten .content-section{background:#fffdf8!important}
.page-diensten .card:nth-child(1),.page-diensten .card:nth-child(4){background:#e7ecdf!important;border-color:#d5ddca!important}
.page-diensten .card:nth-child(2){background:#f3e4df!important;border-color:#ead4cd!important}
.page-diensten .card:nth-child(3){background:#f7f3ea!important;border-color:#e4dfd3!important}
.page-diensten .card{min-height:190px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;box-shadow:0 10px 28px rgba(37,37,29,.045)!important}
.page-diensten .card h2{font-size:31px!important}
.page-diensten .content-section .two-col{gap:24px!important}

.page-websites .websites-explain{background:#fffdf8!important}
.page-websites .website-option:nth-child(1){background:#e7ecdf!important;border-color:#d5ddca!important}
.page-websites .website-option:nth-child(2){background:#f3e4df!important;border-color:#ead4cd!important}
.page-websites .website-option:nth-child(3){background:#f7f3ea!important;border-color:#e4dfd3!important}
.page-websites .website-option{box-shadow:0 12px 28px rgba(37,37,29,.05)!important}
.page-websites .websites-rule{background:#d59a8e!important;height:2px!important}

.page-tarieven .pricing-section{background:#fffdf8!important}
.page-tarieven .pricing-card:first-child{background:#e7ecdf!important;border-color:#d5ddca!important}
.page-tarieven .pricing-card:last-child{background:#f3e4df!important;border-color:#ead4cd!important}
.page-tarieven .pricing-note{background:#f7f3ea!important;border:1px solid #e4dfd3!important}
.page-tarieven .pricing-card{box-shadow:0 12px 30px rgba(37,37,29,.05)!important}

.page-contact .content-section{background:#fffdf8!important}
.page-contact .contact-intro{background:#e7ecdf!important;border-radius:18px!important;padding:38px!important;border:1px solid #d5ddca!important;align-self:stretch!important}
.page-contact .content-section .card{background:#f3e4df!important;border-color:#ead4cd!important;box-shadow:0 12px 30px rgba(37,37,29,.05)!important}
.page-contact .contact-form{background:#fffdf8!important;border-color:#e2d8d1!important}

.page-inbeeld .inbeeld-hero{background:linear-gradient(135deg,#f7f3ea 0%,#e7ecdf 100%)!important}
.page-inbeeld .inbeeld-aanvraag{background:#f3e4df!important;border-color:#ead4cd!important}
.page-inbeeld .inbeeld-work{background:#fffdf8!important}
.page-inbeeld .inbeeld-service:nth-child(1){background:#e7ecdf!important;border-color:#d5ddca!important}
.page-inbeeld .inbeeld-service:nth-child(2){background:#f3e4df!important;border-color:#ead4cd!important}
.page-inbeeld .inbeeld-service:nth-child(3){background:#f7f3ea!important;border-color:#e4dfd3!important}
.page-inbeeld .inbeeld-process{background:#f7f3ea!important}
.page-inbeeld .process-step{background:#fffdf8!important}

.page-portfolio .portfolio-page .hero,.page-portfolio .hero{background:linear-gradient(135deg,#f7f3ea 0%,#e7ecdf 100%)!important}
.page-portfolio .portfolio-page .card,.page-portfolio .card{background:#fffdf8!important;border-color:#ddd8cd!important;box-shadow:0 12px 28px rgba(37,37,29,.05)!important}
.page-portfolio .portfolio-page .card:nth-child(even),.page-portfolio .card:nth-child(even){background:#f3e4df!important}

@media(max-width:900px){
 .page-contact .contact-intro{padding:28px!important}
 .page-diensten .card{min-height:0!important}
}