.titolo-cdv {
    font-weight: 700;
    height: 100px;
    overflow: auto;
}

.calendario-bandiere-container-cdv {
    display: grid;
    gap: 22px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    justify-content: start;
}

.evento-bandiera-cdv {
    --bdm-calendar-color: var(--bdm-color-default, #003a78);
    --bdm-calendar-color-soft: var(--bdm-color-default-pastel, #eaf3fb);
    border: 1px solid rgb(0 45 94 / 16%);
    border-top: 4px solid var(--bdm-calendar-color);
    padding: 20px;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    min-width: 0;
    width: 100%;
}

.evento-bandiera-cdv.bdm-calendar-area-bandiere {
    --bdm-calendar-color: var(--bdm-color-bandiere, #2091eb);
    --bdm-calendar-color-soft: var(--bdm-color-bandiere-pastel, #7cbff9);
}

.evento-bandiera-cdv.bdm-calendar-area-utilizzo {
    --bdm-calendar-color: var(--bdm-color-utilizzo, #ffa409);
    --bdm-calendar-color-soft: var(--bdm-color-utilizzo-pastel, #fff2d6);
}

.evento-bandiera-cdv.bdm-calendar-area-personalizzate {
    --bdm-calendar-color: var(--bdm-color-personalizzate, #6bb1c0);
    --bdm-calendar-color-soft: var(--bdm-color-personalizzate-pastel, #eaf6f8);
}

.evento-bandiera-cdv.bdm-calendar-area-accessori-bandiere {
    --bdm-calendar-color: var(--bdm-color-accessori-bandiere, #b94a3a);
    --bdm-calendar-color-soft: var(--bdm-color-accessori-bandiere-pastel, #f6e1e7);
}

.evento-bandiera-cdv .date-info-cdv,
.evento-bandiera-cdv .titolo-cdv {
    background: var(--bdm-calendar-color-soft);
}

.evento-bandiera-cdv .date-info-cdv {
    padding: 10px 12px 0;
}

.evento-bandiera-cdv .titolo-cdv {
    height: auto;
    min-height: 76px;
    overflow: visible;
    padding: 8px 12px 12px;
}

.evento-bandiera-cdv .product-image-cdv img {
    display: block;
    height: auto;
    margin: 16px auto;
    max-width: 100%;
}

.evento-bandiera-cdv .product-link-cdv {
    background: var(--bdm-calendar-color-soft);
    border-color: transparent;
    color: #1c5ee1;
    display: block;
    text-align: center;
}

.evento-bandiera-cdv .product-link-cdv:hover,
.evento-bandiera-cdv .product-link-cdv:focus {
    background: var(--bdm-calendar-color);
    color: #fff;
}

@media screen and (max-width: 980px) {
    .calendario-bandiere-container-cdv {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media screen and (max-width: 767px) {
    .calendario-bandiere-container-cdv {
        grid-template-columns: minmax(0, 1fr);
    }
}