/**
 * S-Cloud — Hint helper CSS (v2.2.35)
 * Style pour les icônes "?" générées via hint() PHP
 */
.sc-hint {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #9ca3af;
    cursor: help;
    margin-left: 4px;
    vertical-align: middle;
    transition: color .15s ease, transform .15s ease;
    background: transparent;
    border: none;
    padding: 2px;
    border-radius: 50%;
    line-height: 0;
}

.sc-hint:hover,
.sc-hint:focus {
    color: #7C3AED;
    outline: none;
    transform: scale(1.1);
}

.sc-hint:focus-visible {
    box-shadow: 0 0 0 2px rgba(124,58,237,.3);
}

/* Override Bootstrap tooltip inner for branding */
.tooltip.show {
    opacity: 1;
}
.tooltip-inner {
    background: #1f2937;
    color: #fff;
    font-size: .78rem;
    padding: 6px 10px;
    border-radius: 6px;
    max-width: 280px;
    text-align: left;
    line-height: 1.4;
    box-shadow: 0 4px 12px rgba(0,0,0,.15);
}
.bs-tooltip-top .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before { border-top-color: #1f2937; }
.bs-tooltip-bottom .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::before { border-bottom-color: #1f2937; }
.bs-tooltip-start .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before { border-left-color: #1f2937; }
.bs-tooltip-end .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::before { border-right-color: #1f2937; }