/* css/style.css */
body {
    font-family: 'Inter', sans-serif;
    background-color: #f0f4f8; 
    background-image: url("data:image/svg+xml,%3Csvg width='360' height='360' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='rgba(0,0,0,0.022)'%3E%3C!-- Stones (doubled size) --%3E%3Cellipse cx='80' cy='100' rx='24' ry='16' transform='rotate(-25 80 100)'/%3E%3Cellipse cx='260' cy='240' rx='30' ry='18' transform='rotate(30 260 240)'/%3E%3Cellipse cx='180' cy='60' rx='20' ry='12' transform='rotate(10 180 60)'/%3E%3Cellipse cx='60' cy='280' rx='22' ry='14' transform='rotate(-10 60 280)'/%3E%3Cellipse cx='300' cy='120' rx='18' ry='10' transform='rotate(20 300 120)'/%3E%3C!-- Scale 1 (doubled size) --%3E%3Crect x='57' y='40' width='6' height='36' /%3E%3Crect x='36' y='36' width='48' height='6' /%3E%3Ccircle cx='36' cy='60' r='10' /%3E%3Ccircle cx='84' cy='60' r='10' /%3E%3C!-- Scale 2 (doubled size) --%3E%3Crect x='257' y='200' width='6' height='36' /%3E%3Crect x='236' y='196' width='48' height='6' /%3E%3Ccircle cx='236' cy='220' r='10' /%3E%3Ccircle cx='284' cy='220' r='10' /%3E%3C/g%3E%3C/svg%3E");
}
.vote-button {
    transition: all 0.3s ease;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    position: relative; 
}
.vote-button:hover:not(:disabled) {
    transform: translateY(-2px);
    box-shadow: 0 6px 10px rgba(0,0,0,0.15);
}
.vote-button:active:not(:disabled) {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.disabled-button {
    opacity: 0.6;
    cursor: not-allowed;
}
.result-bar-container {
    background-color: #e2e8f0; 
    border-radius: 0.375rem; 
    overflow: hidden;
    height: 2rem; 
}
.result-bar {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-weight: bold;
    transition: width 0.5s ease-in-out;
}
/* Stiliai modalų turiniui */
.modal-body h3 {
    font-size: 1.125rem; 
    font-weight: 600; 
    color: #374151; 
    margin-top: 1rem;
    margin-bottom: 0.5rem;
}
.modal-body p, .modal-body li, .modal-contact-info div {
    font-size: 0.875rem; 
    line-height: 1.6;
    color: #4b5563; 
    margin-bottom: 0.75rem;
}
.modal-body ul {
    list-style-type: disc;
    padding-left: 1.5rem; /* Atitraukimas sąrašui */
    margin-left: 0; /* Nuimame numatytą margin */
    margin-bottom: 0.75rem;
}
/* Pašalinti seni naujausių balsų sąrašo stiliai */
/* #latest-votes-list, #latest-votes-list li, etc. */

/* Stiliai naujausių balsų lentelei */
#latest-votes-table-body td {
    padding-top: 0.5rem; /* py-2 */
    padding-bottom: 0.5rem;
    padding-left: 1rem; /* px-4 */
    padding-right: 1rem;
    border-bottom: 1px solid #e5e7eb; /* gray-200 */
}
#latest-votes-table-body tr:last-child td {
    border-bottom: none; /* Nuimame apatinę liniją paskutinei eilutei */
}
#latest-votes-table-body .vote-city {
     font-weight: 500; /* medium */
 }
#latest-votes-table-body .vote-time {
     color: #6b7280; /* gray-500 */
     font-size: 0.75rem; /* text-xs */
     text-align: right;
 }

.honeypot-field {
    position:absolute; 
    left:-5000px;
    opacity: 0;
    width: 0;
    height: 0;
}
.facebook-section {
    margin-top: 2rem;
    margin-bottom: 1rem;
    padding: 1rem;
    background-color: #e0f2fe;
    border-radius: 0.5rem;
    border: 1px solid #bae6fd;
}
.facebook-link {
    display: inline-flex;
    align-items: center;
    background-color: #3b5998;
    color: white;
    padding: 0.5rem 1rem;
    border-radius: 0.375rem;
    text-decoration: none;
    font-weight: 500;
    transition: background-color 0.3s ease;
}
.facebook-link:hover {
    background-color: #2d4373;
}
.facebook-link svg {
    margin-right: 0.5rem;
}
/* Tooltip stiliai (paliekami, nes specifiniai) */
.tooltip {
    position: absolute;
    bottom: 100%; 
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: 0.5rem; 
    background-color: #1f2937; 
    color: white;
    padding: 0.5rem 0.75rem; 
    border-radius: 0.375rem; 
    font-size: 0.75rem; 
    z-index: 10;
    width: max-content; 
    pointer-events: none; 
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
}
.disabled-button.group:hover .tooltip { 
    opacity: 1;
}
.explanation-text {
    font-size: 0.875rem; /* text-sm */
    color: #4b5563; /* gray-600 */
    margin-top: 0.5rem; /* mt-2 */ 
    margin-bottom: 2rem; /* mb-8 */
    padding-left: 1rem; /* pr-4 */
    padding-right: 1rem; /* pl-4 */
    max-width: 90%; 
    margin-left: auto;
    margin-right: auto;
}
#message-area a {
    text-decoration: underline;
    cursor: pointer;
    color: inherit; 
}
#message-area a:hover {
    opacity: 0.8;
}
#total-votes-container {
    cursor: pointer;
    display: inline-block; 
    transition: color 0.2s;
}
#total-votes-container:hover {
    color: #2563eb; 
}
/* Papildomas stilius modal body slinkimui */
.modal-body-scrollable {
    overflow-y: auto;
    /* max-height: 60vh; */ 
}