/*
 * FotograafTarief — Herstyling van de resterende Tailwind-CDN pagina's naar
 * de --ft-* tokens (goud/zwart i.p.v. blauw/oranje/cyaan/paars).
 *
 * Betreft: Contact, Gebruiksvoorwaarden, Privacyverklaring, Cookieverklaring,
 * Over ons, Kwaliteitsrichtlijnen.
 *
 * NIET in dit bestand: Hoe werkt het? en Bedrijfsprofiel verwijderen/claimen —
 * die gebruiken een eigen tailwind.config kleurextensie (brand.blue/brand.orange),
 * rechtstreeks aangepast in de betreffende PHP-bestanden zelf (dekt alle
 * opacity-varianten automatisch, betrouwbaarder dan dit hier na te bouwen).
 *
 * Elke sectie is gescopet op de unieke WordPress body-class per pagina
 * (page-template-page-*-php), zodat dit nooit de site-brede Tailwind-instantie
 * van softglaze-search raakt.
 */

/* ==========================================================================
   Contact — 3 CSS-variabelen dekken alle 52 var(--kt-*)-verwijzingen
   ========================================================================== */
body.page-template-page-contact-php {
	--kt-navy: #1c2c52 !important;
	--kt-orange: #B5946F !important;
	--kt-teal: #B5946F !important;
}

/* ==========================================================================
   Gebruiksvoorwaarden, Privacyverklaring, Cookieverklaring — drie vrijwel
   identieke templates, elk met een donkere hero-gradient + eyebrow-accent
   (blauw/groen/cyaan) en (bij privacy/cookiebeleid) een gekleurd contact-kader
   onderaan. Losse Tailwind-utilityklassen, dus per klasse overschreven.
   ========================================================================== */

/* Hero-gradients: blue-900 (i.c.m. slate-900, dat al donker genoeg is) → effen
   zwart. Rechtstreeks background-image uitzetten i.p.v. Tailwinds interne
   --tw-gradient-* variabelen na te bootsen (fragiel voor "via", dat de stops
   als letterlijke waarde bakt i.p.v. als losse, herbruikbare variabele). */
body.page-template-page-gebruiksvoorwaarden-php .from-blue-900,
body.page-template-page-privacy-php .to-blue-900,
body.page-template-page-cookiebeleid-php .via-blue-900 {
	background-image: none !important;
	background-color: var(--ft-black) !important;
}

/* Eyebrow-label op de donkere hero (blauw/groen/cyaan → lichtgoud) */
body.page-template-page-gebruiksvoorwaarden-php .text-blue-400,
body.page-template-page-privacy-php .text-green-400,
body.page-template-page-cookiebeleid-php .text-cyan-400 {
	color: var(--ft-gold-light) !important;
}

/* Hero-subtekst (lichte tint op donkere achtergrond) */
body.page-template-page-gebruiksvoorwaarden-php .text-blue-100,
body.page-template-page-privacy-php .text-blue-100,
body.page-template-page-cookiebeleid-php .text-blue-100 {
	color: var(--ft-off-white) !important;
}

/* Inline links in de lopende tekst */
body.page-template-page-gebruiksvoorwaarden-php .text-blue-600,
body.page-template-page-cookiebeleid-php .text-blue-600 {
	color: var(--ft-gold) !important;
}

/* Privacyverklaring — "Vragen over uw privacy?"-kader (groen → goud) */
body.page-template-page-privacy-php .bg-green-50 {
	background-color: var(--ft-gold-pale) !important;
}
body.page-template-page-privacy-php .border-green-200 {
	border-color: var(--ft-border) !important;
}
body.page-template-page-privacy-php .text-green-900 {
	color: var(--ft-black) !important;
}
body.page-template-page-privacy-php .text-green-800 {
	color: var(--ft-text-gray) !important;
}
body.page-template-page-privacy-php .text-green-700,
body.page-template-page-privacy-php .text-blue-600 {
	color: var(--ft-gold) !important;
}

/* Cookieverklaring — "Vragen over cookies?"-kader (cyaan → goud) */
body.page-template-page-cookiebeleid-php .bg-cyan-50 {
	background-color: var(--ft-gold-pale) !important;
}
body.page-template-page-cookiebeleid-php .border-cyan-200 {
	border-color: var(--ft-border) !important;
}
body.page-template-page-cookiebeleid-php .text-cyan-900 {
	color: var(--ft-black) !important;
}
body.page-template-page-cookiebeleid-php .text-cyan-800 {
	color: var(--ft-text-gray) !important;
}
body.page-template-page-cookiebeleid-php .text-cyan-700 {
	color: var(--ft-gold) !important;
}

/* ==========================================================================
   Over ons — tijdlijn-bullets, 4 waarden-kaarten, contact-iconen (blauw → goud)
   ========================================================================== */
