/* Wereld: dokter — dokterstas gaat open, thermometer-mascotte wiebelt, pleisters draaien */
body:has(.d-world-dokter) { --t-orange: #FFE4D6; --t-blue: #E0EEF7; --t-green: #D9F0E4; --t-yellow: #FFF3CF; }
body:has(.d-world-dokter) .d-section.has-vlak-groen-background-color,
body:has(.d-world-dokter) .d-section.has-vlak-blauw-background-color { background: #EEF7F1 !important; }
.d-world-dokter { background: linear-gradient(180deg, #E3F3EA 0%, #FFF4F2 100%) !important; }
.d-world-dokter .d-play-title mark { color: #3E8A5E !important; }
body:has(.d-world-dokter) main .d-section { position: relative; }
body:has(.d-world-dokter) 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 74 24'%3E%3Crect x='3' y='5' width='68' height='14' rx='7' fill='%23F6C9A8' stroke='%23E0A57F' stroke-width='1.6'/%3E%3Crect x='28' y='7' width='18' height='10' rx='2.5' fill='%23FFF6E6'/%3E%3Cg fill='%23E0A57F'%3E%3Ccircle cx='12' cy='10' r='1.2'/%3E%3Ccircle cx='18' cy='14' r='1.2'/%3E%3Ccircle cx='56' cy='10' r='1.2'/%3E%3Ccircle cx='62' cy='14' r='1.2'/%3E%3C/g%3E%3C/svg%3E") left center / 74px 24px repeat-x; z-index: 2; pointer-events: none; }

.d-scene-dokter { position: absolute !important; inset: 0; height: auto !important; }
.d-dokter-tas { width: 240px; height: 170px; right: 3%; bottom: 14px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 170'%3E%3Cpath d='M20 50 H220 V150 Q220 165 205 165 H35 Q20 165 20 150 Z' fill='%235FA36F' stroke='%231E2B45' stroke-width='3' stroke-linejoin='round'/%3E%3Crect x='14' y='40' width='212' height='18' rx='9' fill='%234E8A5C' stroke='%231E2B45' stroke-width='3'/%3E%3Crect x='108' y='52' width='24' height='15' rx='4' fill='%23FFC94D' stroke='%231E2B45' stroke-width='2.5'/%3E%3Cpath d='M120 128 C 100 114 92 100 102 92 C 110 86 118 90 120 96 C 122 90 130 86 138 92 C 148 100 140 114 120 128 Z' fill='%23F49AB4' stroke='%231E2B45' stroke-width='2.5' stroke-linejoin='round'/%3E%3Cpath d='M36 70 V146 M204 70 V146' stroke='%234E8A5C' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E") !important; z-index: 3; }
.d-dokter-klep { width: 240px; height: 60px; right: 3%; bottom: 133px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 60'%3E%3Cpath d='M92 24 C 92 4 148 4 148 24' stroke='%231E2B45' stroke-width='8' fill='none' stroke-linecap='round'/%3E%3Cpath d='M14 58 C 14 32 40 22 120 22 C 200 22 226 32 226 58 Z' fill='%235FA36F' stroke='%231E2B45' stroke-width='3' stroke-linejoin='round'/%3E%3Cpath d='M40 40 C 70 32 170 32 200 40' stroke='%237DBB8B' stroke-width='4' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") !important; z-index: 4; transform-origin: 6% 96%; }
.d-dokter-thermo { width: 76px; height: 184px; right: calc(3% + 46px); bottom: 76px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 70 170'%3E%3Cpath d='M15 78 L 4 64 M55 78 L 66 64' stroke='%231E2B45' stroke-width='3.5' stroke-linecap='round'/%3E%3Crect x='15' y='6' width='40' height='132' rx='20' fill='%23fff' stroke='%231E2B45' stroke-width='3'/%3E%3Crect x='29' y='70' width='12' height='70' rx='6' fill='%23EC8B48'/%3E%3Cpath d='M47 84 H55 M49 98 H55 M47 112 H55' stroke='%231E2B45' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='35' cy='142' r='23' fill='%23EC8B48' stroke='%231E2B45' stroke-width='3'/%3E%3Cpath d='M24 134 A 12 12 0 0 1 32 128' stroke='%23FFB98A' stroke-width='4' fill='none' stroke-linecap='round'/%3E%3Ccircle cx='28.2' cy='34' r='3.06' fill='%231E2B45'/%3E%3Ccircle cx='41.8' cy='34' r='3.06' fill='%231E2B45'/%3E%3Ccircle cx='29.22' cy='32.98' r='1.105' fill='%23fff'/%3E%3Ccircle cx='42.82' cy='32.98' r='1.105' fill='%23fff'/%3E%3Cpath d='M29.9 40.8 Q 35 45.05 40.1 40.8' stroke='%231E2B45' stroke-width='2.5' fill='none' stroke-linecap='round'/%3E%3Ccircle cx='23.1' cy='39.95' r='3.06' fill='%23F49AB4' opacity='.65'/%3E%3Ccircle cx='46.9' cy='39.95' r='3.06' fill='%23F49AB4' opacity='.65'/%3E%3C/svg%3E") !important; z-index: 2; transform-origin: 50% 100%; }
.d-dokter-pleister { width: 64px; height: 28px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 34'%3E%3Crect x='2' y='4' width='76' height='26' rx='13' fill='%23F6C9A8' stroke='%231E2B45' stroke-width='2.5'/%3E%3Crect x='28' y='8' width='24' height='18' rx='4' fill='%23FFF6E6' stroke='%231E2B45' stroke-width='2'/%3E%3Cg fill='%23E0A57F'%3E%3Ccircle cx='12' cy='13' r='1.6'/%3E%3Ccircle cx='18' cy='21' r='1.6'/%3E%3Ccircle cx='12' cy='25' r='1.6'/%3E%3Ccircle cx='62' cy='13' r='1.6'/%3E%3Ccircle cx='68' cy='21' r='1.6'/%3E%3Ccircle cx='62' cy='25' r='1.6'/%3E%3C/g%3E%3C/svg%3E") !important; }
.d-dokter-pleister-1 { left: 46%; top: 10%; }
.d-dokter-pleister-2 { right: calc(3% + 320px); bottom: 70px; width: 52px; height: 22px; }
.d-dokter-pleister-3 { right: 5%; top: 7%; width: 48px; height: 21px; }
.d-peek-dokter::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 54'%3E%3Cg transform='rotate(-8 50 30)'%3E%3Crect x='4' y='12' width='92' height='36' rx='18' fill='%23F6C9A8' stroke='%231E2B45' stroke-width='3'/%3E%3Crect x='30' y='16' width='40' height='28' rx='6' fill='%23FFF6E6' stroke='%231E2B45' stroke-width='2.2'/%3E%3Cg fill='%23E0A57F'%3E%3Ccircle cx='15' cy='24' r='2'/%3E%3Ccircle cx='21' cy='34' r='2'/%3E%3Ccircle cx='83' cy='24' r='2'/%3E%3Ccircle cx='79' cy='34' r='2'/%3E%3C/g%3E%3Ccircle cx='42.8' cy='26' r='2.8800000000000003' fill='%231E2B45'/%3E%3Ccircle cx='57.2' cy='26' r='2.8800000000000003' fill='%231E2B45'/%3E%3Ccircle cx='43.76' cy='25.04' r='1.04' fill='%23fff'/%3E%3Ccircle cx='58.160000000000004' cy='25.04' r='1.04' fill='%23fff'/%3E%3Cpath d='M45.2 32.4 Q 50 36.4 54.8 32.4' stroke='%231E2B45' stroke-width='2.5' fill='none' stroke-linecap='round'/%3E%3Ccircle cx='38.0' cy='31.6' r='2.8800000000000003' fill='%23F49AB4' opacity='.65'/%3E%3Ccircle cx='62.0' cy='31.6' r='2.8800000000000003' fill='%23F49AB4' opacity='.65'/%3E%3C/g%3E%3C/svg%3E"); width: 96px; height: 52px; top: -40px; left: 13%; }
.d-peek-dokter.d-peek-right::before { left: auto; right: 13%; }

@media (prefers-reduced-motion: no-preference) {
  .d-dokter-tas { animation: d-dokter-in .7s cubic-bezier(.3,1.5,.5,1) .2s both; }
  .d-dokter-klep { animation: d-dokter-in .7s cubic-bezier(.3,1.5,.5,1) .2s both, d-dokter-open .9s cubic-bezier(.4,1.4,.5,1) 1.1s forwards; }
  .d-dokter-thermo { animation: d-dokter-wip .8s cubic-bezier(.3,1.6,.5,1) 1.7s both, d-dokter-wiebel 1.8s ease-in-out 2.5s infinite; }
  .d-dokter-pleister { animation: d-dokter-draai 14s linear infinite; }
  .d-dokter-pleister-2 { animation-duration: 18s; animation-direction: reverse; }
  .d-dokter-pleister-3 { animation-duration: 22s; animation-delay: -6s; }
}
@media (prefers-reduced-motion: reduce) { .d-dokter-klep { transform: rotate(-100deg); } }
@keyframes d-dokter-in { from { transform: translateY(40px) scale(.8); opacity: 0; } }
@keyframes d-dokter-open { to { transform: rotate(-100deg); } }
@keyframes d-dokter-wip { from { transform: translateY(100px); opacity: 0; } 40% { opacity: 1; } }
@keyframes d-dokter-wiebel { 0%, 100% { transform: rotate(-6deg); } 50% { transform: rotate(6deg) translateY(-4px); } }
@keyframes d-dokter-draai { from { transform: rotate(0) translateY(0); } 50% { transform: rotate(180deg) translateY(-8px); } to { transform: rotate(360deg) translateY(0); } }

@media (max-width: 781px) {
  .d-scene-dokter { transform: scale(.58); transform-origin: right bottom; }
  .d-dokter-pleister-1, .d-dokter-pleister-3 { display: none; }
  .d-dokter-pleister-2 { right: calc(3% + 300px); bottom: 30px; }
}