/**
 * Säter A11y: Archive date picker (Duet Date Picker theming)
 */

.s-archive-filter .sater-a11y-date-sync {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.s-archive-filter duet-date-picker {
    display: block;
    width: 100%;
    font-size: 1rem;
    --duet-color-primary: var(--color-primary, #ae0b05);
    --duet-color-text: var(--color-black, #151515);
    --duet-color-text-active: var(--color-white, #ffffff);
    --duet-color-placeholder: var(--color-black, #151515);
    --duet-color-button: var(--color-form-fields, #f5f5f5);
    --duet-color-surface: var(--color-white, #ffffff);
    --duet-color-overlay: rgba(21, 21, 21, 0.5);
    --duet-color-border: var(--color-form-fields-border, rgba(21, 21, 21, 0.2));
    --duet-font: inherit;
    --duet-radius: calc(var(--base, 8px) * 0.25);
    --duet-z-index: 100000;
}

.s-archive-filter .c-field__inner--date duet-date-picker {
    flex: 1 1 auto;
    min-width: 0;
}

/* Municipio global table styles break the Duet calendar. */
.s-archive-filter duet-date-picker .duet-date__table th,
.s-archive-filter duet-date-picker .duet-date__table td {
    padding: 0;
    background: transparent;
    color: inherit;
    text-align: center;
}

.s-archive-filter duet-date-picker .duet-date__table {
    table-layout: fixed;
}

.s-archive-filter duet-date-picker .duet-date__table th.duet-date__table-header {
    padding: 6px 0;
    color: var(--duet-color-text-active);
    background-color: var(--duet-color-primary);
}

.s-archive-filter duet-date-picker .duet-date__day,
.s-archive-filter duet-date-picker .duet-date__day::before {
    border-radius: 0;
}