/* ============================================================
   Info popover (globale)
   Stili condivisi per icone info con popover Bootstrap.
   Gestione: sm/lib_scripts/info_popover.js
   ============================================================ */

.sm-info-trigger {
    color: #6c757d;
    cursor: default;
}

.sm-popover-light {
    --bs-popover-bg: #ffffff;
    --bs-popover-border-color: rgba(0, 0, 0, .15);
    --bs-popover-header-bg: #ffffff;
    --bs-popover-header-color: #212529;
    --bs-popover-body-color: #212529;
    --bs-popover-max-width: 460px;
    --bs-popover-box-shadow: 0 10px 28px rgba(0, 0, 0, .14);
}

.sm-popover-light .popover-body {
    line-height: 1.4;
    padding-right: 2.1rem;
}

.sm-popover-close {
    position: absolute;
    top: .25rem;
    right: .35rem;
    z-index: 5;
    width: 24px;
    height: 24px;
    border: 0;
    background: transparent;
    color: #6c757d;
    font-size: 1.15rem;
    line-height: 1;
    cursor: pointer;
}