/* ===== Виджет на фронтенде ===== */

#cookie-law-info-bar {
    position: fixed;
    z-index: 999999;
    width: var(--cn-width, 300px);
    max-width: calc(100vw - 2 * var(--cn-offset, 15px));
    max-height: 498px;
    overflow: auto;
    box-sizing: border-box;
    padding: var(--cn-padding, 25px 15px);
    background-color: var(--cn-bg, #262626);
    color: var(--cn-text, #ffffff);
    font-family: inherit;
    font-size: 14px;
    line-height: 1.5;
    border-radius: var(--cn-radius, 4px);
    box-shadow: var(--cn-shadow, 0 2px 10px rgba(0,0,0,0.25));
}

#cookie-law-info-bar span { color: var(--cn-text, #ffffff); }

#cookie-law-info-bar.cookie-notice-bottom-left  { left: var(--cn-offset, 15px); bottom: var(--cn-offset, 15px); }
#cookie-law-info-bar.cookie-notice-bottom-right { right: var(--cn-offset, 15px); bottom: var(--cn-offset, 15px); }
#cookie-law-info-bar.cookie-notice-top-left     { left: var(--cn-offset, 15px); top: var(--cn-offset, 15px); }
#cookie-law-info-bar.cookie-notice-top-right    { right: var(--cn-offset, 15px); top: var(--cn-offset, 15px); }

#cookie-law-info-bar .cli-plugin-button,
#cookie-law-info-bar .cookie_action_close_header {
    display: inline-block;
    margin-left: 8px;
    padding: var(--cn-btn-padding, 6px 14px);
    background-color: var(--cn-btn-bg, #b4966e);
    color: var(--cn-btn-text, #ffffff);
    border: none;
    border-radius: var(--cn-btn-radius, 4px);
    font-size: var(--cn-btn-font-size, 12px);
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: var(--cn-btn-transform, uppercase);
    text-decoration: none;
    cursor: pointer;
    transition: opacity 0.2s ease;
    line-height: 1.4;
    vertical-align: middle;
}
#cookie-law-info-bar .cli-plugin-button:hover,
#cookie-law-info-bar .cookie_action_close_header:hover { opacity: 0.85; }

#cookie-law-info-bar .cli-plugin-main-link,
#cookie-law-info-bar #CONSTANT_OPEN_URL {
    display: inline-block;
    margin-left: 8px;
    color: var(--cn-link, #b4966e);
    text-decoration: var(--cn-link-decoration, underline);
    font-size: var(--cn-link-font-size, 13px);
    vertical-align: middle;
}
#cookie-law-info-bar .cli-plugin-main-link:hover { opacity: 0.85; }

@media (max-width: 480px) {
    #cookie-law-info-bar {
        width: calc(100vw - 30px);
        left: 15px;
        right: 15px;
        max-width: none;
    }
}