/* Start custom CSS *//* Home (V4): aanvullende stijl zoals live */
/* Pagina-achtergrond met stippellijn-vierkanten (zoals live: home-3-shape.png) */
body.elementor-page-18380 { background-color: #fefff8; background-image: url("https://oden.be/wp-content/uploads/2025/10/home-3-shape.png"); background-position: top center; background-repeat: no-repeat; background-size: auto; margin: 0; padding: 0; }
.px-breadcrumb-area { display: none !important; }
.elementor-18380 svg { display: block; }

/* Hero-titel: 'The Creative' en 'design' */
.elementor-18380 [data-id="7e9b45ca"] i { font-style: normal; font-size: 58px; line-height: 50.46px; display: inline-block; letter-spacing: normal; color: #598392; transform: translateX(-30px); position: relative; z-index: 2; }
.elementor-18380 [data-id="7e9b45ca"] em { font-style: normal; color: #598392; padding-left: 240px; }
@media (max-width: 1200px) { .elementor-18380 [data-id="7e9b45ca"] br { display: none; } .elementor-18380 [data-id="7e9b45ca"] em { padding-left: 0; } }
@media (max-width: 991px) { .elementor-18380 [data-id="7e9b45ca"] i { transform: translateX(-10px); } }
@media (max-width: 767px) { .elementor-18380 [data-id="7e9b45ca"] i { transform: none; } }
/* 'From Roeselare' breekt niet meer af tussen 1401 en 1600 px (fix uit fase C) */
@media (min-width: 1401px) { .elementor-18380 [data-id="1abab5b3"] { font-size: clamp(89px, 7.9vw, 130px) !important; } }

/* Over ODEN.: accentwoorden zoals 'think' / 'produce' live */
.elementor-18380 [data-id="528937cd"] span { color: #598392; }

/* Lopende tekstband (Pixora text slider: 40 px tussenruimte, ster 14 px, 3 s per item) */
.elementor-18380 [data-id="1f0e234b"] { animation: oden-band 27s linear infinite; }
.elementor-18380 [data-id="1f0e234b"] > span { display: block; white-space: nowrap; font-family: Inter, sans-serif; font-weight: 600; font-size: 18px; line-height: 18px; letter-spacing: -1.08px; text-transform: uppercase; color: #0a0a0a; }
.elementor-18380 [data-id="1f0e234b"] > div { width: 14px; height: 14px; margin: 0 40px; flex-shrink: 0; }
/* Logoband (Pixora brand slider: 10 px tussenruimte, 3 s per logo) */
.elementor-18380 [data-id="9c037a7"] { animation: oden-band 24s linear infinite; }
.elementor-18380 [data-id="9c037a7"] img { width: auto; max-width: none; height: auto; }
@keyframes oden-band { from { transform: translateX(0); } to { transform: translateX(-50%); } }

/* Diensten: lijniconen transparant (Elementor maakt van fill=none currentColor), op ware grootte in vak van 34 px */
.elementor-18380 .oden-dienst-titelrij svg { width: auto !important; height: auto !important; fill: none !important; }
/* Plus/min exact gecentreerd in de cirkel van 46 px */
.elementor-18380 [data-id="5ea1f0f1"] > *, .elementor-18380 [data-id="10197416"] > *, .elementor-18380 [data-id="48eaae35"] > *, .elementor-18380 [data-id="53f1ea18"] > * { width: 14px !important; height: 14px !important; min-height: 0 !important; flex: 0 0 14px; align-self: center; line-height: 0; }
.elementor-18380 [data-id="75407858"] svg, .elementor-18380 [data-id="72dded3f"] svg, .elementor-18380 [data-id="448c05ec"] svg, .elementor-18380 [data-id="a799132"] svg { width: 14px !important; height: 14px !important; }
.elementor-18380 details[open] > summary > * { transform: none !important; }
.elementor-18380 .oden-plus-v { transform-box: fill-box; transform-origin: center; transition: transform .3s; }
.elementor-18380 details[open] .oden-plus-v { transform: rotate(90deg); }/* End custom CSS */