/* Wereld: opendeur — de voordeur gaat open, warm licht, welkomstmatje en ballonnen */
body:has(.d-world-opendeur) { --t-orange: #FFE4CF; --t-blue: #DCEAF6; --t-green: #DFEFD6; --t-yellow: #FFF2C6; }
body:has(.d-world-opendeur) .d-section.has-vlak-groen-background-color,
body:has(.d-world-opendeur) .d-section.has-vlak-blauw-background-color { background: #EAF4E2 !important; }
.d-world-opendeur { background: radial-gradient(ellipse 45% 70% at 88% 85%, rgba(255,214,120,.45), transparent 70%), linear-gradient(180deg, #DDEFD6 0%, #F3F9EC 75%, #F6EEDC 100%) !important; }
.d-world-opendeur .d-play-title mark { color: #D96A1C !important; }
body:has(.d-world-opendeur) main .d-section { position: relative; }
body:has(.d-world-opendeur) main .d-section + .d-section::before { content: ""; position: absolute; left: 0; right: 0; top: -12px; height: 24px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E %3Crect x='0' y='5' width='12' height='14' fill='%23E0A867'/%3E%3Crect x='12' y='5' width='12' height='14' fill='%23C98A4E'/%3E %3Cpath d='M0 5 H 24 M0 19 H 24' stroke='%231E2B45' stroke-width='1.5' opacity='.4'/%3E %3Cpath d='M4 5 V 1 M10 5 V 1 M16 5 V 1 M22 5 V 1 M4 19 V 23 M10 19 V 23 M16 19 V 23 M22 19 V 23' stroke='%238A5A3B' stroke-width='1.6' stroke-linecap='round'/%3E %3C/svg%3E") left center / 24px 24px repeat-x; z-index: 2; pointer-events: none; }

.d-scene-opendeur { position: absolute !important; inset: 0; height: auto !important; }
.d-opendeur-licht, .d-opendeur-deur { width: 196px; height: 265px; right: 4%; bottom: 8px; }
.d-opendeur-licht { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 270'%3E %3Cdefs%3E%3CradialGradient id='g' cx='50%25' cy='55%25' r='50%25'%3E%3Cstop offset='0' stop-color='%23FFE9A8' stop-opacity='.95'/%3E%3Cstop offset='1' stop-color='%23FFE9A8' stop-opacity='0'/%3E%3C/radialGradient%3E %3ClinearGradient id='b' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23FFF4C9'/%3E%3Cstop offset='1' stop-color='%23FFC94D'/%3E%3C/linearGradient%3E%3C/defs%3E %3Cellipse cx='100' cy='150' rx='100' ry='130' fill='url(%23g)'/%3E %3Cpath d='M28 262 V 30 Q 28 16 42 16 H 158 Q 172 16 172 30 V 262' fill='%23B07A50' stroke='%231E2B45' stroke-width='3' stroke-linejoin='round'/%3E %3Crect x='40' y='30' width='120' height='228' fill='url(%23b)' stroke='%231E2B45' stroke-width='2.5'/%3E %3Cpath d='M40 232 H 160 L 160 258 H 40 Z' fill='%23F5B53A' opacity='.6'/%3E %3Crect x='14' y='256' width='172' height='12' rx='4' fill='%23C9CED8' stroke='%231E2B45' stroke-width='2.5'/%3E %3C/svg%3E") !important; }
.d-opendeur-deur { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 270'%3E %3Crect x='40' y='30' width='120' height='228' rx='3' fill='%23EC8B48' stroke='%231E2B45' stroke-width='3'/%3E %3Crect x='56' y='120' width='38' height='52' rx='6' fill='%23F4A46E' stroke='%231E2B45' stroke-width='2.5'/%3E %3Crect x='106' y='120' width='38' height='52' rx='6' fill='%23F4A46E' stroke='%231E2B45' stroke-width='2.5'/%3E %3Crect x='56' y='186' width='88' height='56' rx='6' fill='%23F4A46E' stroke='%231E2B45' stroke-width='2.5'/%3E %3Ccircle cx='100' cy='74' r='26' fill='%23FFF4C9' stroke='%231E2B45' stroke-width='3'/%3E %3Cpath d='M100 48 V 100 M74 74 H 126' stroke='%231E2B45' stroke-width='2.5'/%3E %3Ccircle cx='146' cy='158' r='6' fill='%23FFC94D' stroke='%231E2B45' stroke-width='2.5'/%3E %3Cg transform='translate(100 214)'%3E%3Cpath d='M0 10 C -14 0 -16 -8 -12 -12 C -8 -16 -2 -14 0 -8 C 2 -14 8 -16 12 -12 C 16 -8 14 0 0 10 Z' fill='%23F49AB4' stroke='%231E2B45' stroke-width='2'/%3E%3C/g%3E %3C/svg%3E") !important; transform-origin: 20% 50%; transform: perspective(700px) rotateY(-68deg); }
.d-opendeur-mat { width: 176px; height: 33px; right: calc(4% + 10px); bottom: 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 34'%3E %3Cpath d='M14 4 V 0 M24 4 V 0 M34 4 V 0 M44 4 V 0 M54 4 V 0 M64 4 V 0 M74 4 V 0 M84 4 V 0 M94 4 V 0 M104 4 V 0 M114 4 V 0 M124 4 V 0 M134 4 V 0 M144 4 V 0 M154 4 V 0 M164 4 V 0' stroke='%238A5A3B' stroke-width='2'/%3E %3Crect x='6' y='4' width='168' height='26' rx='8' fill='%23E0A867' stroke='%231E2B45' stroke-width='2.5'/%3E %3Crect x='16' y='10' width='148' height='14' rx='5' fill='none' stroke='%238A5A3B' stroke-width='2.5' stroke-dasharray='6 5'/%3E %3Cpath d='M78 17 C 72 13 72 9 76 8 C 78 7 80 9 80 11 C 80 9 82 7 84 8 C 88 9 88 13 82 17 L 80 19 Z' fill='%23EC8B48'/%3E %3Ccircle cx='56' cy='17' r='3.5' fill='%235FA36F'/%3E%3Ccircle cx='104' cy='17' r='3.5' fill='%238EAAD5'/%3E%3Ccircle cx='128' cy='17' r='3.5' fill='%23FFC94D'/%3E%3Ccircle cx='32' cy='17' r='3.5' fill='%23FFC94D'/%3E%3Ccircle cx='150' cy='17' r='3.5' fill='%235FA36F'/%3E %3C/svg%3E") !important; }
.d-opendeur-ballon-1, .d-opendeur-ballon-2, .d-opendeur-ballon-3 { width: 54px; height: 99px; bottom: 90px; transform-origin: 50% 100%; }
.d-opendeur-ballon-1 { right: calc(4% + 72px); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 110'%3E %3Cpath d='M30 66 C 26 78 36 86 30 96 C 26 102 32 106 30 110' stroke='%231E2B45' stroke-width='2' fill='none' stroke-linecap='round'/%3E %3Cpath d='M30 4 C 50 4 58 22 56 36 C 54 52 42 62 30 64 C 18 62 6 52 4 36 C 2 22 10 4 30 4 Z' fill='%23EC8B48' stroke='%231E2B45' stroke-width='2.8'/%3E %3Cpath d='M26 63 L 22 70 H 38 L 34 63 Z' fill='%23EC8B48' stroke='%231E2B45' stroke-width='2.2' stroke-linejoin='round'/%3E %3Cpath d='M14 24 C 16 16 20 12 26 10' stroke='%23FFC9A0' stroke-width='4' fill='none' stroke-linecap='round'/%3E %3Ccircle cx='23.7' cy='34' r='3.06' fill='%231E2B45'/%3E%3Ccircle cx='36.3' cy='34' r='3.06' fill='%231E2B45'/%3E%3Ccircle cx='24.78' cy='32.83' r='0.9900000000000001' fill='%23fff'/%3E%3Ccircle cx='37.38' cy='32.83' r='0.9900000000000001' fill='%23fff'/%3E%3Cpath d='M25.5 40.3 Q 30 44.8 34.5 40.3' stroke='%231E2B45' stroke-width='2.4' fill='none' stroke-linecap='round'/%3E%3Ccircle cx='18.299999999999997' cy='39.4' r='3.6' fill='%23F49AB4' opacity='.7'/%3E%3Ccircle cx='41.7' cy='39.4' r='3.6' fill='%23F49AB4' opacity='.7'/%3E%3C/svg%3E") !important; translate: -40px -150px; }
.d-opendeur-ballon-2 { right: calc(4% + 108px); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 110'%3E %3Cpath d='M30 66 C 26 78 36 86 30 96 C 26 102 32 106 30 110' stroke='%231E2B45' stroke-width='2' fill='none' stroke-linecap='round'/%3E %3Cpath d='M30 4 C 50 4 58 22 56 36 C 54 52 42 62 30 64 C 18 62 6 52 4 36 C 2 22 10 4 30 4 Z' fill='%238EAAD5' stroke='%231E2B45' stroke-width='2.8'/%3E %3Cpath d='M26 63 L 22 70 H 38 L 34 63 Z' fill='%238EAAD5' stroke='%231E2B45' stroke-width='2.2' stroke-linejoin='round'/%3E %3Cpath d='M14 24 C 16 16 20 12 26 10' stroke='%23DCE8F6' stroke-width='4' fill='none' stroke-linecap='round'/%3E %3C/svg%3E") !important; translate: -84px -108px; }
.d-opendeur-ballon-3 { right: calc(4% + 40px); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 110'%3E %3Cpath d='M30 66 C 26 78 36 86 30 96 C 26 102 32 106 30 110' stroke='%231E2B45' stroke-width='2' fill='none' stroke-linecap='round'/%3E %3Cpath d='M30 4 C 50 4 58 22 56 36 C 54 52 42 62 30 64 C 18 62 6 52 4 36 C 2 22 10 4 30 4 Z' fill='%23F49AB4' stroke='%231E2B45' stroke-width='2.8'/%3E %3Cpath d='M26 63 L 22 70 H 38 L 34 63 Z' fill='%23F49AB4' stroke='%231E2B45' stroke-width='2.2' stroke-linejoin='round'/%3E %3Cpath d='M14 24 C 16 16 20 12 26 10' stroke='%23FFE0EA' stroke-width='4' fill='none' stroke-linecap='round'/%3E %3C/svg%3E") !important; translate: 22px -128px; }

.d-peek-opendeur::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 70 92'%3E %3Cpath d='M35 4 C 57 4 66 22 64 38 C 62 56 48 68 35 70 C 22 68 8 56 6 38 C 4 22 13 4 35 4 Z' fill='%23EC8B48' stroke='%231E2B45' stroke-width='3'/%3E %3Cpath d='M31 69 L 27 77 H 43 L 39 69 Z' fill='%23EC8B48' stroke='%231E2B45' stroke-width='2.2' stroke-linejoin='round'/%3E %3Cpath d='M35 77 C 31 84 39 88 35 92' stroke='%231E2B45' stroke-width='2' fill='none'/%3E %3Cpath d='M16 26 C 18 18 22 14 28 12' stroke='%23FFC9A0' stroke-width='4.5' fill='none' stroke-linecap='round'/%3E %3Ccircle cx='27.65' cy='36' r='3.57' fill='%231E2B45'/%3E%3Ccircle cx='42.35' cy='36' r='3.57' fill='%231E2B45'/%3E%3Ccircle cx='28.91' cy='34.635' r='1.1550000000000002' fill='%23fff'/%3E%3Ccircle cx='43.61' cy='34.635' r='1.1550000000000002' fill='%23fff'/%3E%3Cpath d='M29.75 43.35 Q 35 48.6 40.25 43.35' stroke='%231E2B45' stroke-width='2.4' fill='none' stroke-linecap='round'/%3E%3Ccircle cx='21.35' cy='42.3' r='4.2' fill='%23F49AB4' opacity='.7'/%3E%3Ccircle cx='48.65' cy='42.3' r='4.2' fill='%23F49AB4' opacity='.7'/%3E%3C/svg%3E"); width: 64px; height: 84px; top: -66px; left: 14%; }
.d-peek-opendeur.d-peek-right::before { left: auto; right: 14%; }

@media (prefers-reduced-motion: no-preference) {
	.d-opendeur-deur { animation: d-opendeur-open 2.2s cubic-bezier(.4,0,.2,1) .8s both, d-opendeur-zwaai 6s ease-in-out 3.2s infinite; }
	@keyframes d-opendeur-open { 0% { transform: perspective(700px) rotateY(0); } 18% { transform: perspective(700px) rotateY(-6deg); } 26% { transform: perspective(700px) rotateY(-2deg); } 100% { transform: perspective(700px) rotateY(-68deg); } }
	@keyframes d-opendeur-zwaai { 0%, 100% { transform: perspective(700px) rotateY(-68deg); } 50% { transform: perspective(700px) rotateY(-62deg); } }
	.d-opendeur-licht { animation: d-opendeur-gloed 3.5s ease-in-out 2.6s infinite; }
	@keyframes d-opendeur-gloed { 50% { filter: drop-shadow(0 0 14px rgba(255,201,77,.75)) brightness(1.04); } }
	.d-opendeur-ballon-1, .d-opendeur-ballon-2, .d-opendeur-ballon-3 { animation: d-opendeur-op 3s cubic-bezier(.3,.7,.4,1) both, d-opendeur-dobber 3.4s ease-in-out infinite; }
	.d-opendeur-ballon-1 { animation-delay: 1.6s, 4.6s; }
	.d-opendeur-ballon-2 { animation-delay: 2.1s, 5.1s; animation-duration: 3s, 4s; }
	.d-opendeur-ballon-3 { animation-delay: 2.6s, 5.6s; animation-duration: 3s, 3.7s; }
	@keyframes d-opendeur-op { from { translate: 0 0; scale: .5; opacity: 0; } 15% { opacity: 1; } 100% { scale: 1; } }
	@keyframes d-opendeur-dobber { 0%, 100% { transform: translateY(0) rotate(-4deg); } 50% { transform: translateY(-14px) rotate(4deg); } }
}

@media (max-width: 781px) {
	.d-opendeur-licht, .d-opendeur-deur { width: 118px; height: 160px; right: 5%; bottom: 6px; }
	.d-opendeur-mat { width: 108px; height: 20px; right: calc(5% + 5px); }
	.d-opendeur-ballon-1, .d-opendeur-ballon-2, .d-opendeur-ballon-3 { width: 34px; height: 62px; bottom: 50px; }
	.d-opendeur-ballon-1 { right: calc(5% + 44px); translate: -20px -140px; }
	.d-opendeur-ballon-2 { right: calc(5% + 66px); translate: -46px -100px; }
	.d-opendeur-ballon-3 { display: none; }
}