/**
 * @package     mod_cookiesaccept
 * @copyright   Copyright (C) 2015 - 2026 InSoft d.o.o. All rights reserved.
 * @license     Commercial; see LICENSE.txt
 *
 * Override the custom properties below (e.g. in the module's Custom CSS param) to restyle the banner.
 */

.mod-cookiesaccept {
    --mod-cookiesaccept-bg: rgba(255, 255, 255, 0.96);
    --mod-cookiesaccept-color: #000;
    --mod-cookiesaccept-border: #fff;
    --mod-cookiesaccept-link: #0089f2;
    --mod-cookiesaccept-accent: #0089f2;
    --mod-cookiesaccept-accent-color: #fff;
    --mod-cookiesaccept-shadow: 0 0 40px rgba(0, 0, 0, 0.35);
    --mod-cookiesaccept-z-index: 16777270;

    position: fixed;
    left: 0;
    right: 0;
    z-index: var(--mod-cookiesaccept-z-index);
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 1rem;
    background: var(--mod-cookiesaccept-bg);
    color: var(--mod-cookiesaccept-color);
    border: solid var(--mod-cookiesaccept-border);
    border-width: 1px 0;
    box-shadow: var(--mod-cookiesaccept-shadow);
    text-align: center;
    text-shadow: none;
    opacity: 0;
    transition: transform 0.4s ease, opacity 0.4s ease;
}

.mod-cookiesaccept[hidden] {
    display: none;
}

.mod-cookiesaccept--bottom {
    bottom: 0;
    transform: translateY(100%);
}

.mod-cookiesaccept--top {
    top: 0;
    transform: translateY(-100%);
}

.mod-cookiesaccept.is-visible {
    transform: none;
    opacity: 1;
}

.mod-cookiesaccept--black {
    --mod-cookiesaccept-bg: rgba(0, 0, 0, 0.88);
    --mod-cookiesaccept-color: #fff;
    --mod-cookiesaccept-border: #000;
    --mod-cookiesaccept-link: #7cc4ff;
}

.mod-cookiesaccept__inner {
    max-width: 60rem;
    margin: 0 auto;
}

.mod-cookiesaccept__title {
    margin: 0 0 0.25rem;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.2;
    color: inherit;
}

.mod-cookiesaccept__message {
    margin: 0 0 0.75rem;
    font-size: 0.9rem;
    line-height: 1.4;
    color: inherit;
}

.mod-cookiesaccept__more {
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
    font: inherit;
    font-weight: 700;
    color: var(--mod-cookiesaccept-link);
    text-decoration: underline;
    cursor: pointer;
}

.mod-cookiesaccept__accept {
    display: inline-block;
    min-width: 8rem;
    margin: 0;
    padding: 0.45rem 1.25rem;
    border: 0;
    border-radius: 3px;
    background: var(--mod-cookiesaccept-accent);
    color: var(--mod-cookiesaccept-accent-color);
    font: inherit;
    font-size: 0.9rem;
    line-height: 1.2;
    cursor: pointer;
}

.mod-cookiesaccept__accept:hover,
.mod-cookiesaccept__accept:focus-visible {
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.6);
}

.mod-cookiesaccept__dialog {
    position: relative;
    width: min(44rem, calc(100vw - 2rem));
    max-height: 80vh;
    padding: 2rem;
    border: 1px solid #999;
    border-radius: 4px;
    background: #fff;
    color: #000;
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.35);
    text-align: left;
    text-shadow: none;
}

.mod-cookiesaccept__dialog::backdrop {
    background: rgba(0, 0, 0, 0.5);
}

.mod-cookiesaccept__close {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    width: 2rem;
    height: 2rem;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #a00;
    color: #fff;
    font-size: 1.25rem;
    line-height: 1;
    cursor: pointer;
}

.mod-cookiesaccept__content {
    max-height: calc(80vh - 4rem);
    overflow: auto;
}

@media (prefers-reduced-motion: reduce) {
    .mod-cookiesaccept {
        transition: none;
    }
}