/*
Theme Name: 112Maasalert
Theme URI: https://webserve.nl
Description: Child theme voor 112Maasalert
Author: Webserve
Author URI: https://webserve.nl
Template: hello-elementor
Version: 3.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: webserve-child
*/

/* 
Dit bestand bevat alleen de basis styling voor het child theme.
De meeste styling staat in assets/css/main.css om het overzichtelijk te houden.
*/

/* ============================================================================
   LOKALE NUNITO FONTS - PERFORMANCE OPTIMALISATIE
============================================================================ */

@font-face {
    font-family: 'Nunito';
    src: url('./assets/fonts/Nunito-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nunito';
    src: url('./assets/fonts/Nunito-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nunito';
    src: url('./assets/fonts/Nunito-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* ============================================================================
   ELEMENTOR CLEANUP - VERBERG LEGE ELEMENTEN
============================================================================ */

/* Verbeterde CSS voor het verwijderen van witruimte */
.elementor-widget-shortcode:has(.empty-timeline-marker),
.elementor-widget-shortcode:has(.empty-tweets-marker),
.elementor-widget-shortcode:empty,
.elementor-shortcode:empty {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
    visibility: hidden !important;
    position: absolute !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
}

/* Verberg lege containers en hun parent elementen */
.embedded-tweets-container:empty,
.custom-timeline:empty,
.elementor-widget-container:empty {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
}

/* Verberg de [...] placeholders */
.elementor-shortcode:empty::before {
    content: none !important;
    display: none !important;
}

/* Verberg lege secties en kolommen */
.elementor-section:has(> .elementor-container:empty),
.elementor-column:has(> .elementor-widget-wrap:empty),
.elementor-widget-wrap:has(> .elementor-element:empty) {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
}

/* Verberg specifiek de witruimte onder artikelen */
.elementor-widget:last-child {
    margin-bottom: 0 !important;
}

/* Verberg lege classificatie containers */
.classificatie:empty {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
}

/* ============================================================================
   CLASSIFICATIE ELEMENTEN STYLING
============================================================================ */

/* Specifieke fix voor classificatie elementen */
.classificatie,
div[class*="classificatie"],
.elementor-widget-container .classificatie {
    margin: 0 !important;
    padding: 5px !important;
    border-width: 1px !important;
    min-height: 0 !important;
    line-height: 1.2 !important;
    font-size: 0.9em !important;
}

/* Fix voor de container van classificatie */
.elementor-widget-container:has(.classificatie),
.elementor-widget:has(.classificatie) {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    min-height: 0 !important;
}

/* Fix voor de roze/paarse classificatie box */
.classificatie:contains("Schiet- en Steekincidenten"),
.classificatie a[href*="schiet-en-steekincidenten"] {
    padding: 3px !important;
    border-width: 1px !important;
    margin: 0 !important;
}

/* Verwijder witruimte onder de laatste sectie */
.elementor-section:last-child,
.elementor-section:last-of-type {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* Verwijder witruimte onder het artikel */
.elementor-widget-theme-post-content+.elementor-widget-container,
.elementor-widget-theme-post-content+.elementor-widget {
    margin-top: 0 !important;
}