/**
 * PrivacyKit – supplerende CSS (farver sættes som CSS-variabler af plugin'et)
 *
 * @package     PrivacyKit
 * @subpackage  com_privacykit
 *
 * @copyright   (C) 2026 Thrane.nu
 * @license     GNU General Public License version 2 or later; see LICENSE.txt
 */
.privacykit-floating {
    position: fixed;
    bottom: 16px;
    z-index: 2147483000;
    width: var(--pk-floating-size, 44px);
    height: var(--pk-floating-size, 44px);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: var(--pk-floating-bg, #30363c);
    color: var(--pk-floating-color, #fff);
    font-size: var(--pk-icon-size, 22px);
    line-height: 1;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
    cursor: pointer;
    opacity: .9;
    transition: opacity .2s, transform .2s;
}
.privacykit-floating:hover,
.privacykit-floating:focus-visible {
    opacity: 1;
    filter: brightness(1.08);
}
.privacykit-floating:focus-visible {
    outline: 2px solid var(--pk-floating-bg, #30363c);
    outline-offset: 3px;
}
.privacykit-floating svg,
.privacykit-floating img {
    width: var(--pk-icon-size, 22px);
    height: var(--pk-icon-size, 22px);
    object-fit: contain;
    display: block;
}
.privacykit-floating svg:not([fill]) { fill: currentColor; }
.privacykit-floating__icon::before { color: inherit; }
.privacykit-floating--left { left: 16px; }
.privacykit-floating--right { right: 16px; }
.privacykit-floating--bottom-center { left: 50%; margin-left: calc(var(--pk-floating-size, 44px) / -2); }
.privacykit-floating--middle-left,
.privacykit-floating--middle-right,
.privacykit-floating--center { bottom: auto; top: 50%; margin-top: calc(var(--pk-floating-size, 44px) / -2); }
.privacykit-floating--middle-left { left: 16px; }
.privacykit-floating--middle-right { right: 16px; }
.privacykit-floating--center { left: 50%; margin-left: calc(var(--pk-floating-size, 44px) / -2); }

/* Skjul den flydende knap, mens en af dialogerne er åben. */
.show--consent .privacykit-floating,
.show--preferences .privacykit-floating { display: none; }

#cc-main .cm__desc a,
#cc-main .pm__section-desc a { text-decoration: underline; }

@media print {
    .privacykit-floating { display: none; }
}