/* Stiluri generale pentru banner */
.klaro .cookie-modal {
    max-width: 800px; /* Lățimea maximă a bannerului */
    font-size: 18px; /* Dimensiunea textului */
    padding: 20px; /* Spațiere internă */
    border-radius: 10px; /* Colțuri rotunjite */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2); /* Umbra ferestrei */

 
}

/* Stiluri pentru titlul bannerului */
.klaro .cookie-modal .cm-header {
    font-size: 24px; /* Dimensiunea textului titlului */
    font-weight: bold;
    margin-bottom: 15px;
}

/* Stiluri pentru descriere */
.klaro .cookie-modal .cm-description {
    font-size: 16px; /* Dimensiunea textului descrierii */
    line-height: 1.5; /* Înălțimea liniei */
}

/* Stiluri pentru butoane */
.klaro .cookie-modal .cm-btn {
    font-size: 16px; /* Dimensiunea textului butoanelor */
    padding: 12px 20px; /* Spațiere internă a butoanelor */
    border-radius: 5px; /* Colțuri rotunjite ale butoanelor */
    margin-top: 10px;
}

/* Stiluri pentru butonul "Acceptă toate" */
.klaro .cookie-modal .cm-btn.cm-btn-success {
    background-color: #4CAF50; /* Culoare verde pentru acceptare */
    color: #fff;
}

/* Stiluri pentru butonul "Refuză toate" */
.klaro .cookie-modal .cm-btn.cm-btn-danger {
    background-color: #f44336; /* Culoare roșie pentru refuz */
    color: #fff;
}

/* Stiluri pentru butonul "Salvează setările" */
.klaro .cookie-modal .cm-btn.cm-btn-info {
    background-color: #2196F3; /* Culoare albastră pentru salvare */
    color: #fff;
}


.klaro .cookie-modal .cm-btn {
    font-size: 18px;
    padding: 15px 25px;
    border-radius: 8px;
}




.klaro .cookie-modal {

    color: #333; /* Text întunecat */
}





css
/* Stiluri generale pentru cookie-notice */
.cookie-notice {
    position: fixed; /* Fixează bara pe ecran */
    bottom: 0; /* Plasează bara în partea de jos */
    left: 0;
    width: 100%; /* Ocupă întreaga lățime a ecranului */
    background-color: #f9f9f9; /* Fundal deschis */
    color: #333; /* Text întunecat */
    font-size: 20px; /* Dimensiunea textului mai mare */
    padding: 30px; /* Spațiere internă generoasă */
    z-index: 9999 !important; /* Asigură-te că este deasupra altor elemente */
    box-shadow: 0px -4px 10px rgba(0, 0, 0, 0.2); /* Umbra ferestrei */
}

/* Stiluri pentru textul din cookie-notice */
.cookie-notice .message {
    font-size: 22px; /* Dimensiune mai mare pentru text */
    line-height: 1.5; /* Înălțimea liniei pentru lizibilitate mai bună */
    margin-bottom: 20px;
}

/* Stiluri pentru butoane */
.cookie-notice .btn {
    font-size: 18px; /* Dimensiunea textului butoanelor */
    padding: 15px 25px; /* Spațiere internă a butoanelor */
    border-radius: 5px; /* Colțuri rotunjite ale butoanelor */
    margin-right: 10px; /* Spațiere între butoane */
}

/* Buton Acceptă (verde) */
.cookie-notice .btn.accept {
    background-color: #4CAF50;
    color: #fff;
}

/* Buton Refuză (roșu) */
.cookie-notice .btn.decline {
    background-color: #f44336;
    color: #fff;
}

/* Responsivitate pentru mobil */
@media (max-width: 768px) {
    .cookie-notice {
        font-size: 18px; /* Dimensiune mai mică pe ecrane mici */
        padding: 15px;
    }

    .cookie-notice .message {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .cookie-notice .btn {
        font-size: 16px;
        padding: 12px 20px;
        margin-right: 8px;
    }
}

.cn-buttons { width: 100%;}

.cm-btn-danger { padding: 13px 0 !important;}
.cm-btn-success { padding: 15px 0 !important;}
.cm-btn-success, .cm-btn-danger{ width: 100%;}