/* Campo data visuale: icona calendario a destra */
.cf-datepicker-input{
    padding-right:2.6rem !important;
    cursor:pointer;
    background-color:#fff;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg fill='none' stroke='%236c757d' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.25' y='3.5' width='11.5' height='10.25' rx='1.5'/%3E%3Cpath d='M5 2v3M11 2v3M2.5 6.5h11'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat:no-repeat;
    background-position:right .85rem center;
    background-size:1.05rem 1.05rem;
}
.cf-datepicker-input:disabled{
    cursor:not-allowed;
    background-color:var(--bs-secondary-bg, #e9ecef);
}
.cf-datepicker-popup{
    position:absolute;
    z-index:1085;
    display:none;
    width:300px;
    padding:10px;
    background:#fff;
    color:#212529;
    border:1px solid rgba(0,0,0,.16);
    border-radius:12px;
    box-shadow:0 14px 38px rgba(0,0,0,.18);
    user-select:none;
}
.cf-datepicker-popup.show{display:block;}
.cf-datepicker-head{
    display:grid;
    grid-template-columns:38px 1fr 38px;
    align-items:center;
    gap:4px;
    margin-bottom:8px;
}
.cf-datepicker-title{
    text-align:center;
    font-weight:700;
    text-transform:capitalize;
}
.cf-datepicker-nav{
    width:36px;
    height:36px;
    padding:0;
    border:0;
    border-radius:9px;
    background:transparent;
    color:inherit;
    font-size:24px;
    line-height:1;
}
.cf-datepicker-nav:hover{background:#f1f3f5;}
.cf-datepicker-weekdays,
.cf-datepicker-days{
    display:grid;
    grid-template-columns:repeat(7,1fr);
    gap:3px;
}
.cf-datepicker-weekday{
    padding:4px 0 6px;
    color:#6c757d;
    font-size:.72rem;
    font-weight:700;
    text-align:center;
    text-transform:capitalize;
}
.cf-datepicker-day{
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:0;
    height:34px;
    padding:0;
    border:0;
    border-radius:9px;
    background:transparent;
    color:inherit;
    font-size:.88rem;
}
button.cf-datepicker-day:hover:not(:disabled){background:#f1f3f5;}
.cf-datepicker-day.is-today{box-shadow:inset 0 0 0 1px #6c757d;}
.cf-datepicker-day.is-selected{
    background:#212529 !important;
    color:#fff;
    font-weight:700;
}
.cf-datepicker-day.is-disabled{opacity:.28;cursor:not-allowed;}
.cf-datepicker-day.is-empty{pointer-events:none;}
.cf-datepicker-foot{
    display:flex;
    justify-content:flex-end;
    margin-top:9px;
    padding-top:8px;
    border-top:1px solid #e9ecef;
}
@media (max-width:575.98px){
    .cf-datepicker-popup{width:calc(100vw - 16px) !important;max-width:340px;}
}