/*
Theme Name: TenderStroom
Theme URI: https://tenderstroom.nl
Description: Childthema van Hello Elementor voor TenderStroom. Gebouwd door SocialJolt.
Author: SocialJolt
Author URI: https://socialjolt.nl
Template: hello-elementor
Version: 1.0.0
Text Domain: tenderstroom
*/

/* TenderStroom — aanvullingen op de globale stijlen */
:root{
	--ts-navy:#102c5c;
	--ts-pink:#f42a68;
	--ts-pink-dark:#d91c56;
	--ts-bg:#f7f9fc;
	--ts-line:#e4e9f2;
	--ts-body:#42557a;
	--ts-muted:#78859d;
	--ts-pink-soft:#fdeaf1;
}
body{background:var(--ts-bg)}

/* Logo omkeren naar wit in de footer */
.ts-logo-wit img{filter:brightness(0) invert(1)}

/* Footerlinks */
.ts-footer a{color:#fff;text-decoration:none}
.ts-footer a:hover{color:var(--ts-pink)}
.ts-footer-label{color:rgba(255,255,255,.55)}

/* Telefoonlink in de header */
.ts-tel a{color:var(--ts-navy);text-decoration:none;font-weight:600;white-space:nowrap}
.ts-tel a:hover{color:var(--ts-pink-dark)}

/* Artikelkaarten */
.ts-kaart{transition:transform .18s ease, box-shadow .18s ease}
.ts-kaart:hover{transform:translateY(-3px);box-shadow:0 24px 60px rgba(16,44,92,.13)}

/* Toegankelijkheid */
a:focus-visible,button:focus-visible{outline:2px solid var(--ts-pink);outline-offset:3px}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* Dienstenlijst binnen de accordeon */
.ts-dienstlijst{display:grid;grid-template-columns:1fr 1fr;gap:20px 28px}
.ts-dienst h4{margin:0 0 4px;font-family:'Schibsted Grotesk',system-ui,sans-serif;font-size:16px;font-weight:600;color:var(--ts-navy);letter-spacing:-.01em;line-height:1.3}
.ts-dienst p{margin:0;font-size:14.5px;line-height:1.6;color:var(--ts-body)}
@media (max-width:880px){.ts-dienstlijst{grid-template-columns:1fr}}

/* Accordeontitels wat ruimer */
.ts-diensten .elementor-tab-title,
.elementor-accordion .elementor-tab-title{padding:16px 20px}
.elementor-accordion .elementor-tab-content{padding:4px 20px 22px}