/* ============================================================
   afspraak/css/afspraak.css — stijlen specifiek voor afspraak/
   ============================================================ */

:root {
    --wrijf:        #f59921;
    --dereisgenoot: #ecc008;
}

.bg-wrijf        { background-color: var(--wrijf); }
.bg-dereisgenoot { background-color: var(--dereisgenoot); }

.btn-wrijf {
    background-color: var(--wrijf);
    border-color: var(--white);
    color: var(--white);
}
.btn-wrijf:hover {
    background-color: var(--white);
    color: var(--wrijf);
    border-color: var(--wrijf);
}

.btn-dereisgenoot {
    background-color: var(--dereisgenoot);
    border-color: var(--white);
    color: var(--white);
}
.btn-dereisgenoot:hover {
    background-color: var(--white);
    color: var(--dereisgenoot);
    border-color: var(--dereisgenoot);
}

.btn-donkerblauw {
    background-color: var(--donkerblauw);
    border-color: var(--white);
    color: var(--white);
}
.btn-donkerblauw:hover {
    background-color: var(--white);
    color: var(--donkerblauw);
    border-color: var(--donkerblauw);
}

.tile .tile-picto {
    padding: 2rem 1.5rem 0.5rem;
}

.tile .card-body {
    padding: 1.25rem 1.5rem;
}

.tile .card-footer {
    padding: 0.5rem 1.5rem 1.75rem;
}