/* 2026-07-17 v1.1
 * - Limited hover-open tooltip styling to non-touch devices.
 */

.tooltip-wrapper .tooltip-text, *[tooltip]:after, .tooltip-freemode-window  {
    box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.05);
    border:1px solid var(--linecolorlight);
    background-color: #fff;
    padding: 10px;
    margin-left: 5px;
    border-radius: var(--border-radius-sm,5px);
}
.tooltip-wrapper .tooltip-text, 
body:not(.is-touch-device)  *[tooltip]:not(:hover):after  {
    display: block!important;
    opacity: 0;
    transition: 0.2s ease opacity 0.2s!important;
	pointer-events: none;
}
body:not(.is-touch-device)  .tooltip-wrapper:not(:hover) .tooltip-text, 
body:not(.is-touch-device) *[tooltip]:not(:hover):after  { 
    width: 1px;
    height: 1px;
    overflow: hidden!important;
    min-width: 0px!important;
    min-height: 0px!important;
    padding: 0px!important;
}
body:not(.is-touch-device) .tooltip-wrapper:hover .tooltip-text,
body:not(.is-touch-device) *[tooltip]:hover:after  {
    opacity: 1;   
    z-index: 99999999;
  
}
@media only screen and (min-width: 600px) {
    .tooltip-wrapper .tooltip-text {
        display: inline-block;
        min-width: 240px;
        width: auto;
        max-width: 360px;
    }
    .tooltip-wrapper .tooltip-text:has(.float-left) {
        min-width: 320px;
        width: auto;
        max-width: 360px;
    }
    

}
.tooltip-wrapper .tooltip-text > *, *[tooltip]:after {
    line-height: 1!important;
}
.tooltip-wrapper .tooltip-text, .tooltip-wrapper .tooltip-text p, *[tooltip]:after { 
    font-size:12px;
  /*  font-family: verdana;*/
    line-height: 16px;
}
.tooltip-wrapper .tooltip-text *:not(strong), *[tooltip]:after {
    font-weight: normal!important;
}
.tooltip-wrapper .tooltip-text > *:first-child {
     margin-top: 0px;
    padding-top: 0px;
}
.tooltip-wrapper .tooltip-text > *:last-child {
     margin-bottom: 0px;
    padding-bottom: 0px;
}

/*FREEMODE TTOLTIPS:*/
@media only screen and (max-width:660px) {
	.tooltip-freemode-window-wrapper {
		padding-bottom: 50px!important;

	}
	
	.tooltip-freemode-window  {
    	box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.05), 0px 0px 0px 1000px rgba(0,0,0,0.15) ;
		
	}
	.tooltip-freemode-window-inner {
		padding-bottom: 20px;
	}

	
}


.tooltip-freemode-window-close-btn { 
	margin-left: -20px;
	margin-top: -20px;
	background-color: #fff;
	width: 40px!important;
	height: 40px!important;
	border-radius: 20px;
	border:1px solid var(--colorgreen);
	text-align: center;
	line-height: 40px;
}
.tooltip-freemode-window-close-btn, .tooltip-freemode-window-close-btn > * {
	color:var(--colorgreen);
	
}
.tooltip-freemode-window-close-btn:hover, .tooltip-freemode-window-close-btn:hover > *,
.tooltip-freemode-window-close-btn:active, .tooltip-freemode-window-close-btn:active > * {
 	color:#fff;
	border-color: var(--colorgreen);
	background-color:var(--colorgreen);
}
.tooltip-freemode-window-inner img {
	border-radius: 3px;	
	border:1px solid #ccc;
}