/* =========================================================
   COOKIE BANNER — CLICK FIX
   ========================================================= */

/* Сам плавающий контейнер должен принимать клики */
.wt-cli-cookie-bar-container {
    position: fixed !important;

    left: 24px !important;
    right: auto !important;
    top: auto !important;
    bottom: 24px !important;

    width: auto !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    z-index: 999999 !important;

    transform: none !important;

    pointer-events: auto !important;
}


/* Все внутренние элементы тоже кликабельны */
.wt-cli-cookie-bar-container *,
#cookie-law-info-bar,
#cookie-law-info-bar *,
.cli-bar-container,
.cli-bar-container * {
    pointer-events: auto !important;
}


/* Сам баннер */
.wt-cli-cookie-bar-container #cookie-law-info-bar {
    position: relative !important;

    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;

    width: min(520px, calc(100vw - 48px)) !important;
    max-width: 520px !important;

    margin: 0 !important;
    padding: 22px 24px !important;

    background: #fff !important;

    border: 0 !important;
    border-radius: 16px !important;

    box-shadow:
        0 8px 32px rgba(0, 0, 0, .12) !important;

    z-index: 2 !important;
}


/* Cookie settings */
#cookie-law-info-bar .cli_settings_button {
    position: relative !important;
    z-index: 5 !important;

    cursor: pointer !important;
    pointer-events: auto !important;
}


/* Accept */
#cookie-law-info-bar .cli_action_button,
#cookie-law-info-bar #cookie_action_close_header {
    position: relative !important;
    z-index: 5 !important;

    cursor: pointer !important;
    pointer-events: auto !important;
}


/* =========================================================
   COOKIE MODAL BACKDROP
   ========================================================= */

/*
 * КРИТИЧНО:
 * backdrop по умолчанию не должен лежать поверх сайта.
 */
.cli-modal-backdrop {
    display: none !important;

    pointer-events: none !important;
}


/* Только когда модалка реально открыта */
.cli-modal-backdrop.cli-show,
.cli-modal-backdrop.show {
    position: fixed !important;

    inset: 0 !important;

    display: block !important;

    width: 100vw !important;
    height: 100vh !important;

    background: rgba(20, 25, 22, .35) !important;

    z-index: 999999 !important;

    pointer-events: auto !important;
}


/* =========================================================
   COOKIE SETTINGS MODAL
   ========================================================= */

.cli-modal {
    pointer-events: none !important;
}

.cli-modal[aria-hidden="true"] {
    display: none !important;
}

.cli-modal[aria-hidden="false"] {
    position: fixed !important;

    inset: 0 !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 100vw !important;
    height: 100vh !important;

    margin: 0 !important;
    padding: 20px !important;

    z-index: 1000000 !important;

    pointer-events: auto !important;
}

.cli-modal[aria-hidden="false"] *,
.cli-modal[aria-hidden="false"] .cli-modal-dialog,
.cli-modal[aria-hidden="false"] .cli-modal-content {
    pointer-events: auto !important;
}


/* Mobile */

@media (max-width: 640px) {

    .wt-cli-cookie-bar-container {
        left: 12px !important;
        right: 12px !important;
        bottom: 12px !important;
    }

    .wt-cli-cookie-bar-container #cookie-law-info-bar {
        width: 100% !important;
        max-width: none !important;
    }
}