/**
 * Opcjonalne style dostosowane do stylistyki strony Fainner
 * Ten plik można dołączyć po cookieconsent.css dla dodatkowych dostosowań
 */

/* Dostosowanie kolorystyki do strony Fainner */
:root {
    --cc-bg: #fff;
    --cc-text: #2d2d2d;
    --cc-btn-primary-bg: #8b4513;
    --cc-btn-primary-text: #fff;
    --cc-btn-primary-hover-bg: #6e3610;
    --cc-btn-secondary-bg: #e8e8e8;
    --cc-btn-secondary-text: #2d2d2d;
    --cc-btn-secondary-hover-bg: #d0d0d0;
    --cc-separator-border-color: #d4d4d4;
    --cc-cookie-category-block-bg: #f5f5f5;
    --cc-cookie-category-block-bg-hover: #ebebeb;
    --cc-section-border: #e1e1e1;
    --cc-cookie-table-border: #e1e1e1;
    --cc-overlay-bg: rgba(0, 0, 0, 0.6);
    --cc-webkit-scrollbar-bg: #ccc;
    --cc-webkit-scrollbar-bg-hover: #999;
}

/* Zaokrąglenie rogów zgodne ze stylem strony */
#cc-main .cm,
#cc-main .pm {
    border-radius: 8px;
}

#cc-main .cm__btn,
#cc-main .pm__btn {
    border-radius: 4px;
    font-weight: 600;
    transition: all 0.25s ease;
}

/* Cień dla modala */
#cc-main .cm,
#cc-main .pm {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}

/* Animacja przycisku */
#cc-main .cm__btn:hover,
#cc-main .pm__btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

/* Przełącznik kategorii */
#cc-main .section__toggle {
    transition: background-color 0.25s ease;
}

#cc-main .section__toggle.toggle--checked {
    background-color: #8b4513;
}

/* Responsywność */
@media screen and (max-width: 768px) {
    #cc-main .cm {
        width: 95%;
        max-width: 380px;
    }
}

/* Dostosowanie dla małych ekranów */
@media screen and (max-width: 480px) {
    #cc-main .cm {
        bottom: 10px;
        right: 10px;
    }
    
    #cc-main .cm__title {
        font-size: 1.1em;
    }
    
    #cc-main .cm__desc {
        font-size: 0.9em;
    }
}