/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.3.7
Text Domain:  Avada
*/

/* ── Design tokens (voorheen root.css + bb-tokens.css) ── */

:root {
	--bb-green: #3c816a;
	--bb-forest: #2e4b39;
	--bb-gold: #c9a875;
	--bb-font-family: "Noto Sans Khmer", Arial, Helvetica, sans-serif;
	--bb-foreground: #1a1a1a;
	--bb-muted: #6b7280;
	--bb-border: rgba(0, 0, 0, 0.08);
	--bb-bg: #ffffff;
	--bb-nav-max: 80rem;
	--bb-ease: cubic-bezier(0.4, 0, 0.2, 1);
	--bb-nav-height: 60px;
	--bb-nav-top-gap: 20px;
	--bb-header-z: 50000;
}

html,
body {
	font-family: var(--bb-font-family);
}

/* Avada mag Plein/Roboto nooit winnen — forceer Noto op typography tokens */
html body {
	--awb-typography1-font-family: var(--bb-font-family);
	--awb-typography2-font-family: var(--bb-font-family);
	--awb-typography3-font-family: var(--bb-font-family);
	--awb-typography4-font-family: var(--bb-font-family);
	--body_typography-font-family: var(--bb-font-family);
	--h1_typography-font-family: var(--bb-font-family);
	--h2_typography-font-family: var(--bb-font-family);
	--h3_typography-font-family: var(--bb-font-family);
	--h4_typography-font-family: var(--bb-font-family);
	--h5_typography-font-family: var(--bb-font-family);
	--h6_typography-font-family: var(--bb-font-family);
	--button_typography-font-family: var(--bb-font-family);
	--footer_headings_typography-font-family: var(--bb-font-family);
	--post_title_typography-font-family: var(--bb-font-family);
}

.text-gold {
	color: var(--bb-gold, #c9a875);
}

/* Geen horizontale scrollbar — alleen op html.
 * overflow-x op body zet overflow-y impliciet op auto (CSS-spec) → dubbele scrollbar. */

.shadowme {
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.5) !important;
}
 html {
	overflow-x: clip;
	scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}

body{
	overflow-y: hidden;
}

h1{
	word-break: auto-phrase;
}

@media (max-width: 768px) {
	h1.fusion-title-heading{
		--fontSize: 38 !important;
	}

	h2.fusion-title-heading{
		--fontSize: 28 !important;
	}
}

nav.fusion-breadcrumbs.breadcrumb > span {
	background: color-mix(in oklab,white 10%,transparent);
	font-weight: 600;
	padding: .25rem .75rem;
	border-radius: 50px;
}

.fusion-button{
	text-transform: none !important;
}

/* Avada-ouders mogen niet afkappen rond de Trustindex-widget */
.fusion-fullwidth:has(.ti-widget[data-trustindex-widget]),
.fusion-flex-container:has(.ti-widget[data-trustindex-widget]),
.fusion-flex-column:has(.ti-widget[data-trustindex-widget]),
.fusion-column-wrapper:has(> .ti-widget[data-trustindex-widget]) {
	overflow: visible !important;
}

/* Review-carrousel: alleen carrousel-kolom mag bleed niet afkappen */
.fusion-layout-column:has(.reviews-section--carousel),
.fusion-flex-column:has(.reviews-section--carousel),
.fusion-column-wrapper:has(> .reviews-section--carousel) {
	overflow: visible !important;
}

/* Partners-marquee: full-width bleed */
.fusion-fullwidth:has(.bb-merken),
.fusion-flex-container:has(.bb-merken),
.fusion-layout-column:has(.bb-merken),
.fusion-flex-column:has(.bb-merken),
.fusion-text:has(.bb-merken),
.fusion-column-wrapper:has(> .bb-merken) {
	overflow: visible !important;
}

/* Widget breder dan zijn kolom → derde kaart valt buiten beeld */
.ti-widget[data-trustindex-widget] {
	position: relative;
	width: calc(100% + 40vw) !important;
	max-width: none !important;
}

/* Op tablet/mobiel terug binnen de kolom houden */
@media (max-width: 800px) {

	.ti-widget[data-trustindex-widget] {
		width: 100% !important;
	}
}

