/**
 *
 *  __      ____  __ __  __
 *  \ \    / /  \/  |  \/  |
 *   \ \  / /| \  / | \  / |
 *    \ \/ / | |\/| | |\/| |
 *     \  /  | |  | | |  | |
 *      \/   |_|  |_|_|  |_|   Villaester Moderne Medien GmbH
 *
 * @package     Villaester.Module
 * @subpackage  CTAToolbar
 * @copyright   Copyright (C) 2025 Villaester Moderne Medien
 * @author      Mario Hewera & Kiki Schuelling
 * @license     GNU General Public License version 2 or later; see LICENSE.txt
 * @link        https://villaester.de
 * @version     1.0.0
 */

body {
    position: relative;
}
.ctaItemContainer .uk-link-toggle:hover .uk-link, .uk-link:hover, a:hover {
    text-decoration: none !important;
}

.ctaItemContainer .ctaItem:hover .iconText {
    text-decoration: underline;
}

.ctaItem > a {
    display: flex;
    align-items: center;
    gap: 20px;
    margin: 5px;
    padding: 5px;
    flex-direction: var(--cta-toolbar-direction);
    font-size: var(--cta-toolbar-fontSize);
}

.ctaItem {
    width: fit-content;
    position: relative;
    border-radius: var(--cta-toolbar-borderRadius);
}

.ctaItem:not(.ctaItemTab .ctaItem) {
    transition: 0.3s;
}

.itemIcon {
    font-size: var(--cta-toolbar-iconSize);
}

.ctaItem:not(.ctaToggleButton.ctaItem):hover {
    transform: var(--cta-toolbar-animation);
}

.ctaItem a:hover, .ctaItem a {
    background-color: transparent !important;
}

.ctaItemContainer {
    padding: 0;
    margin: 0;
}

#ctaDesktopContainer {
    position: fixed;
    transform: var(--cta-toolbar-translation);
    z-index: 9999999;
    display: flex;
    flex-direction: column;
    align-items: var(--cta-toolbar-toggleFlex);
}
#ctaMobileContainer .ctaItemContainer{
    list-style:none;
}
#ctaDesktopContainer .ctaItemContainer {
    list-style: none;
    display: flex;
    flex-direction: var(--cta-toolbar-containerDirection);
    z-index: 999999;
    gap: 3px;
    align-items: var(--cta-toolbar-alignItems);
    justify-content: var(--cta-toolbar-justifyContent);
    transform: translate(var(--cta-toolbar-toggleTranslation), 0px);
    transition: transform 0.5s;
    width: 0;
    height: 0;
    opacity: 0;
}
#ctaDesktopContainer .ctaItemContainer li {
    display: none;
}
#ctaDesktopContainer .ctaToggleButton {
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1em;
    background-color: var(--cta-toolbar-globalTextBackgroundColor);
    color: var(--cta-toolbar-globalTextColor);
    font-size: var(--cta-toolbar-iconSize);
    transition: 1s;
    margin-top: 10px;
}
#ctaDesktopContainer .ctaToggleButton:hover, #ctaDesktopContainer .ctaToggleButton:active {
    color: var(--cta-toolbar-globalTextHoverColor);
    background-color: var(--cta-toolbar-globalTextHoverBackgroundColor);
    scale: 110%;
}
#ctaDesktopContainer .show {
    transform: translate(0px, 0px);
    width: fit-content;
    height: auto;
    opacity: 1;
}
#ctaDesktopContainer .show li {
    display: block;
}

.ctaToggleButton.ctaItem {
    padding: unset !important;
}

.hide {
    display: none!important;
}