body.page-template-page-about-klustarief-php .timeline-bullet {
	border-color: var(--ft-gold) !important;
}
body.page-template-page-about-klustarief-php .group:hover .timeline-bullet {
	background-color: var(--ft-gold) !important;
}
body.page-template-page-about-klustarief-php .hover\:border-blue-500:hover {
	border-color: var(--ft-gold) !important;
}
body.page-template-page-about-klustarief-php .bg-blue-500 {
	background-color: var(--ft-gold) !important;
}
body.page-template-page-about-klustarief-php .bg-blue-50 {
	background-color: var(--ft-gold-pale) !important;
}
body.page-template-page-about-klustarief-php .text-blue-500 {
	color: var(--ft-gold) !important;
}
body.page-template-page-about-klustarief-php .group:hover .group-hover\:bg-blue-500 {
	background-color: var(--ft-gold) !important;
}
body.page-template-page-about-klustarief-php .hover\:text-blue-600:hover {
	color: var(--ft-gold) !important;
}

/* ==========================================================================
   Kwaliteitsrichtlijnen — hero-gradient + 5 regenboogkleurige iconbadges,
   allemaal uniform naar goud (op verzoek: geen kleurafwisseling per regel,
   onderscheid komt uit tekst/icoon).
   ========================================================================== */
/* Deze hero heeft een echte foto ONDER de gradient-overlay (i.t.t. de
   juridische pagina's, waar alleen een subtiele texture-pattern erachter zit).
   De overlay is bewust semi-transparant (from-blue-900/90 to-slate-900/80) om
   de foto er half doorheen te laten schemeren — daarom hier niet de "kill
   gradient, effen kleur"-truc, maar Tailwinds eigen --tw-gradient-* variabelen
   overschrijven met dezelfde alpha-waarden, alleen in zwart i.p.v. blauw. */
body.page-template-page-kwaliteitsrichtlijnen-php .from-blue-900\/90 {
	--tw-gradient-from: rgba(24, 27, 28, 0.9) !important;
}
body.page-template-page-kwaliteitsrichtlijnen-php .to-slate-900\/80 {
	--tw-gradient-to: rgba(24, 27, 28, 0.8) !important;
}
/* Hero-subtekst (zelfde patroon als Gebruiksvoorwaarden/Privacy/Cookiebeleid) */
body.page-template-page-kwaliteitsrichtlijnen-php .text-blue-100 {
	color: var(--ft-off-white) !important;
}
body.page-template-page-kwaliteitsrichtlijnen-php .bg-blue-100,
body.page-template-page-kwaliteitsrichtlijnen-php .bg-orange-100,
body.page-template-page-kwaliteitsrichtlijnen-php .bg-cyan-100,
body.page-template-page-kwaliteitsrichtlijnen-php .bg-purple-100,
body.page-template-page-kwaliteitsrichtlijnen-php .bg-green-100 {
	background-color: var(--ft-gold-pale) !important;
}
body.page-template-page-kwaliteitsrichtlijnen-php .text-blue-600,
body.page-template-page-kwaliteitsrichtlijnen-php .text-orange-600,
body.page-template-page-kwaliteitsrichtlijnen-php .text-cyan-600,
body.page-template-page-kwaliteitsrichtlijnen-php .text-purple-600,
body.page-template-page-kwaliteitsrichtlijnen-php .text-green-600 {
	color: var(--ft-gold) !important;
}
/* text-green-400 (het vinkje in de "KvK-inschrijving verplicht"-badge) blijft
   bewust groen: dat is een functionele bevestigingskleur (geldig/akkoord),
   geen decoratieve kleur — conform DESIGN-BRIEF.md sectie 2 ("Groen en rood
   alleen functioneel... nooit decoratief"), i.t.t. de 5 regenboogbadges
   hierboven die puur decoratief waren. */
body.page-template-page-kwaliteitsrichtlijnen-php .bg-orange-500 {
	background-color: var(--ft-gold) !important;
}
/* "Vragen of opmerkingen?"-kader onderaan */
body.page-template-page-kwaliteitsrichtlijnen-php .bg-blue-50 {
	background-color: var(--ft-gold-pale) !important;
}
body.page-template-page-kwaliteitsrichtlijnen-php .border-blue-100 {
	border-color: var(--ft-border) !important;
}
body.page-template-page-kwaliteitsrichtlijnen-php .text-blue-900 {
	color: var(--ft-black) !important;
}
body.page-template-page-kwaliteitsrichtlijnen-php .text-blue-700 {
	color: var(--ft-gold) !important;
}
body.page-template-page-kwaliteitsrichtlijnen-php .bg-blue-600 {
	background-color: var(--ft-gold) !important;
}
body.page-template-page-kwaliteitsrichtlijnen-php .hover\:bg-blue-700:hover {
	background-color: #a3835f !important; /* --ft-gold ~10% donkerder, zelfde hover-conventie als elders */
}