/**
 * MEC Safe Full-Reload Filter
 */

/* Filter output */
.mec-safe-filter-output {
    width: 100%;
    margin-bottom: 20px;
}

/* Category row */
.mec-safe-category-row {
    display: flex;
    width: 100%;
    margin-bottom: 20px;
}

/* Date row */
.mec-safe-date-row {
    display: flex;
    width: 440px;
    max-width: 100%;
}

/* Past archive only needs the year */
.mec-past-archive .mec-safe-date-row {
    width: 260px;
}

/* Icon areas */
.mec-safe-icon {
    width: 45px;
    min-width: 45px;

    display: flex;
    align-items: center;
    justify-content: center;

    border: 1px solid #e5e5e5;
    border-right: 0;

    background: #fff;

    /* Elementor Accent Color */
    color: var(--e-global-color-accent);

    box-sizing: border-box;
}

.mec-safe-icon svg {
    width: 20px;
    height: 20px;
}

/* Dropdowns */
.mec-safe-filter-output select {
    height: 50px;

    margin: 0 !important;
    padding: 0 12px !important;

    border: 1px solid #e5e5e5 !important;
    border-radius: 0 !important;

    background: #fff !important;
    box-shadow: none !important;

    font: inherit;
    cursor: pointer;

    box-sizing: border-box;
}

/* Category */
.mec-safe-category {
    flex: 1;
    width: 100%;
}

/* Month / year */
.mec-safe-month {
    flex: 1.2;
}

.mec-safe-year {
    flex: 1;
    border-left: 0 !important;
}

/* Past archive has no month before the year */
.mec-past-archive .mec-safe-year {
    border-left: 1px solid #e5e5e5 !important;
}

/*
 * Hide MEC's native filter only after
 * our replacement was created successfully.
 */
.mec-real-reload.mec-safe-ready .mec-search-form {
    display: none !important;
}

@media (max-width: 500px) {
    .mec-safe-date-row {
        width: 100%;
    }
}