/* Slapukų juostos stiliai (jau turite) */
.cookie-consent {
    display: none; /* Paslėpta pagal nutylėjimą */
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #333;
    color: white;
    padding: 15px;
    text-align: center;
    box-shadow: 0 -2px 5px rgba(0,0,0,0.2);
    z-index: 1000;
}

.cookie-consent.show {
    display: block; /* Rodyti, kai aktyvuojama JavaScript */
}

.cookie-consent button {
    background-color: #007bff;
    color: white;
    border: none;
    padding: 8px 15px;
    cursor: pointer;
    margin-left: 10px;
    border-radius: 5px;
}

.cookie-consent a {
    color: #87CEEB; /* Šviesiai mėlyna nuorodos spalva */
    text-decoration: underline;
}

/* Modal (Popup) stiliai */
.modal {
    display: none; /* Paslėpta pagal nutylėjimą */
    position: fixed; /* Lieka vietoje netgi slenkant */
    z-index: 1001; /* Virš slapukų juostos */
    left: 0;
    top: 0;
    width: 100%; /* Užima visą plotį */
    height: 100%; /* Užima visą aukštį */
    overflow: auto; /* Leisti slinkti, jei turinys didelis */
    background-color: rgba(0,0,0,0.7); /* Pusiau permatomas fonas */
    padding-top: 60px; /* Atstumas nuo viršaus */
}

.modal-content {
    background-color: #fefefe;
    margin: 5% auto; /* 5% nuo viršaus ir centruota */
    padding: 20px;
    border: 1px solid #888;
    width: 90%; /* Plotis */
    max-width: 700px; /* Maksimalus plotis */
    border-radius: 8px;
    position: relative;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    animation-name: animatetop;
    animation-duration: 0.4s;
}

/* Animacija modalui iššokti */
@keyframes animatetop {
    from {top: -300px; opacity: 0}
    to {top: 0; opacity: 1}
}

.close-button {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
}

.close-button:hover,
.close-button:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

#modalContent {
    max-height: 70vh; /* Maksimalus aukštis turiniui */
    overflow-y: auto; /* Leisti slinkti tik turinio viduje */
    padding-right: 15px; /* Tam, kad nebūtų persidengimo su slinkties juosta */
}

/* Stiliai turiniui, įkeltam į modalą (kad atrodytų gerai be body stilių) */
#modalContent h1, #modalContent h2, #modalContent p, #modalContent ul {
    font-family: Arial, sans-serif; /* Naudokite tą patį šriftą */
    line-height: 1.6;
    color: #333;
}
#modalContent h1 { color: #0056b3; text-align: left; margin-bottom: 20px; } /* Pakeista į left */
#modalContent h2 { color: #007bff; border-bottom: 1px solid #eee; padding-bottom: 10px; margin-top: 20px; margin-bottom: 10px; }
#modalContent a { color: #007bff; text-decoration: none; }
#modalContent a:hover { text-decoration: underline; }
#modalContent strong { color: #000; }