/* bbm-verjaardagen.css - Styling specifiek voor verjaardagenplugin */

/* Breder blok met links uitlijning */
.bbm-form {
    width: 500px;
    margin: 0 0 40px 0;
}

/* Uitlijning kolommen */
.bbm-table th:first-child,
.bbm-table td:first-child,
.bbm-verjaardagen-datumkolom {
    width: 180px;
    text-align: left;
    white-space: nowrap;
}

.bbm-table th:last-child,
.bbm-table td:last-child {
    text-align: left;
}

/* Speciale styling voor vandaag jarig */
.bbm-tr.bbm-vandaag td {
    background-color: #ffeaf0 !important;
    font-weight: bold;
}

/* Mobiel gedrag: blokken van kolommen */
@media screen and (max-width: 600px) {
    .bbm-verjaardagen-th,
    .bbm-verjaardagen-td {
        display: block;
        width: 100%;
    }

    .bbm-table thead {
        display: none;
    }

    .bbm-table tr {
        display: block;
        margin-bottom: 15px;
    }
}

.bbm-tr.bbm-vandaag td {
    background-color: #fce4ec !important; /* zachter roze */
    font-weight: 600;
    color: #333;
}