/* Pagrindinis <footer> blokas visam puslapio apačios regionui */
footer {
    background-color: #020617; /* labai tamsus mėlynai juodas fonas */
    color: #CBD5F5;            /* šviesiai melsvas tekstas (default spalva footerio viduje) */
    padding-top: 40px;         /* tarpas viršuje, kad turinys „neprilipdytas“ prie krašto */
}

/* Viršutinė footerio dalis (pavadinimas, kontaktai, social ikonėlės) */
.footer-top {
    padding-bottom: 26px;                            /* tarpas apačioje nuo apatinės dalies */
    border-bottom: 1px solid rgba(148, 163, 184, 0.4); /* švelni horizontali linija skiria viršų nuo apačios */
}

/* Apatinė footerio juosta (copyright tekstas) */
.footer-bottom {
    padding: 16px 0;          /* vertikalūs tarpai viršuje ir apačioje */
    font-size: 0.85rem;       /* šiek tiek mažesnis šriftas (smulkus tekstas) */
    color: #94A3B8;           /* prigesinta melsvai pilka spalva – ne tokia ryški kaip viršuje */
}

/* Socialinių tinklų nuorodos footer'yje */
.social-links a {
    display: inline-flex;                      /* flex viduje, kad ikona gražiai centruotųsi */
    align-items: center;
    justify-content: center;
    width: 34px;                               /* fiksuotas kvadrato plotis */
    height: 34px;                              /* ir aukštis */
    border-radius: 50%;                        /* daro pilnai apvalų „burbuliuką“ */
    border: 1px solid rgba(148, 163, 184, 0.6);/* švelni melsva kraštinė */
    color: #E5E7EB;                            /* šviesi ikonų spalva */
    margin-right: 8px;                         /* tarpelis tarp ikonų */
    font-size: 1.1rem;                         /* truputį padidinta ikonos dydis */
    transition: background-color 0.15s ease,   /* sklandus fonos spalvos pasikeitimas */
                border-color 0.15s ease,       /* kraštinės spalvos pasikeitimas */
                transform 0.15s ease;          /* ir pozicijos (pakėlimas) pasikeitimas */
}

/* Hover efektas social ikonų burbuliukams */
.social-links a:hover {
    background-color: #E5E7EB; /* fonas pasidaro šviesus (baltesnis) */
    border-color: #E5E7EB;     /* kraštinė taip pat šviesi */
    color: #020617;            /* ikonos spalva – tamsi, kad matytųsi ant šviesaus fono */
    transform: translateY(-1px); /* šiek tiek „pakylam“ viršuje – suteikia gyvumo */
}