/*
Theme Name: Ramon Pelle Studio
Theme URI: https://ramonpelle.nl
Author: Ramon Pelle Services
Description: Zelfstandig WordPress-blokthema voor websites en webshops voor zzp en mkb. Inclusief bewerkbare homepage, responsive navigatie en paginasjablonen.
Version: 1.0.1
Requires at least: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ramon-pelle-studio
*/
:root{--rp-ink:#172c3a;--rp-orange:#b74221;--rp-soft:#f0eee8;--rp-paper:#fbfaf7;--rp-muted:#52616b}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--rp-paper);color:var(--rp-ink);font-family:'Segoe UI',Arial,sans-serif}img{max-width:100%;height:auto}a{transition:color .15s}a:hover{color:#883016}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--rp-orange);outline-offset:5px}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--rp-ink)}h1{font-size:clamp(2.65rem,4.9vw,4.5rem);line-height:1.06;letter-spacing:-.055em}h2{font-size:clamp(2rem,3.6vw,3.1rem);line-height:1.12;letter-spacing:-.045em}h3{font-size:1.5rem;line-height:1.2;letter-spacing:-.025em}p{line-height:1.7}em{font-style:normal;color:var(--rp-orange)}.wp-site-blocks{padding:0}.wp-site-blocks>*{margin-block-start:0}.rp-wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto!important}.rp-header{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:106px}.rp-brand{display:flex;align-items:center;gap:12px}.rp-brand>*{margin:0!important}.rp-brand .wp-block-site-title{max-width:230px;font-size:1.15rem;line-height:1.25;font-weight:700}.wp-block-site-title a{color:var(--rp-ink);text-decoration:none}.rp-nav{margin:0!important}.rp-nav a{text-decoration:none;color:var(--rp-ink)}.rp-nav .wp-block-navigation__container{gap:30px}.rp-nav .wp-block-navigation-item:last-child a{border:1px solid #c9cdcb;padding:10px 20px;border-radius:5px}.wp-block-navigation__responsive-container.is-menu-open{z-index:100000;background:var(--rp-paper);padding:30px}.rp-hero{display:grid;grid-template-columns:1.06fr 1fr;gap:55px;align-items:center;padding:64px 0 82px;overflow:visible}.rp-hero-copy>*{margin-bottom:25px}.rp-eyebrow{color:var(--rp-orange);font-size:.72rem;font-weight:750;letter-spacing:.15em;margin-bottom:22px}.rp-lead{font-size:1.125rem;max-width:505px;color:var(--rp-muted)}.wp-block-buttons{display:flex;flex-wrap:wrap;gap:12px}.wp-block-button__link{display:inline-block;text-decoration:none;border-radius:5px;padding:14px 21px;background:var(--rp-orange);color:#fff;font-size:.94rem;font-weight:650;line-height:1.5;border:1px solid var(--rp-orange)}.wp-block-button__link:hover{background:#94371d;color:#fff}.is-style-outline .wp-block-button__link{background:transparent;border:1px solid #9aa5aa;color:var(--rp-ink)}.is-style-outline .wp-block-button__link:hover{background:var(--rp-soft)}.rp-hero-note{font-size:.77rem;color:var(--rp-muted);margin-top:26px}.rp-hero-note span{margin:0 10px}.rp-art{position:relative;min-height:445px;display:flex;align-items:center;justify-content:center;isolation:isolate}.rp-orbit{position:absolute;inset:0 10px;background:#e9e7df;border-radius:50%;z-index:-1}.rp-orbit:after{content:'';position:absolute;width:64px;height:64px;right:20px;top:4px;border:1px solid #b7bbb2;border-radius:50%}.rp-browser{background:white;border:1px solid #d0d2cb;border-radius:10px;width:100%;transform:rotate(-3deg);box-shadow:0 25px 45px #172c3a14;overflow:hidden}.rp-browser-bar{height:34px;display:flex;align-items:center;gap:5px;padding:0 13px;border-bottom:1px solid #e5e5e5}.rp-browser-bar i{width:6px;height:6px;border-radius:100%;background:#d3d5d3}.rp-browser-bar span{font-size:8px;color:#6b7375;margin:auto}.rp-browser-inner{padding:22px}.rp-demo-nav{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:8px}.rp-demo-nav b{font-size:10px}.rp-demo-nav b span{color:var(--rp-orange)}.rp-demo-nav>span{color:#657275}.rp-demo-hero{display:grid;grid-template-columns:1.3fr 1fr;gap:14px;padding:33px 0}.rp-demo-label{font-size:6px;letter-spacing:1px;color:var(--rp-orange);font-weight:700}.rp-demo-hero strong{display:block;font-size:36px;line-height:1.05;letter-spacing:-1.5px;margin-top:12px}.rp-demo-hero p{font-size:8px;margin:12px 0}.rp-demo-button{display:inline-block;padding:8px;background:var(--rp-orange);color:white;font-size:7px;border-radius:3px}.rp-demo-shape{background:#d7e1db;border-radius:70px 70px 10px 10px;position:relative;overflow:hidden}.rp-demo-shape div{position:absolute;width:130px;height:130px;border-radius:50%;background:#294638;left:30px;top:55px}.rp-demo-shape span{font-size:100px;position:absolute;color:#f4ede1;left:20px;top:8px;font-weight:200}.rp-demo-lines{display:flex;gap:15px}.rp-demo-lines span{height:26px;background:#f1f2ec;flex:1;border-radius:3px}.rp-float{position:absolute;box-shadow:0 12px 35px #172c3a10;border:1px solid #dce0d7;background:#fff;border-radius:8px;padding:14px 18px;display:flex;align-items:center;gap:12px;font-size:11px}.rp-float-one{top:26px;right:-10px;transform:rotate(2deg)}.rp-status{height:8px;width:8px;background:#397c54;border-radius:50%}.rp-float-two{bottom:16px;left:10px}.rp-float-two>span{font-size:30px;color:var(--rp-orange)}.rp-float-two b,.rp-float-two small{display:block}.rp-float-two small{color:var(--rp-muted);margin-top:3px}.rp-art-caption{position:absolute;bottom:-15px;right:10px;color:var(--rp-muted);font-size:9px}.rp-strip{border-block:1px solid #dedfd9}.rp-strip-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 0}.rp-strip-inner p{margin:0;font-size:.83rem}.rp-strip-inner span{color:var(--rp-orange);margin-left:15px}.rp-strip-title{font-weight:650}.rp-section{padding:100px 0}.rp-section-heading{margin-bottom:45px;max-width:780px}.rp-section-lead{max-width:670px;color:var(--rp-muted);font-size:1.1rem}.rp-services-grid:not(.is-layout-grid){display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.rp-service-card{background:white;border:1px solid #d9dfda;border-radius:9px;padding:32px;display:flex;flex-direction:column;margin:0!important}.rp-card-number{color:var(--rp-orange);font-size:.8rem;font-weight:700;margin-bottom:27px}.rp-service-card h3{max-width:230px}.rp-service-card p{color:var(--rp-muted);font-size:.96rem}.rp-service-card ul{padding:0;list-style:none;font-size:.85rem;margin:14px 0 30px}.rp-service-card li{padding:9px 0;border-top:1px solid #e4e7e1}.rp-service-card li:before{content:'✓';color:var(--rp-orange);margin-right:8px}.rp-service-card .rp-card-link{margin-top:auto;margin-bottom:0}.rp-card-link a{font-size:.9rem;text-decoration:none;color:var(--rp-ink);font-weight:650}.rp-card-link span{float:right;color:var(--rp-orange)}.rp-soft{background:var(--rp-soft)}.rp-two-col{display:grid;grid-template-columns:1fr 1fr;gap:95px;align-items:start}.rp-two-col>*{margin:0!important}.rp-benefit{border-bottom:1px solid #d5d8cf;padding:0 0 23px;margin-bottom:26px}.rp-benefit h3{font-size:1.25rem;margin-bottom:12px}.rp-benefit p{font-size:.96rem;color:var(--rp-muted);margin-bottom:0}.rp-project{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center}.rp-project>*{margin:0!important}.rp-project-copy p{color:var(--rp-muted)}.rp-project-copy .rp-eyebrow{color:var(--rp-orange)}.rp-project-art{background:#dde8e6;min-height:410px;border-radius:10px;display:flex;flex-direction:column;justify-content:center;padding:30px;overflow:hidden}.rp-shop-window{background:#fff;border-radius:7px;transform:rotate(-2deg);box-shadow:0 15px 25px #172c3a12;overflow:hidden}.rp-shop-top{background:#123e49;color:white;font-weight:700;padding:18px;font-size:10px;display:flex;justify-content:space-between}.rp-shop-top span{font-size:8px;font-weight:400}.rp-shop-body{padding:23px;background:#fbfaf4}.rp-shop-body>span{font-size:7px;letter-spacing:1px;color:#47665e}.rp-shop-body>strong{font-size:30px;line-height:1.1;display:block;margin:12px 0 20px}.rp-shop-products{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.rp-shop-products div{background:white;border:1px solid #e3e4d9;border-radius:3px;overflow:hidden}.rp-shop-products i{display:block;height:52px;background:#e7cfaa}.rp-shop-products div:nth-child(2) i{background:#bfcfbd}.rp-shop-products div:nth-child(3) i{background:#ccdcde}.rp-shop-products b{display:block;font-size:7px;padding:9px}.rp-project-caption{font-size:9px;color:var(--rp-muted);margin-top:25px;text-align:center}.rp-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.rp-step{margin:0!important;border-top:1px solid #ccd0c5;padding-top:24px}.rp-step-number{color:var(--rp-orange);font-size:.8rem;font-weight:700}.rp-step h3{font-size:1.2rem}.rp-step p:not(.rp-step-number){color:var(--rp-muted);font-size:.92rem}.rp-about-card{border:1px solid #d5dbd7;border-radius:10px;padding:42px;background:#fff;max-width:450px;justify-self:end}.rp-monogram{width:76px;height:76px;background:var(--rp-ink);color:#fff;font-size:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;margin-bottom:24px}.rp-signature{font-size:1.3rem;font-weight:700;margin-bottom:0}.rp-muted{color:var(--rp-muted);font-size:.9rem}.rp-quote{font-size:1.35rem;line-height:1.5;letter-spacing:-.02em;margin-top:28px;margin-bottom:0}.rp-faq{padding:20px 0;border-bottom:1px solid #ccd1c8;margin:0!important}.rp-faq:first-child{padding-top:0}.rp-faq summary{font-size:1rem;font-weight:650;cursor:pointer}.rp-faq p{font-size:.94rem;color:var(--rp-muted);margin:18px 0 0}.rp-cta{background:var(--rp-ink);padding:80px 0;text-align:center}.rp-cta h2{color:#fff;font-size:clamp(2.3rem,4vw,3.8rem)}.rp-cta p{color:#d0d9dd}.rp-cta .rp-eyebrow{color:#f2a688}.rp-cta .wp-block-buttons{justify-content:center;margin-top:30px}.rp-cta .wp-block-button__link{background:#f0a17f;color:#172c3a;border-color:#f0a17f}.rp-cta .wp-block-button__link:hover{background:#f6b799}.rp-footer{padding:38px 0}.rp-footer-inner{display:flex;justify-content:space-between;gap:30px}.rp-footer-inner>*{margin:0!important}.rp-footer h3{font-size:1.1rem;margin-bottom:8px}.rp-footer p{font-size:.84rem;margin-bottom:8px}.rp-footer a{color:var(--rp-ink)}.rp-content{padding-top:65px;padding-bottom:90px;min-height:60vh}.rp-content .wp-block-post-content{margin-top:35px}.rp-post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;padding:0;list-style:none}.rp-post-card{background:white;border:1px solid #d5dad4;border-radius:8px;padding:25px;height:100%}.rp-post-card h2{font-size:1.6rem}.rp-post-card a{color:var(--rp-ink)}.wp-block-post-featured-image img{border-radius:8px}.wp-block-search__input{padding:12px;border:1px solid #9aa5aa;border-radius:4px}.wp-block-search__button{background:var(--rp-orange);color:white;border:0;border-radius:4px}.woocommerce input,.woocommerce select,.woocommerce textarea{max-width:100%}.woocommerce .woocommerce-breadcrumb{font-size:.9rem}.rp-content .alignwide{max-width:1240px}.rp-content .alignfull{max-width:100%}.rp-nav button{color:var(--rp-ink)}
@media(min-width:1600px){.rp-hero{gap:80px}}
@media(max-width:1100px){.rp-wrap{width:calc(100% - 56px)}.rp-hero{gap:28px}.rp-art{min-height:370px}.rp-demo-hero strong{font-size:29px}.rp-float-one{right:0}.rp-demo-nav>span{display:none}.rp-two-col,.rp-project{gap:45px}.rp-service-card{padding:24px}.rp-strip-inner{flex-wrap:wrap}.rp-steps{gap:20px}.rp-nav .wp-block-navigation__container{gap:20px}}
@media(max-width:781px){.rp-wrap{width:calc(100% - 40px)}.rp-header{min-height:82px}.rp-brand .wp-block-site-title{font-size:1rem;max-width:175px}.rp-nav .wp-block-navigation__responsive-container:not(.is-menu-open){display:none}.rp-nav .wp-block-navigation__responsive-container-open{display:flex}.rp-hero{grid-template-columns:1fr;padding:42px 0 55px;gap:36px}.rp-hero h1{font-size:clamp(2.65rem,8vw,4.5rem)}.rp-lead{max-width:600px}.rp-art{max-width:550px;width:100%;margin:0 auto;min-height:405px}.rp-art-caption{bottom:-6px}.rp-strip-inner{display:grid;grid-template-columns:1fr 1fr;gap:12px}.rp-strip-title{grid-column:1/-1}.rp-services-grid:not(.is-layout-grid){grid-template-columns:1fr}.rp-service-card h3{max-width:none}.rp-services-grid .rp-service-card{padding:30px}.rp-section{padding:65px 0}.rp-two-col,.rp-project{grid-template-columns:1fr;gap:34px}.rp-project-art{max-width:600px;width:100%;min-height:370px}.rp-steps{grid-template-columns:1fr 1fr;gap:30px}.rp-about-card{justify-self:start;max-width:100%;width:100%;padding:30px}.rp-footer-inner{flex-direction:column;gap:18px}.rp-post-grid{grid-template-columns:1fr}.rp-cta{padding:65px 0}.rp-section-heading{margin-bottom:30px}}
@media(max-width:420px){.rp-art{min-height:315px}.rp-browser-inner{padding:16px}.rp-demo-hero{padding:20px 0}.rp-demo-hero strong{font-size:27px}.rp-demo-shape div{left:10px}.rp-demo-shape span{font-size:75px;left:10px}.rp-float{padding:10px 12px;font-size:9px}.rp-float-one{top:0}.rp-float-two{bottom:0}.rp-art-caption{display:none}.rp-hero-note{font-size:.7rem}.rp-hero-note span{margin:0 4px}.rp-steps{grid-template-columns:1fr}.rp-strip-inner{grid-template-columns:1fr}.rp-project-art{min-height:320px;padding:22px}.rp-shop-top span{display:none}.rp-shop-body{padding:17px}.rp-shop-body>strong{font-size:25px}.rp-shop-products b{font-size:6px}.rp-shop-products{gap:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}a{transition:none}}
/* Prevent flow-layout block spacing from adding gaps between full-width sections. */
.wp-site-blocks main>.rp-hero,.wp-site-blocks main>.rp-strip,.wp-site-blocks main>.rp-section,.wp-site-blocks main>.rp-cta{margin-block-start:0!important;margin-block-end:0!important}
.rp-hero>*{margin-block-start:0!important}.rp-footer-inner>*{margin-block-start:0!important}.rp-header>*{margin-block-start:0!important}

/* Native Grid blocks use the column count and minimum width chosen in the editor.
   Legacy service groups keep their existing three-column responsive layout. */
.rp-services-grid.is-layout-grid{gap:22px}