/* Zvýrazněný element s modrým rámečkem podobným tlačítkům */
.guide-highlight {
    position: relative;
    z-index: 10002; /* nad overlaym */
    background-color: #d9d9d9; /* světle bile pozadí */
    outline: 3px solid #FDA900; /* modrý rámeček */
    outline-offset: 5px; /* mezera mezi elementem a rámcem */
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.08); /* stín podobný MudPaper */
    border-radius: 4px;
    transition: box-shadow 0.3s ease;
}


/* Styl tlačítek v tooltipu */
#guide-tooltip button {
    background-color: #0C3197;
    color: white;
    border: none;
    padding: 0.5rem 1rem;
    border-radius: 4px;
    cursor: pointer;
    font-family: sans-serif;
}

    #guide-tooltip button:hover {
        background-color: #092a6f;
    }


.guide-box {
    position: absolute;
    background-color: white;
    padding: 15px;
    border-radius: 4px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.08);
    transition: transform 0.5s ease-in-out, opacity 0.3s ease;
    opacity: 1;
    /*z-index: 9999 !important;*/ /* Přidán vyšší z-index */
}

    .guide-box.moving {
        transform: scale(0.95); /* Zmenšení před přesunem */
        opacity: 0.5;
    }