/*
Theme Name: FLEURAE Premium V6.3.3
Author: FLEURAE B.V.
Description: Premium lifestyle coaching WordPress theme — sport, voeding, balans.
Version: 6.3.3
*/
:root{
 --ink:#252522;--soft:#f6f1e8;--cream:#eee6da;--sand:#d7c9b8;--taupe:#a99682;
 --gold:#9f876d;--green:#65766c;--white:#fff;--muted:#6e6a64;--line:#ded5ca;
 --shadow:0 22px 70px rgba(60,50,40,.10);--max:1180px;--radius:22px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fbfaf8;color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.72}
body.no-scroll{overflow:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}
.container{width:min(var(--max),calc(100% - 42px));margin:auto}
.site-header{position:sticky;top:0;z-index:100;background:rgba(251,250,248,.93);backdrop-filter:blur(16px);border-bottom:1px solid rgba(222,213,202,.8)}
.nav{height:84px;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;gap:12px;align-items:center}.mark{width:42px;height:42px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold);font:24px Georgia,serif}
.brandname{display:block;font:700 25px Georgia,serif;letter-spacing:4px}.brandsub{display:block;font-size:8px;letter-spacing:2px;color:var(--muted);margin-top:-3px}
.menu{display:flex;align-items:center;gap:21px;font-size:12px;font-weight:800;letter-spacing:.2px}.menu a{transition:.25s}.menu a:hover{color:var(--gold)}.menu .pill{padding:11px 17px;border-radius:99px;background:var(--ink);color:#fff}
.mobile{display:none;border:0;background:transparent;font-size:26px;color:var(--ink);cursor:pointer}
.hero{min-height:760px;background:linear-gradient(90deg,rgba(37,37,34,.80),rgba(37,37,34,.34)),url('assets/fleurae-cover.jpeg') center/cover;display:flex;align-items:center;color:#fff}
.hero-inner{padding:100px 0;max-width:800px}.eyebrow{font-size:10px;font-weight:900;letter-spacing:2.6px;text-transform:uppercase;color:var(--gold)}
.hero .eyebrow{color:#e6d4c0}.hero h1{font:400 clamp(55px,7vw,88px)/.96 Georgia,serif;margin:18px 0}.hero h1 span{color:#e4d1bc}.hero .lead{font:22px/1.45 Georgia,serif;max-width:680px}.hero p{color:#f2efeb}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:99px;background:var(--gold);color:#fff;font-weight:900;border:1px solid transparent;cursor:pointer;transition:.25s;box-shadow:0 8px 24px rgba(60,50,40,.12)}
.btn:hover{transform:translateY(-2px)}.btn.dark{background:var(--ink)}.btn.light{background:#fff;color:var(--ink)}.btn.outline{background:transparent;border-color:rgba(255,255,255,.65)}
.section{padding:96px 0}.soft{background:var(--soft)}.cream{background:var(--cream)}.greenbg{background:#e6ece7}
.section-title{max-width:760px;margin-bottom:42px}.section-title h2{font:400 clamp(38px,5vw,58px)/1.08 Georgia,serif;margin:12px 0}.section-title p{color:var(--muted);font-size:17px}.line{height:1px;width:62px;background:var(--gold);margin:21px 0}
.intro{display:grid;grid-template-columns:1fr 1fr;gap:78px;align-items:center}.intro h2{font:400 50px/1.08 Georgia,serif;margin:12px 0}.intro p{color:var(--muted);font-size:17px}.visual{min-height:560px;border-radius:28px;background:url('assets/fleurae-businessplan.png') center/cover;box-shadow:var(--shadow)}
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#d3cbc0}.pillar{background:#faf8f4;padding:44px}.pillar .icon{font:400 32px Georgia;color:var(--gold)}.pillar h3{font:400 29px Georgia;margin:14px 0 8px}.pillar p{color:var(--muted)}.link{font-weight:900;color:var(--green);font-size:13px}
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.step{background:#fff;border:1px solid var(--line);padding:26px;border-radius:16px;transition:.25s}.step:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.step b{font:400 31px Georgia;color:var(--gold)}.step h3{font:400 22px Georgia;margin:10px 0}.step p{font-size:14px;color:var(--muted)}
.quote{background:#2b2b27;color:#fff;padding:86px 0}.quote blockquote{max-width:900px;font:italic 39px/1.3 Georgia;margin:15px 0}.quote cite{color:#d6cabb}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:31px;box-shadow:0 6px 30px rgba(60,50,40,.035)}.card h3{font:400 28px Georgia;margin:9px 0}.card p{color:var(--muted)}.num,.tag{font-size:10px;font-weight:900;letter-spacing:1.7px;text-transform:uppercase;color:var(--gold)}
.pricing{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.price{border:1px solid var(--line);border-radius:20px;padding:28px;background:#fff;display:flex;flex-direction:column;position:relative}.price.featured{border:1.5px solid var(--gold);transform:translateY(-8px);box-shadow:var(--shadow)}.price h3{font:400 29px Georgia;margin:9px 0}.amount{font:400 39px Georgia}.amount small{font:12px Arial;color:var(--muted)}.price ul{padding-left:18px;color:var(--muted);flex:1}.price li{margin:8px 0}
.badge{position:absolute;right:16px;top:16px;padding:6px 10px;border-radius:99px;background:var(--gold);color:#fff;font-size:9px;font-weight:900;letter-spacing:1px;text-transform:uppercase}
.trust{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.trust div{background:#fff;padding:25px}.trust strong{display:block;font:400 23px Georgia}.trust span{font-size:12px;color:var(--muted)}
.page-hero{padding:110px 0;background:var(--soft)}.page-hero h1{font:400 clamp(48px,6vw,72px)/1.05 Georgia;margin:14px 0;max-width:900px}.page-hero p{font:20px/1.55 Georgia;color:var(--muted);max-width:760px}
.cta{background:var(--green);color:#fff;padding:64px 0}.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.cta h2{font:400 44px Georgia;margin:0}.cta p{color:#e9eeea}
.contact{display:grid;grid-template-columns:1fr 1fr;gap:65px}.box{background:var(--soft);padding:36px;border-radius:24px}.form input,.form textarea,.form select{width:100%;padding:14px 15px;border:1px solid #d9d0c5;border-radius:12px;background:#fff;font:inherit;margin-bottom:13px}.form textarea{min-height:155px;resize:vertical}.checks{list-style:none;padding:0}.checks li{padding-left:27px;position:relative;margin:10px 0;color:var(--muted)}.checks li:before{content:'✓';position:absolute;left:0;color:var(--gold);font-weight:900}
.faq{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-q{width:100%;padding:20px 0;background:none;border:0;display:flex;justify-content:space-between;text-align:left;font:400 21px Georgia;color:var(--ink);cursor:pointer}.faq-q span:last-child{font-family:Arial;color:var(--gold)}.faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease;color:var(--muted)}.faq-a p{padding:0 0 20px;margin:0}
.footer{background:#242421;color:#e7e3dc;padding:62px 0 25px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:40px}.footer p,.footer li{color:#bbb6ae}.footer ul{list-style:none;padding:0}.footer li{margin:7px 0}.footer .brandname{color:#fff}.copyright{border-top:1px solid #41413c;margin-top:30px;padding-top:18px;color:#96928b;font-size:12px}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:1050px){.menu{gap:13px}.pricing{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}.trust{grid-template-columns:1fr 1fr}}
@media(max-width:800px){.menu{display:none}.mobile{display:block}.intro,.contact{grid-template-columns:1fr}.grid3,.pillars{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.container{width:min(var(--max),calc(100% - 30px))}.nav{height:74px}.brandname{font-size:22px}.hero{min-height:650px}.hero-inner{padding:75px 0}.hero h1{font-size:53px}.hero .lead{font-size:19px}.section{padding:68px 0}.grid3,.pillars,.pricing,.trust,.footer-grid{grid-template-columns:1fr}.price.featured{transform:none}.page-hero{padding:75px 0}.page-hero h1{font-size:47px}.intro h2{font-size:39px}.quote blockquote{font-size:29px}.cta-inner{flex-direction:column;align-items:flex-start}.cta h2{font-size:37px}}


/* FLEURAE v6 FINAL — subtiele premium dynamiek */
@keyframes fleuraeSoftFloat {
  0%,100% { transform: translateY(0); }
  50% { transform: translateY(-6px); }
}
@keyframes fleuraeSoftGlow {
  0%,100% { opacity:.45; transform:scale(1); }
  50% { opacity:.72; transform:scale(1.035); }
}

/* Alleen de bestaande contentkaarten krijgen een lichte, elegante lift. */
.service-card,
.card,
.feature-card,
.pillar-card {
  transition: transform .42s cubic-bezier(.2,.8,.2,1),
              box-shadow .42s ease,
              border-color .42s ease;
}
.service-card:hover,
.card:hover,
.feature-card:hover,
.pillar-card:hover {
  transform: translateY(-7px);
  box-shadow: 0 20px 42px rgba(62,52,43,.12);
}

/* Stappen iets levendiger, zonder het rustige karakter te verliezen. */
.step,
.process-step,
.timeline-item {
  transition: transform .4s cubic-bezier(.2,.8,.2,1),
              box-shadow .4s ease;
}
.step:hover,
.process-step:hover,
.timeline-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 16px 34px rgba(62,52,43,.10);
}

/* Subtiele animatie voor decoratieve hero-elementen indien aanwezig. */
.hero .decor,
.hero .orb,
.hero .shape {
  animation: fleuraeSoftGlow 7s ease-in-out infinite;
}

/* Respecteer toegankelijkheid: geen beweging wanneer gebruiker dit heeft uitgezet. */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }
}


/* FLEURAE contact / kennismaken */
.fleurae-contact-form{max-width:780px;margin:35px auto 0;padding:34px;background:rgba(255,255,255,.72);border:1px solid #e4dbcf;border-radius:24px;box-shadow:0 18px 45px rgba(62,52,43,.08)}
.fleurae-contact-form form{display:flex;flex-direction:column;gap:18px}
.fleurae-contact-form label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:800;color:var(--ink)}
.fleurae-contact-form input,.fleurae-contact-form textarea{width:100%;box-sizing:border-box;border:1px solid #ddd2c5;border-radius:12px;background:#fff;padding:14px 15px;font:inherit;font-size:14px;color:var(--ink);outline:none;transition:border-color .25s,box-shadow .25s}
.fleurae-contact-form input:focus,.fleurae-contact-form textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(159,135,109,.12)}
.fleurae-contact-form textarea{resize:vertical}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.contact-direct{text-align:center;font-size:12px;color:var(--muted);margin:20px 0 0}
.contact-direct a{color:var(--green);font-weight:800}
.contact-notice{padding:14px 17px;border-radius:12px;margin-bottom:18px;font-size:13px}
.contact-notice.success{background:#edf4ee;color:#49624f}
.contact-notice.error{background:#f8eeee;color:#754b4b}
.contact-notice a{font-weight:800}
@media(max-width:600px){.fleurae-contact-form{padding:23px}.form-grid{grid-template-columns:1fr}}

/* V6.3 contact page */
.contact-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:start}
.contact-copy h2{font:400 clamp(38px,4.5vw,58px)/1.05 Georgia,serif;margin:12px 0;color:var(--ink)}
.contact-copy>p{max-width:500px;color:var(--muted);font-size:16px;line-height:1.75}
.contact-details{margin-top:34px;display:grid;gap:16px}
.contact-details div{padding:17px 20px;border-left:2px solid var(--gold);background:rgba(255,255,255,.55);border-radius:0 12px 12px 0}
.contact-details strong{display:block;font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:var(--gold);margin-bottom:5px}
.contact-details a,.contact-details span{font-size:14px;color:var(--ink);text-decoration:none}
.contact-layout .fleurae-contact-form{margin:0}
@media(max-width:800px){.contact-layout{grid-template-columns:1fr;gap:35px}.contact-layout .fleurae-contact-form{margin:0}}

/* FLEURAE V6.3.2 — definitive contact page */
.fleurae-contact-page .contact-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:start}
.fleurae-contact-page .contact-copy h2{font:400 clamp(38px,4.5vw,58px)/1.05 Georgia,serif;margin:12px 0;color:var(--ink)}
.fleurae-contact-page .contact-copy>p{max-width:500px;color:var(--muted);font-size:16px;line-height:1.75}
.fleurae-contact-page .contact-details{margin-top:34px;display:grid;gap:16px}
.fleurae-contact-page .contact-details div{padding:17px 20px;border-left:2px solid var(--gold);background:rgba(255,255,255,.55);border-radius:0 12px 12px 0}
.fleurae-contact-page .contact-details strong{display:block;font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:var(--gold);margin-bottom:5px}
.fleurae-contact-page .contact-details a,.fleurae-contact-page .contact-details span{font-size:14px;color:var(--ink);text-decoration:none}
.fleurae-contact-page .fleurae-contact-form{margin:0}
@media(max-width:800px){.fleurae-contact-page .contact-layout{grid-template-columns:1fr;gap:35px}}