/**
 * JRS Maandfilter 1.3.0 — styling specifiek voor Retraites-Nederland.nl.
 * De bestaande WP Grid Builder-datumfacet wordt niet gestyled of vervangen.
 * De gouden accentkleur wordt uit een Elementor-knop op dezelfde pagina gelezen.
 * Fallback: #b89153. Override mogelijk met shortcode kleur="#...".
 */
.jrs-maandfilter {
    --jrs-filter-accent: #333333!important;
    --jrs-filter-tekst: #292929;
    --jrs-filter-rand: #8b8b8b;
    --jrs-titel-kleur: #292929;
    --jrs-titel-gewicht: 500;
    --jrs-titel-familie: inherit;
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    color: var(--jrs-filter-tekst);
    font-family: inherit;
    font-size: 14px;
    line-height: 1.5;
    box-sizing: border-box;
}
.jrs-maandfilter *,
.jrs-maandfilter *::before,
.jrs-maandfilter *::after {
    box-sizing: border-box;
}
.jrs-maandfilter .jrs-maandfilter__fieldset {
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: none !important;
}

/* Identiek aan de opgegeven WP Grid Builder-facettitel. */
.jrs-maandfilter .jrs-maandfilter__titel {
    display: block !important;
    float: none !important;
    width: 100% !important;
    max-width: none !important;
    font-family: var(--jrs-titel-familie) !important;
    font-weight: var(--jrs-titel-gewicht) !important;
    font-size: 20px !important;
    line-height: 24px !important;
    padding: 0 !important;
    border: 0 !important;
    color: var(--jrs-titel-kleur) !important;
    text-align: left !important;
    text-transform: none !important;
    letter-spacing: normal !important;
	margin-top:10px!important;
	margin-bottom:10px!important;
	font-family: 'Raleway' !important;
}
.jrs-maandfilter .jrs-maandfilter__lijst {
    display: flex !important;
    flex-direction: column;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}
.jrs-maandfilter label.jrs-maandfilter__optie {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 9px !important;
    width: 100% !important;
    min-height: 32px;
    margin: 0 !important;
    padding: 4px 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    color: var(--jrs-filter-tekst) !important;
    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.45 !important;
    text-align: left !important;
    text-decoration: none !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    cursor: pointer;
}
/* Voorkom dat Elementor op :hover zijn eigen labelachtergrond toepast. */
.jrs-maandfilter label.jrs-maandfilter__optie:hover,
.jrs-maandfilter label.jrs-maandfilter__optie:focus-within {
    background: transparent !important;
    background-color: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}
.jrs-maandfilter input.jrs-maandfilter__radio {
    display: inline-block !important;
    position: static !important;
    flex: 0 0 15px !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    width: 15px !important;
    height: 15px !important;
    min-width: 15px !important;
    min-height: 15px !important;
    max-width: 15px !important;
    max-height: 15px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1.5px solid var(--jrs-filter-rand) !important;
    border-radius: 0% !important;
    background: #fff !important;
    background-color: #fff !important;
    background-image: none !important;
    box-shadow: none !important;
    transform: none !important;
    vertical-align: middle;
    cursor: pointer;
    transition: border-color .15s ease, background-color .15s ease;
	background-color:transparent!important;
}
.jrs-maandfilter input.jrs-maandfilter__radio:hover,
.jrs-maandfilter label.jrs-maandfilter__optie:hover input.jrs-maandfilter__radio {
    border-color: var(--jrs-filter-accent) !important;
}
.jrs-maandfilter input.jrs-maandfilter__radio:checked {
    border-color: var(--jrs-filter-accent) !important;
    background-color: var(--jrs-filter-accent) !important;
    background-image: radial-gradient(circle, #fff 0 3px, transparent 3.5px) !important;
}
.jrs-maandfilter input.jrs-maandfilter__radio:focus-visible,
.jrs-maandfilter button.jrs-maandfilter__meer:focus-visible,
.jrs-maandfilter button.jrs-maandfilter__wis:focus-visible {
    outline: 2px solid var(--jrs-filter-accent) !important;
    outline-offset: 3px;
}
.jrs-maandfilter input.jrs-maandfilter__radio:disabled {
    cursor: wait;
    opacity: .45 !important;
}
.jrs-maandfilter .jrs-maandfilter__maand {
    display: inline !important;
    margin: 0 !important;
    padding: 0 !important;
    color: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    transition: color .15s ease;
	font-family:'Open Sans'!important;
}
.jrs-maandfilter label.jrs-maandfilter__optie:hover .jrs-maandfilter__maand,
.jrs-maandfilter label.jrs-maandfilter__optie:focus-within .jrs-maandfilter__maand {
    color: var(--jrs-filter-accent) !important;
}
.jrs-maandfilter label.jrs-maandfilter__optie:has(input.jrs-maandfilter__radio:checked) .jrs-maandfilter__maand {
    color: var(--jrs-filter-accent) !important;
    font-weight: 600 !important;
}
.jrs-maandfilter button.jrs-maandfilter__meer,
.jrs-maandfilter button.jrs-maandfilter__wis {
    display: block !important;
    align-items: center;
    gap: 6px;
    width: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 3px 0 !important;
	padding-top:8px!important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    color: var(--jrs-filter-tekst) !important;
    font-family: inherit !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.5 !important;
    text-decoration: none !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    cursor: pointer;
    transition: color .15s ease !important;
}
.jrs-maandfilter button.jrs-maandfilter__meer:hover,
.jrs-maandfilter button.jrs-maandfilter__wis:hover {
    color: var(--jrs-filter-accent) !important;
    background: transparent !important;
    background-color: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
    text-decoration: underline !important;
}
.jrs-maandfilter .jrs-maandfilter__meer-icon {
    display: inline-block;
    font-size: 18px;
    font-weight: 400;
    line-height: .65;
    transition: transform .15s ease;
	margin-top:-8px;
}
.jrs-maandfilter .jrs-maandfilter__meer[aria-expanded="true"] .jrs-maandfilter__meer-icon {
    transform: rotate(180deg);
}
.jrs-maandfilter .jrs-maandfilter__status {
    margin: 8px 0 0 !important;
    color: #a32222;
    font-size: 12px;
    line-height: 1.5;
}
.jrs-maandfilter [hidden] { display: none !important; }
.jrs-maandfilter .jrs-maandfilter__visually-hidden {
    position: absolute !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    border: 0 !important;
}
.jrs-maandfilter button.jrs-maandfilter__wis[hidden],
.jrs-maandfilter button.jrs-maandfilter__meer[hidden],
.jrs-maandfilter label.jrs-maandfilter__optie[hidden],
.jrs-maandfilter .jrs-maandfilter__status[hidden] {
    display: none !important;
}