/**
 * Cookie Banner Component
 * Styles for cookie consent banner
 *
 * @package Bonusovekody
 * @since 2.0.0
 */
.cmplz-soft-cookiewall {
    z-index: 99999999 !important;
}

.cmplz-cookiebanner {
    border-radius: var(--radius-md) !important;
    margin: 10px auto !important;
    max-width: var(--container-max-width) !important;
    width: calc(100% - 20px) !important;
    grid-column-gap: 10px !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    bottom: 0 !important;
    left: 50% !important;
    top: initial !important;
    transform: translateX(-50%) !important;
}

.cmplz-cookiebanner .cmplz-message a {
    color: #2D7AE9 !important;
    display: block !important;
    margin-top: 10px !important;
}

.cmplz-cookiebanner .cmplz-message a:hover {
    text-decoration: underline !important;
}

.cmplz-cookiebanner .cmplz-title {
    color: #1A1A1A !important;
    font-weight: 700 !important;
}

.cmplz-message p {
    color: #666666 !important;
    margin-bottom: 0;
}

.cmplz-cookiebanner {
    grid-row-gap: 5px !important;
    grid-column-gap: 10px !important;
}

.cmplz-cookiebanner .cmplz-buttons .cmplz-btn {
    height: unset !important;
    align-items: center !important;
    justify-content: center !important;
    gap: var(--space-3) !important;
    padding: var(--button-padding-y) var(--button-padding-x) !important;
    font-family: var(--font-body) !important;
    font-size: var(--font-size-base) !important;
    font-weight: var(--font-weight-medium) !important;
    line-height: var(--line-height-base) !important;
    text-decoration: none !important;
    border: none !important;
    border-radius: var(--button-radius) !important;
    cursor: pointer !important;
    transition: all var(--transition-base) var(--ease-out) !important;
    box-shadow: var(--button-shadow) !important;
}

.cmplz-cookiebanner .cmplz-buttons .cmplz-btn:focus {
    outline: var(--space-1) solid var(--color-primary) !important;
    outline-offset: var(--space-1) !important;
}

.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept {
    background: var(--color-primary) !important;
    color: var(--white) !important;
}

.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept:hover {
    color: var(--white) !important;
    background: var(--color-primary-hover) !important;
    box-shadow: 0 var(--space-2) var(--space-3) rgba(0, 0, 0, 0.16) !important;
}

.cmplz-cookiebanner .cmplz-buttons {
    align-items: flex-start !important;
}

.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-view-preferences, .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-save-preferences {
    background: transparent !important;
    color: var(--color-primary) !important;
    padding: 10px 22px !important;
    border: var(--space-1) solid var(--color-primary) !important;
    box-shadow: none !important;
}

.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-view-preferences:hover, .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-save-preferences:hover {
    background: #EAF2FD !important;
    color: var(--color-primary) !important;
}

#cmplz-manage-consent .cmplz-manage-consent {
    color: #1A1A1A !important;
}

.cmplz-cookiebanner .cmplz-categories .cmplz-category {
    background: #EAF2FD !important;
    border-radius: 8px !important;
}

.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-category-title {
    font-weight: 500 !important;
    color: #1A1A1A !important;
}

.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-description {
    color: #666 !important;
}