/* ================================================================
   data-brokers.css — Page-specific styles for data-brokers.php
   Načítáno na: data-brokers.php
   ================================================================ */


/* ===== LAW TAG + FLAG ===== */
/* Badge pro název zákona v prvním sloupci tabulek zákonů.
   Použití: <span class="law-tag"><img class="flag-img"> GDPR — EU</span>
            <span class="law-tag">CPRA — California</span> */

.law-tag {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    background: var(--accent-subtle);
    color: var(--accent-color);
    font-size: var(--size-12);
    font-weight: 700;
    letter-spacing: 0.3px;
    padding: 3px 8px;
    border-radius: 5px;
    white-space: nowrap;
}

.flag-img {
    display: block;
    flex-shrink: 0;
}


/* ===== LAW TABLE COLUMN WIDTH ===== */
/* Šířka sloupce "Law" v tabulkách zákonů — prostor pro .law-tag badge */

.col-law { width: 220px; }


/* ===== LAW REGION ROW ===== */
/* Oddělovač regionů v globální tabulce zákonů — "🌍 Europe", "🌎 Americas" atd.
   Použití: <tr class="law-region-row"><td colspan="2">🌍 Europe</td></tr> */

.law-region-row td {
    background: var(--bg-data-box);
    font-size: var(--size-12);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--text-muted);
    padding-block: 8px;
    border-bottom: 1px solid var(--border-color);
}