/*
Theme Name:   FridaPaintings Thema
Theme URI:    https://fridapaintings.be
Description:  Thema voor Fridapaintings. Toont op elke pagina dezelfde header, hetzelfde menu en dezelfde footer uit de plugin FridaPaintings, met de kleuren en lettertypes van FridaPaintings → Thema, en laat de rest van de opmaak aan Elementor.
Author:       Servitweb
Author URI:   https://www.servitweb.be
Version:      2.4.2
Requires at least: 6.2
Requires PHP: 7.4
Text Domain:  fridapaintings-thema
*/

html { -webkit-text-size-adjust: 100%; }
*, *::before, *::after { box-sizing: border-box; }
body {
	margin: 0;
	background: var(--fp-cream, #F7F2EB);
	color: var(--fp-text, #4A423D);
	font-family: var(--fp-sans, "Jost", "Helvetica Neue", Arial, sans-serif);
	font-weight: 300;
	font-size: 17px;
	line-height: 1.7;
	-webkit-font-smoothing: antialiased;
	overflow-x: clip;
}
img, video { max-width: 100%; height: auto; }
a { color: var(--fp-terra, #B5543A); }
::selection { background: var(--fp-gold, #C9A46A); color: var(--fp-dark, #2B2522); }
.skip-link { position: absolute; left: -9999px; top: 0; z-index: 2000; background: #2B2522; color: #fff; padding: 12px 18px; }
.skip-link:focus { left: 12px; top: 12px; }

/* Gewone pagina's en berichten (niet met Elementor gemaakt) */
.fpt-page { padding: clamp(40px, 7vw, 90px) clamp(20px, 4vw, 40px) clamp(56px, 8vw, 110px); }
.fpt-page__inner { max-width: 820px; margin: 0 auto; }
.fpt-page__title { font-family: var(--fp-serif, "Cormorant Garamond", Georgia, serif); font-weight: 500; font-size: clamp(36px, 6vw, 60px); line-height: 1.05; color: var(--fp-dark, #2B2522); margin: 0 0 28px; }
.fpt-page__content h2, .fpt-page__content h3 { font-family: var(--fp-serif, "Cormorant Garamond", Georgia, serif); font-weight: 500; color: #2B2522; line-height: 1.2; }
.fpt-page__content h2 { font-size: 34px; margin: 1.6em 0 .5em; }
.fpt-page__content h3 { font-size: 26px; margin: 1.4em 0 .4em; }
.fpt-list { display: grid; gap: 32px; }
.fpt-list article h2 { font-family: var(--fp-serif, "Cormorant Garamond", Georgia, serif); font-weight: 500; font-size: 30px; margin: 0 0 6px; }
.fpt-list article h2 a { color: #2B2522; text-decoration: none; }
.fpt-404 { text-align: center; }

/* WooCommerce-pagina's (als WooCommerce nog actief is) */
.fpt-woo { max-width: 1240px; margin: 0 auto; padding: clamp(32px, 5vw, 64px) clamp(20px, 4vw, 40px); }