/* Air Datepicker in de Planningsagenda-huisstijl (legacy /public, platte CSS-variant
   van resources/sass/_datumpicker.scss). Thematiseert via de --adp-* variabelen. */
.air-datepicker {
    --adp-font-family: ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
    --adp-font-size: 12.8px;

    /* Boven bootbox/Bootstrap-modals (z-index ~1050): de kalender viel anders
       achter de dialoog (o.a. taken uitstellen) */
    --adp-z-index: 10600;

    --adp-color: #333333;
    --adp-color-secondary: #6b7280;
    --adp-accent-color: #396BC4 !important;
    --adp-color-current-date: #396BC4 !important;
    --adp-border-color: #cccccc;
    --adp-border-color-inner: #f1f3f5;

    /* Dag-namen (MA DI WO…): huisstijl-blauw als default; volgen de partner-kleur bij labeling. */
    --adp-day-name-color: #396BC4 !important;
    --adp-day-name-color-hover: #2f5aa6 !important;

    --adp-cell-background-color-selected: #396BC4 !important;
    --adp-cell-background-color-selected-hover: #2f5aa6 !important;
    --adp-cell-background-color-hover: rgba(57, 107, 196, 0.08);

    --adp-cell-background-color-in-range: rgba(57, 107, 196, 0.12);
    --adp-cell-background-color-in-range-hover: rgba(57, 107, 196, 0.2);
    --adp-cell-border-color-in-range: #396BC4;
    --adp-background-color-in-range: rgba(57, 107, 196, 0.12);
    --adp-background-color-in-range-focused: rgba(57, 107, 196, 0.2);

    --adp-nav-arrow-color: #6b7280;
    --adp-nav-color-secondary: #6b7280;

    --adp-btn-color: #396BC4;
    --adp-btn-color-hover: #2f5aa6;
    --adp-btn-background-color-hover: rgba(57, 107, 196, 0.08);
    --adp-btn-background-color-active: rgba(57, 107, 196, 0.16);

    --adp-time-track-color-hover: #396BC4;

    --adp-border-radius: 8px;
    --adp-cell-border-radius: 4px;
    --adp-btn-border-radius: 4px;

    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}