@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import './utilities/_global.css';
@import './utilities/_root.css';



.floating-cookie-btn {
    position: fixed;
    left: 20px;
    bottom: 0;
    background-color: var(--color-gold); 
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 8px 8px 0 0;
    font-weight: bold;
    box-shadow: 0 4px 6px rgba(0,0,0,0.2);
    z-index: 9999;  
    cursor: pointer;
    font-size: 12px;
    transition: background-color 0.3s;
}

.list-cookies {
    padding: 1.5rem;
}

.list-cookies .description > p {
    color: white !important;
}

#cookies-bar, .sg-dialog__content{
    background-color: var(--color-gold) !important;
}

#cookies-bar > p{
    color: white;
}

#cookies-bar.cookies-bar {
    border-radius: 0 !important;
}

.btn-accept-all, .btn-disable-all, .sg-dialog__footer .btn-primary {
    background-color: white !important;
    color: var(--color-gold) !important;
    border: none;
}

#cookies-bar.cookies-bar::before {
    background: white !important;
}

.sg-dialog {
    border-radius: 0 !important;
    border: none !important;
}



@media (min-width: 1200px) {
    #cookies-bar.cookies-bar::before {
        align-self: center;
        width: 4.125rem;
        height: 4.125rem;
    }

    #cookies-bar.cookies-bar::before {
    mask-size: 4.125rem 4.125rem;
    }
}

@media (min-width: 1400px) {
    #cookies-bar.cookies-bar {
        width: calc(100% - 1.5rem);
        max-width: 1200px;
    }
}