/* PrittyWoman — huisstijl-tokens + basis.
   LET OP: kleuren/fonts zijn voorlopig (placeholder) en worden in Milestone 2/3
   1:1 op de live site (prittywoman.com) gezet. Tokens op één plek (geen dubbele :root). */

/* Lokaal gehoste fonts (genuine Google Work Sans + Open Sans variable, zoals live). */
@font-face{font-family:"Open Sans";font-style:normal;font-weight:300 800;font-display:swap;src:url("../fonts/OpenSans-var.woff2") format("woff2");}
@font-face{font-family:"Work Sans";font-style:normal;font-weight:300 800;font-display:swap;src:url("../fonts/WorkSans-var.woff2") format("woff2");}
/* Butler (serif display) — voor producttitels, zoals live (et-fonts) */
@font-face{font-family:"Butler";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/Butler-Regular.woff2") format("woff2");}
@font-face{font-family:"Butler";font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/Butler-Medium.woff2") format("woff2");}
/* Playfair Display (serif display) — sectiekoppen van het nieuwe Figma-ontwerp */
@font-face{font-family:"Playfair Display";font-style:normal;font-weight:400 900;font-display:swap;src:url("../fonts/PlayfairDisplay-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:"Playfair Display";font-style:normal;font-weight:400 900;font-display:swap;src:url("../fonts/PlayfairDisplay-latinext.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}

:root {
	/* Huisstijl — exact gemeten van live prittywoman.com */
	--pw-bg: #ffffff;
	--pw-text: #2a2a2a;          /* menu/koppen donker */
	--pw-body: #666666;          /* body-tekst (Divi default) */
	--pw-muted: #6b6b6b;
	--pw-cream: #ece5d3;         /* navbalk + footer-onderbalk */
	--pw-gold: #dfbd69;          /* merk-goud: links, accenten (8x in TB-CSS) */
	--pw-gold-bright: #f6bb06;   /* fel goud (USP/sale-accent) */
	--pw-footer-bg: #414141;     /* footer donkergrijs */
	--pw-line: #e6e0d4;
	--pw-accent: #dfbd69;

	/* Koppel core-componenten aan de huisstijl */
	--sellabees-accent: var(--pw-gold);
	--sellabees-red: var(--pw-gold);          /* core-accent (preloader/spinners) → huisstijlgoud */
	--sellabees-yellow: var(--pw-gold-bright); /* core-tweede-accent (unieke laadschermen) */
	--sellabees-size-bg: var(--pw-cream);
	--sellabees-size-border: var(--pw-line);
	--sellabees-toast-bg: #2a2a2a;
	--sellabees-toast-color: #fff;

	/* Typografie (lokaal gehost) — live: koppen Work Sans, body Open Sans */
	--pw-font-body: "Open Sans", Arial, Helvetica, sans-serif;
	--pw-font-heading: "Work Sans", Helvetica, Arial, sans-serif;
	--pw-font-display: "Butler", "Work Sans", Georgia, serif;  /* producttitels */
	--pw-font-serif: "Playfair Display", Georgia, "Times New Roman", serif;  /* home-sectiekoppen (Figma) */

	--pw-container: 1320px;
	--pw-container-wide: 1590px;
}

*, *::before, *::after { box-sizing: border-box; }

body {
	margin: 0;
	background: var(--pw-bg);
	color: var(--pw-body);
	font-family: var(--pw-font-body);
	font-size: 14px;          /* live = 14px basis (Divi) */
	font-weight: 500;         /* live = Open Sans 500 */
	line-height: 1.7;
}

h1, h2, h3, h4, h5 {
	font-family: var(--pw-font-heading);
	color: var(--pw-text);
	line-height: 1.15;
	margin: 0 0 .5em;
}

img { max-width: 100%; height: auto; }

a { color: inherit; }

.sellabees-container {
	width: 100%;
	max-width: var(--pw-container);
	margin-inline: auto;
	padding-inline: 24px;
}

/* Content-links binnen pagina-inhoud zichtbaar houden (valkuil uit BOUWPLAN) */
.sellabees-entry__content a {
	color: var(--pw-accent);
	text-decoration: underline;
}

/* Knoppen (globaal beschikbaar: home, contact, ...) */
.sellabees-btn {
	display: inline-block;
	font-family: var(--pw-font-heading);
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .03em;
	font-size: 14px;
	padding: 14px 30px;
	border: 0;
	border-radius: 3px;
	text-decoration: none;
	cursor: pointer;
	transition: filter .15s ease, background .15s ease;
}
.sellabees-btn--white { background: #fff; color: var(--pw-text); }
.sellabees-btn--white:hover { background: var(--pw-cream); }
.sellabees-btn--gold { background: var(--pw-gold); color: #fff; }
.sellabees-btn--gold:hover { filter: brightness(.94); }

/* ---- WooCommerce: knoppen + notices in de huisstijl (cart/checkout/account) ---- */
.woocommerce .button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce a.button,
.woocommerce #respond input#submit,
.wc-block-components-button {
	background: var(--pw-gold) !important;
	color: #fff !important;
	border: 0 !important;
	border-radius: 3px !important;
	font-family: var(--pw-font-heading) !important;
	font-weight: 600 !important;
	text-transform: uppercase;
	letter-spacing: .02em;
	padding: 13px 26px !important;
	cursor: pointer;
	transition: filter .15s ease;
}
.woocommerce .button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.wc-block-components-button:hover { filter: brightness(.93); }
.woocommerce .button.alt,
.woocommerce button.button.alt { background: var(--pw-text) !important; }

/* Secundaire knoppen (bv. winkelwagen bijwerken) iets rustiger */
.woocommerce button[name="update_cart"]:disabled { opacity: .5; }

/* WC notices in de huisstijl */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error { border-top-color: var(--pw-gold); }
.woocommerce-message::before,
.woocommerce-info::before { color: var(--pw-gold); }

/* Formuliervelden netjes */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce-account .woocommerce input.input-text {
	border: 1px solid #cfcfcf;
	border-radius: 4px;
	padding: 11px 13px;
	font-family: var(--pw-font-body);
	font-size: 15px;
}

/* SALE-badge — site-breed dezelfde grote, opvallende goud-badge (home, shop,
   /sale/, gerelateerde producten én de productpagina-gallery). Overschrijft de
   WooCommerce-standaard (groene cirkel, min-width/height 3.2em, radius 100%). */
.onsale,
.woocommerce span.onsale {
	background: var(--pw-gold);
	color: #fff;
	font-weight: 700;
	letter-spacing: .04em;
	text-transform: uppercase;
	font-size: 15px;
	line-height: 1;
	padding: 8px 15px;
	min-width: 0;
	min-height: 0;
	border-radius: 4px;
}
.woocommerce ul.products li.product { position: relative; }
.woocommerce ul.products li.product .onsale {
	position: absolute;
	top: 10px;
	left: 10px;
	right: auto;
	margin: 10px;
	z-index: 2;
}

/* De losse × om een item te verwijderen is overal weg (winkelwagen + mini-cart):
   verwijderen gaat via de prullenbak op de −-knop in de winkelwagen. */
a.remove,
.woocommerce a.remove { display: none !important; }

/* Gratis-verzending-voortgang (winkelwagen + mini-cart) — globaal zodat het overal
   gestyled is. */
.sellabees-freeship {
	background: var(--pw-cream);
	border: 1px solid #e7dfcc;
	border-radius: 6px;
	padding: 14px 20px;
	margin: 0 0 24px;
	text-align: center;
}
.sellabees-freeship__text {
	margin: 0 0 10px;
	font-family: var(--pw-font-heading);
	font-size: 15px;
	color: var(--pw-text);
}
.sellabees-freeship__text strong { font-weight: 700; color: var(--pw-text); }
.sellabees-freeship__bar {
	height: 8px;
	background: #e3dbc7;
	border-radius: 5px;
	overflow: hidden;
}
.sellabees-freeship__fill {
	display: block;
	height: 100%;
	width: 0;
	background: var(--pw-gold);
	border-radius: 5px;
	transition: width .45s ease;
}
.sellabees-freeship--done .sellabees-freeship__text { color: #3f8f3f; }
.sellabees-freeship--done .sellabees-freeship__fill { background: #5cab5c; }