/*
 * SMUK – toegankelijkheid (WCAG 2.2 AA), 23 okt 2026.
 * Alleen contrast, focus, tikgrootte en schermlezers; geen layoutwijzigingen.
 * Kleuren uit het SMUK-palet: zwart #0d0905, beige #e4cfb6 / #f9f4ee, groen #2b5a40 (knoptekst op mint).
 */

/* Hero-knop homepage: roest op perzik haalde 2,16:1 -> 5,64:1 */
body.home #page-container .et_pb_section .et_pb_button_0,
body.home #page-container .et_pb_section_0 .et_pb_button { color: #6e3417 !important; }

/* Lavendel vlakken (#d8c0de): witte/lila tekst haalde 1,3-1,7:1 -> zwart 11,8:1 */
body.home .et_pb_text_4,
body.home .et_pb_text_4 h3,
body.home .et_pb_text_4 h4,
body.home .et_pb_text_4 p,
.et_pb_blurb_10_tb_body .et_pb_module_header,
.et_pb_blurb_10_tb_body .et_pb_module_header span,
.et_pb_blurb_10_tb_body .et_pb_blurb_description,
.et_pb_blurb_10_tb_body .et_pb_blurb_description p,
.cpops-launcher__badge--bubble { color: #0d0905 !important; }

/* Nieuwsbrief: lichte mint op donkergroen haalde 4,17:1 -> wit 5,8:1 */
.et_pb_newsletter_button.et_pb_button,
.et_pb_newsletter_button .et_pb_newsletter_button_text { color: #ffffff !important; }

/* Nieuwsbrief op donkere achtergrond (blog): zwarte kop op donkergrijs */
.et_pb_signup_0_tb_body .et_pb_newsletter_description,
.et_pb_signup_0_tb_body .et_pb_newsletter_description h2 { color: #ffffff !important; }

/* Lichtgrijze hulpteksten (2,3-3,6:1) -> #595959 (7:1) */
.woocommerce-result-count,
.price sup,
.et_pb_section sup { color: #595959 !important; }

/* Contactformulier: ingevulde tekst en placeholders */
.et_pb_contact_form .input,
.et_pb_contact_form input,
.et_pb_contact_form textarea,
.et_pb_contact_form select { color: #0d0905 !important; }
.et_pb_contact_form ::placeholder { color: #595959 !important; opacity: 1; }

/* Beige knoppen en actieve tabs met witte tekst -> zwart */
body #page-container .et_pb_tabs .et_pb_tabs_controls li.et_pb_tab_active a,
.et_pb_tabs_controls li.et_pb_tab_active a,
.wpf_reset_btn,
input[type="reset"] { color: #0d0905 !important; }

/* Verplicht-sterretje (PPOM): #ff0000 haalde 4:1 */
.show_required { color: #b3261e !important; }

/* Zichtbare toetsenbordfocus (WCAG 2.4.7) */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible { outline: 2px solid #0d0905 !important; outline-offset: 2px !important; }

/* Slider-bolletjes: tikdoel 24x24 px (WCAG 2.5.8), het zichtbare bolletje blijft 7 px */
.et-pb-controllers a {
	width: 24px !important;
	height: 24px !important;
	border: 8.5px solid transparent !important;
	background-clip: padding-box !important;
	box-sizing: border-box !important;
	border-radius: 50% !important;
	margin-right: 0 !important;
}

/* Slider-pijlen: tekst "Vorige"/"Volgende" voor schermlezers houden in plaats van display:none */
.et-pb-arrow-prev span,
.et-pb-arrow-next span {
	display: block !important;
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	overflow: hidden !important;
	clip: rect(0 0 0 0) !important;
	white-space: nowrap !important;
}

/* Blogbericht: categorielinks wit op beige -> zwart */
body #page-container .molti-category .et_pb_title_meta_container a { color: #0d0905 !important; }

/* Blogbericht: nieuwsbriefkop zwart op donkergrijs -> wit */
body #page-container .molti-newsletter-single-post .et_pb_newsletter_description h2,
body #page-container .molti-newsletter-single-post .et_pb_newsletter_description h2 span { color: #ffffff !important; }

/* Groene knop op mint (klantenservice, winkelwagen): #387051 haalde 4,21:1 -> #2b5a40 5,75:1 */
body.page-id-98496 #page-container .et_pb_section .et_pb_button_0,
body.woocommerce-cart #page-container .et_pb_section .et_pb_button_0 { color: #2b5a40 !important; }

/* Productlijsten (o.a. gerelateerde producten): prijs in mint op wit haalde 1,38:1 -> zwart */
body #page-container ul.products li.product .price,
body #page-container ul.products li.product .price .amount,
body #page-container ul.products li.product .price bdi { color: #0d0905 !important; }

/* Homepage-kaart "Shop nu!": 50% zwart haalde 3,94:1 */
body.home .et_pb_text_3 p { color: #595959 !important; }

/* Sale-badge: Divi-standaard #ef8f61 (oranje) met witte tekst haalde 2,6:1 -> SMUK-beige met zwart (13:1) */
body .woocommerce span.onsale,
body.woocommerce span.onsale,
body .woocommerce-page span.onsale,
body .et_pb_module span.onsale { background: #e4cfb6 !important; color: #0d0905 !important; }

/* Productpagina: SKU/categorieën/tags (Divi WC Meta) - lichtblauw 57% op wit haalde ~1,3:1 */
body #page-container .et_pb_wc_meta,
body #page-container .et_pb_wc_meta .sku_wrapper,
body #page-container .et_pb_wc_meta .posted_in,
body #page-container .et_pb_wc_meta .tagged_as { color: #595959 !important; }
body #page-container .et_pb_wc_meta a { color: #0d0905 !important; text-decoration: underline; }

/* Actief menu-item: beige op wit had contrast 1.5:1; nu zwart met beige onderstreping */
html body .et_pb_menu_0_tb_header.et_pb_menu ul li.current-menu-item > a{color:#0d0905!important;text-decoration:underline;text-decoration-color:#e4cfb6;text-decoration-thickness:3px;text-underline-offset:6px}

/* 29 okt: na de update naar Divi 5 (compatibiliteitsmodus) blijven blurb-iconen/-afbeeldingen met .et-waypoint op opacity 0 (o.a. account- en zoekicoon in de header). Altijd tonen. */
.et_pb_blurb .et-waypoint{opacity:1!important}