/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 18 2025 | 21:35:59 */
.tooltip-trigger {
    position: relative;
    display: inline;
    cursor: help;
    border-bottom: 1px dotted #212121;
    -webkit-tap-highlight-color: transparent;
}

.tooltip-content {
    position: absolute;
    bottom: calc(100% + 8px);
    left: 50%;
    transform: translateX(-50%);
    
    padding: 8px 16px;
    background: #212121;
    color: white;

    font-size: 13px;
    font-family: podkova;
    line-height: 1.5;

    border-radius: 4px;
    white-space: normal;

    z-index: 10000;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);

    display: none;
    
    width: max-content;
    max-width: 500px;
	height: fit-content;
    text-align: left;
    
    transition: transform 0.2s ease, opacity 0.2s ease;
}

/* Desktop : effet hover */
@media (min-width: 901px) {
    .tooltip-trigger:hover .tooltip-content {
        transform: translateX(-50%) skew(-5deg) scale(1.05);
    }
}

/* Mobile : pas d'effet hover */
@media (max-width: 900px) {
    .tooltip-content {
        width: 85vw;
        max-width: 400px;
    }
}