/* Stile del testo nell'articolo */
.bibbia-tooltip {
    color: #2c3e50;
    border-bottom: 2px dotted #3498db;
    cursor: help;
    font-weight: 500;
}

/* POPUP BOOTSTRAP 5 - PULITO */
.tooltip.bibbia-popup-style {
    opacity: 1 !important;
    /* Riduciamo il ponte al minimo indispensabile */
    padding-top: 5px !important; 
    margin-top: -5px !important;
    pointer-events: auto !important; 
}

.bibbia-popup-style .tooltip-inner {
    background-color: var(--bibbia-bg) !important;
    color: var(--bibbia-text) !important;
    font-family: var(--bibbia-font) !important;
    font-size: var(--bibbia-size) !important;
    padding: 15px !important;
    border-radius: 8px !important;
    box-shadow: 0 8px 25px rgba(0,0,0,0.4) !important;
    max-width: 400px !important;
    text-align: left !important;
    pointer-events: auto !important; 
}


/* Header e Linea */
.bibbia-header {
    margin-bottom: 5px;
    font-weight: bold;
    font-size: var(--bibbia-size) !important;
}

.bibbia-sep {
    border: 0;
    border-top: 1px solid var(--bibbia-line);
    margin: 8px 0;
    opacity: 1;
}

/* Corpo con Scrollbar */
.bibbia-body {
    max-height: var(--bibbia-max-height);
    overflow-y: auto !important;
    /* Spazio extra a destra per facilitare la mira sulla scrollbar */
    padding-right: 20px !important; 
    line-height: 1.6 !important;
    scrollbar-width: thin;
    scrollbar-color: var(--bibbia-line) transparent;
    pointer-events: auto !important;
}

/* Scrollbar larga e facile da cliccare per Chrome, Edge, Safari */
.bibbia-body::-webkit-scrollbar {
    width: 12px !important; 
}

.bibbia-body::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.05);
    border-radius: 10px;
}

.bibbia-body::-webkit-scrollbar-thumb {
    background: var(--bibbia-line) !important;
    border-radius: 10px;
    /* Bordo di contrasto per rendere la barra un bersaglio più facile */
    border: 3px solid var(--bibbia-bg); 
}

.bibbia-body::-webkit-scrollbar-thumb:hover {
    background: #157a96 !important; 
}