/* MHS Media โ€” kleine correcties bovenop de WordPress/Elementor-export. Bewust minimaal: de Elementor-CSS blijft ongemoeid. */ /* Geen horizontale scrollbar op mobiel (Elementor-secties met negatieve marges). */ html, body { overflow-x: hidden; max-width: 100%; } /* Media nooit breder dan hun container. */ img, video, iframe { max-width: 100%; height: auto; } /* WordPress zet tekst-emoji (๐Ÿ“ž ๐Ÿ“ง) via JS om naar . De originele wp-emoji sizing-CSS is uit de gestript; zonder deze regel renderen die emoji op hun natuurlijke formaat (honderden pixels groot). */ img.emoji, img.wp-smiley { display: inline !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align: -0.1em !important; border: none !important; box-shadow: none !important; background: none !important; padding: 0 !important; } /* Zichtbare focus-indicator voor toetsenbordnavigatie (Hello Elementor zet die uit). */ a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible { outline: 2px solid #0b1f3a; outline-offset: 2px; } /* Tap-targets op mobiel minimaal 44px hoog. */ @media (max-width: 767px) { .elementor-button, .elementor-field-type-submit button, .elementor-nav-menu a { min-height: 44px; display: inline-flex; align-items: center; } /* Footer- en contact-lijsten (Elementor icon-list): regelhoogte is ~20-24px, dus verticale padding erbij tot een aanraakvlak van 44px. */ .elementor-icon-list-item > a, .elementor-icon-list-item > span { min-height: 44px; display: flex; align-items: center; } /* Links in de mobiele off-canvas drawer (Unlimited Elements side menu). */ .uc-side-menu-items .uc-list-menu a, .uc-side-menu-items .side-menu-button { min-height: 44px; display: flex; align-items: center; } /* "Bekijk project ยป" op de projectkaarten. */ .elementor-post__read-more { min-height: 44px; display: inline-flex; align-items: center; } /* Losse tel:/mailto:-links buiten een icon-list. */ a[href^="tel:"], a[href^="mailto:"] { display: inline-flex; align-items: center; min-height: 44px; } } /* Statusmelding van het contactformulier. */ .elementor-form [role="status"] { width: 100%; }