/* Totaalbouw Rivierenland — aanvullende front-end stijl
   (alleen wat theme.json niet via blok-instellingen dekt) */

:root{
  --tb-line:0.5px solid #E8E8E6;
  --tb-line-dk:0.5px solid #222;
}

/* Smooth scroll + tekstrendering */
html{scroll-behavior:smooth}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}

/* Italic accent in koppen (gebruik <em> in een heading) */
.has-serif-font-family em,h1 em,h2 em,h3 em{font-style:italic;color:var(--wp--preset--color--orange)}
.has-text-color.has-white-color em{color:var(--wp--preset--color--orange)}

/* Eyebrow / sectie-label */
.tb-eyebrow{font-family:var(--wp--preset--font-family--sans);font-size:10px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--wp--preset--color--orange-dark);display:inline-flex;align-items:center;gap:12px}
.tb-eyebrow::before{content:"";width:28px;height:1px;background:var(--wp--preset--color--orange)}
.tb-eyebrow.is-center{justify-content:center}
.tb-eyebrow.is-center::after{content:"";width:28px;height:1px;background:var(--wp--preset--color--orange)}
.has-ink-background-color .tb-eyebrow,.has-ink-2-background-color .tb-eyebrow{color:var(--wp--preset--color--orange)}

/* Pull-quote / blockquote in serif italic */
.wp-block-pullquote,.wp-block-quote{font-family:var(--wp--preset--font-family--serif);font-style:italic;font-size:18px;color:var(--wp--preset--color--gray-7);line-height:1.6;border-left:2px solid var(--wp--preset--color--orange);padding:20px 28px;background:var(--wp--preset--color--orange-pale);margin:0}

/* Groep-stijl: kaart */
.wp-block-group.is-style-card{background:var(--wp--preset--color--white);border:var(--tb-line);border-radius:14px;box-shadow:0 1px 3px rgba(0,0,0,.04)}
.wp-block-group.is-style-card-accent{background:var(--wp--preset--color--white);border-top:2px solid var(--wp--preset--color--orange)}

/* Lijst met oranje streepjes */
.wp-block-list.is-style-dash{list-style:none;padding:0;margin:0}
.wp-block-list.is-style-dash li{position:relative;padding:11px 0 11px 26px;border-bottom:var(--tb-line);font-size:13.5px;color:var(--wp--preset--color--gray-7)}
.wp-block-list.is-style-dash li:last-child{border-bottom:none}
.wp-block-list.is-style-dash li::before{content:"";position:absolute;left:0;top:50%;width:12px;height:1px;background:var(--wp--preset--color--orange)}

/* Donkere overlay op afbeelding */
.wp-block-image.is-style-duotone-dark img{filter:brightness(.82)}

/* Ghost-knop */
.wp-block-button.is-style-ghost .wp-block-button__link{background:transparent;color:var(--wp--preset--color--white);border:0.5px solid rgba(255,255,255,.4)}
.wp-block-button.is-style-ghost .wp-block-button__link:hover{border-color:#fff}

/* Sterren-rating */
.tb-stars{color:var(--wp--preset--color--gold);letter-spacing:.1em}

/* Sticky header */
.wp-site-blocks > header.wp-block-template-part{position:sticky;top:0;z-index:200}

/* Navigatie-onderstreping */
.wp-block-navigation .wp-block-navigation-item__content{position:relative;padding-bottom:3px}
.wp-block-navigation .wp-block-navigation-item__content:hover{color:var(--wp--preset--color--ink)}

/* Service-/projectkaart hover */
.tb-hovercard{overflow:hidden}
.tb-hovercard img{transition:transform .5s cubic-bezier(.4,0,.2,1),filter .25s}
.tb-hovercard:hover img{transform:scale(1.04);filter:brightness(.78)}

/* Process-cirkel nummer */
.tb-step-num{width:44px;height:44px;border-radius:50%;border:1.5px solid var(--wp--preset--color--orange);display:flex;align-items:center;justify-content:center;font-family:var(--wp--preset--font-family--serif);font-size:18px;color:var(--wp--preset--color--orange-dark)}

/* Toegankelijke focus-stijl */
a:focus-visible,button:focus-visible,.wp-block-button__link:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--wp--preset--color--orange);outline-offset:2px}

/* Responsive: kolommen netjes stapelen op mobiel staat in core, hier alleen fijn-tuning */
@media(max-width:781px){
  .tb-eyebrow{gap:8px}
}