/**
 * Plaats Header Component CSS
 * 
 * Centrale styling voor plaats-header component
 * Gebruikt op: area pages, LOC show, MEA show
 */

/* Header container */
.plaats-header {
    margin-top: 0;
    margin-bottom: 0.5rem;
    padding-top: 0;
    padding-bottom: 0;
    display: block; /* Zorg dat regels onder elkaar staan */
}

/* Main badge row (plaatsnaam/gemeente/provincie) */
.plaats-header .plaats-main-badge-row {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    margin-bottom: 0.5rem;
}

/* Specifieke badge row classes voor consistentie */
.plaats-header .plaats-area-badges,
.plaats-header .plaats-places-badges,
.plaats-header .plaats-municipalities-badges,
.plaats-header .plaats-stats-quick {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    margin-bottom: 0.5rem;
}

/* Laatste rij (stats) heeft geen margin-bottom */
.plaats-header .plaats-stats-quick {
    margin-bottom: 0;
}

/* Page title styling (voor LOC show en MEA show) */
.page-title {
    margin-top: 0;
    margin-bottom: 0.5rem;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem; /* Uniforme spacing tussen regels */
}

/* Badge rows in page-title - uniforme spacing */
.page-title > div {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    /* Geen margin-bottom, gap van parent zorgt voor spacing */
}

/* Badge groups in page-title */
.page-title .badge-ui-group {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    align-items: center;
    /* Geen margin-bottom, gap van parent zorgt voor spacing */
}