/**
 * Worklife Cookie Consent – nadpisanie zmiennych CSS biblioteki vanilla-cookieconsent.
 * Kolory dopasowane do palety serwisu worklife.pl
 *
 * @colorPrimary   #F9D500  – żółty akcent
 * @colorSecondary #306068  – ciemny teal
 * @colorThird     #76A8B4  – jasny niebieskozielony
 * @colorBgDark    #053941  – ciemne tło
 * @colorBgLight   #ddecec  – jasny tekst
 */

#cc-main {
    --cc-font-family: inherit;
    --cc-modal-border-radius: 12px;
    --cc-btn-border-radius: 6px;

    /* Tło i tekst modala */
    --cc-bg:                     #053941;
    --cc-primary-color:          #ddecec;
    --cc-secondary-color:        rgba(221, 236, 236, .7);
    --cc-separator-border-color: rgba(48, 96, 104, .8);

    /* Overlay */
    --cc-overlay-bg:      rgba(0, 0, 0, .67);
    --cc-overlay-opacity: 1;

    /* Przycisk główny – "Akceptuj wszystkie" */
    --cc-btn-primary-bg:                 #F9D500;
    --cc-btn-primary-color:              #053941;
    --cc-btn-primary-hover-bg:           #e6c400;
    --cc-btn-primary-hover-color:        #053941;
    --cc-btn-primary-border-color:       transparent;
    --cc-btn-primary-hover-border-color: transparent;

    /* Przycisk drugorzędny – "Tylko niezbędne" / "Dostosuj" */
    --cc-btn-secondary-bg:                 #306068;
    --cc-btn-secondary-color:              #ddecec;
    --cc-btn-secondary-hover-bg:           #3d7a84;
    --cc-btn-secondary-hover-color:        #ddecec;
    --cc-btn-secondary-border-color:       transparent;
    --cc-btn-secondary-hover-border-color: transparent;

    /* Przełączniki kategorii */
    --cc-toggle-on-bg:             #F9D500;
    --cc-toggle-off-bg:            rgba(48, 96, 104, .6);
    --cc-toggle-on-knob-bg:        #053941;
    --cc-toggle-off-knob-bg:       #ddecec;
    --cc-toggle-readonly-bg:       rgba(48, 96, 104, .3);
    --cc-toggle-readonly-knob-bg:  rgba(221, 236, 236, .4);
    --cc-toggle-enabled-icon-color:  #053941;
    --cc-toggle-disabled-icon-color: #ddecec;

    /* Bloki kategorii w panelu preferencji */
    --cc-cookie-category-block-bg:               rgba(48, 96, 104, .25);
    --cc-cookie-category-block-hover-bg:         rgba(48, 96, 104, .45);
    --cc-cookie-category-expanded-block-bg:      rgba(5, 57, 65, .85);
    --cc-cookie-category-expanded-block-hover-bg: rgba(48, 96, 104, .35);
    --cc-section-category-border:                rgba(48, 96, 104, .5);

    /* Linki i odznaki */
    --cc-link-color:       #76A8B4;
    --cc-link-hover-color: #ddecec;
    --cc-badge-bg:         rgba(48, 96, 104, .5);
    --cc-badge-color:      #ddecec;

    /* Ikona zamknięcia */
    --cc-btn-icon-color:       #ddecec;
    --cc-btn-icon-hover-color: #F9D500;

    /* Tabela cookies */
    --cc-cookie-table-border: rgba(48, 96, 104, .5);

    --cc-footer-bg: #053941;
    --cc-footer-border-color: rgba(48, 96, 104, .8);
}

/* Zapewnij widoczność modala nad Elementorem i innymi elementami */
#cc-main .cm-wrapper,
#cc-main .pm-wrapper {
    z-index: 99999;
}

/* Overlay – ciemne tło za modalem */
/*#cc-main::before {*/
/*    content: '';*/
/*    position: fixed;*/
/*    inset: 0;*/
/*    background: rgba(0, 0, 0, .65);*/
/*    z-index: -1;*/
/*}*/

/*.show--preferences #cc-main .cc--anim .pm-overlay {*/
/*    display: none;*/
/*}*/

#cc-main .cm {
    max-width: 34em;
}

/*.show--consent #cc-main .cc--anim.cm-wrapper:before {*/
/*    opacity: .7;*/
/*}*/

.pm__link {
    margin-left: 23px;
    position: relative;
}

.pm__link:before {
    content: "";
    position: absolute;
    left: -15px;
    top: 50%;
    width: 5px;
    height: 5px;
    opacity: 1;
    transform: translate(0, -50%);
    border-radius: 50%;
    background: rgb(249, 213, 0);
}

#cc-main .cm__footer .cm__links .cm__link-group a {
    font-weight: normal;
    color: var(--cc-secondary-color);
}