/* 2026-07-17 v1.1
 * - Added a hidden base state for the touch tooltip close control.
 */

.tooltip-close-button {
    display: none;
}
span.tooltip-wrapper {
    display: inline-block;
}
.tooltip-wrapper {
    cursor: help;
    position: relative;
}
*[tooltip] {
    position: relative;
}
*[tooltip]:after { 
     display: inline-block;
    content: attr(tooltip);
    top:calc(100% + 1px);
    right:calc(100% - 5px);
}
.tooltip-wrapper:not(:hover) .tooltip-text, 
*[tooltipxxx]:not(:hover):after {
    display: none;
}
*[tooltip] {

}
.tooltip-wrapper .tooltip-text {
     width: 200px;
}
.tooltip-wrapper .tooltip-text, *[tooltip]:after {
    position: absolute;
    
    background-color: #fff;
    padding: 5px;
    border:1px solid #ccc;
   
    max-width: 90vw;
    z-index: +1;
}
.tooltip-wrapper .tooltip-text {
     white-space: normal!important;   
}

.tooltip-wrapper[tooltip-vertical-align="top"] .tooltip-text,
.tooltip-wrapper:not([tooltip-vertical-align]) .tooltip-text {
    top: 0px;
}
.tooltip-wrapper[tooltip-horizontal-align="left"] .tooltip-text,
.tooltip-wrapper:not([tooltip-horizontal-align]) .tooltip-text {
    left: 0px;
}
.tooltip-wrapper[tooltip-vertical-align="bottom"] .tooltip-text {
    bottom: 0px;
}
.tooltip-wrapper[tooltip-horizontal-align="right"] .tooltip-text {
    right: 0px;
}

.tooltip-wrapper .tooltip-text, .tooltip-wrapper .tooltip-text * {
    color:#333;
    text-align: left;
}