/* ── Background blur utility ──
 */
.background-blur,
.background-blur-sm,
.background-blur-md {
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
}

.background-blur-sm {
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);
}

.background-blur-md {
	-webkit-backdrop-filter: blur(12px);
	backdrop-filter: blur(12px);
}

/* Fallback voor browsers zonder backdrop-filter support: iets donkerdere
 * achtergrond zodat tekst leesbaar blijft zonder het blur-effect. */
@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {

	.background-blur,
	.background-blur-sm,
	.background-blur-md {
		background-color: rgba(255, 255, 255, 0.7);
	}
}

#accordian-1 .fusion-panel {
	border-radius: 10px;
    border: 1px solid #ccc !important;
}

/* ── Newsletter-achtergrond (donkergroen + wazige blobs) ── */
.background-newsletter,
.fusion-fullwidth.background-newsletter,
.fusion-flex-container.background-newsletter,
.fusion-column-wrapper.background-newsletter {
	position: relative;
	background-color: #1f3328;
	overflow: hidden;
	isolation: isolate;
	contain: paint;
	clip-path: inset(0);
}

.background-newsletter::before,
.background-newsletter::after {
	content: "";
	position: absolute;
	border-radius: 50%;
	filter: blur(64px);
	pointer-events: none;
	z-index: 0;
	/* Blobgrootte t.o.v. container, niet viewport (vw liep over kolommen heen) */
	max-width: 100%;
	max-height: 100%;
}

/* Goud — rechtsboven */
.background-newsletter::before {
	top: -18%;
	right: -12%;
	width: 72%;
	height: 72%;
	aspect-ratio: 1;
	background: rgba(212, 184, 122, 0.2);
}

/* Bosgroen — linksonder */
.background-newsletter::after {
	bottom: -20%;
	left: -14%;
	width: 78%;
	height: 78%;
	aspect-ratio: 1;
	background: rgba(46, 75, 57, 0.6);
}

.background-newsletter > * {
	position: relative;
	z-index: 1;
}

/* ── Parallax-variant ── */
.background-blur > .parallax-inner {
	filter: blur(8px);
}

.background-blur-sm > .parallax-inner {
	filter: blur(4px);
}

.background-blur-md > .parallax-inner {
	filter: blur(12px);
}

/* Optioneel: combineer een blur met extra helderheid/verzadiging zodat een
 * donkere/dekkende gradient overlay minder de geblurde foto verstopt. Zet
 * deze class ERBIJ in Avada's CSS Class veld, naast .background-blur(-md/-sm). */
.background-blur-reveal > .parallax-inner,
.background-blur-sm.background-blur-reveal > .parallax-inner,
.background-blur-md.background-blur-reveal > .parallax-inner {
	filter: blur(8px) brightness(1.4) saturate(1.2);
}

.background-blur-sm.background-blur-reveal > .parallax-inner {
	filter: blur(4px) brightness(1.4) saturate(1.2);
}

.background-blur-md.background-blur-reveal > .parallax-inner {
	filter: blur(12px) brightness(1.4) saturate(1.2);
}

.container-badge{
	color: #c9a875;
	display: inline-flex;
	align-items: center;
	gap: .5rem;
	border-radius: 20px;
	background: color-mix(in oklab, white 10%, transparent);
	font-size: .75rem;
	text-transform: uppercase;
	font-weight: 600;
	padding: .365rem 1rem;
	margin-left: 2%;
	width: fit-content;
}

.container-badge svg{
	width: 14px;
	height: 14px;
}

/* Download-cards: grid naast elkaar binnen Avada/Fusion */
.fusion-text:has(.bb-download-grid),
.fusion-column-wrapper:has(.bb-download-grid),
.fusion-flex-column:has(.bb-download-grid) {
	width: 100%;
	max-width: 100%;
}

.fusion-text .bb-download-grid,
.fusion-column-wrapper .bb-download-grid,
.fusion-flex-column .bb-download-grid {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) !important;
	gap: 16px !important;
	width: 100% !important;
}

@media (min-width: 768px) {
	.fusion-text .bb-download-grid,
	.fusion-column-wrapper .bb-download-grid,
	.fusion-flex-column .bb-download-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 20px !important;
	}
}