/* Atiestatīt stilu */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Vispārējais izkārtojums */
body {
    font-family: 'Jost', sans-serif;
    background: #121212; /* Tumšs fons */
    color: #e0e0e0; /* Gaišs teksta krāsa */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100vh;
    margin: 0;
    overflow: hidden;
}

/* Konteiners */
.container {
    text-align: center;
    width: 90%;
    max-width: 1200px;
}

/* Galvene */
header h1 {
    font-size: 6vw;
    color: #ffffff;
    margin-bottom: 2rem;
    user-select: none; /* Novērš teksta iezīmēšanu */
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

/* Pogas konteiners */
.button-container {
    display: flex;
    justify-content: center;
    gap: 1rem;
    flex-wrap: wrap;
}

/* Vispārējais pogu stils */
.button {
    padding: 12px 24px;
    border: 2px solid #e0e0e0; /* Gaiši pelēka apmale */
    border-radius: 8px;
    font-size: 1rem;
    font-weight: 500;
    text-decoration: none;
    color: #e0e0e0; /* Gaiši pelēks teksts */
    background: transparent; /* Caurspīdīgs fons */
    text-align: center;
    transition: background-color 0.3s ease, color 0.3s ease, transform 0.2s ease;
    width: 10rem;
    user-select: none; /* Novērš teksta iezīmēšanu */
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

/* Efekts, kad pele ir virs pogas */
.button:hover {
    background-color: #e0e0e0; /* Gaiši pelēks fons, kad pele ir virs */
    color: #121212; /* Tumšs teksts, kad pele ir virs */
    transform: translateY(-3px); /* Neliela pacelšana uz augšu */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); /* Viegla ēna */
}

/* Noņemt noteiktu pogu stilus */
.login-btn,
.signin-btn {
    /* Noņem iepriekšējos fona gradientus */
    background: none;
    border-color: #e0e0e0; /* Nodrošina, ka apmales krāsa ir vienāda */
}

/* Kājene */
footer {
    position: absolute;
    bottom: 20px;
    right: 20px; /* Izvieto kājeni apakšējā labajā stūrī */
    display: flex;
    gap: 0.8rem; /* Pielāgots attālums starp ikonām */
    justify-content: flex-end; /* Nodrošina horizontālu izlīdzināšanu */
    align-items: center;
}

/* Sociālo mediju ikonas */
.social-media a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px; /* Apļa izmērs */
    height: 36px;
    border-radius: 50%;
    background: #333; /* Tumšs apļa fons ikonām */
    transition: background 0.3s ease, transform 0.3s ease;
}

.social-media img {
    width: 28px; /* Ikonas izmērs */
    height: 28px;
    filter: brightness(1) invert(1); /* Baltas ikonas */
}

.social-media a:hover {
    background: #e0e0e0; /* Gaiši pelēks efekts, kad pele ir virs */
    transform: scale(1.1); /* Neliels palielinājums, kad pele ir virs */
}

/* Mediju vaicājumi responsivitātei */
@media (max-width: 768px) {
    header h1 {
        font-size: 8vw;
    }

    .button {
        width: 100%;
    }

    .button-container {
        flex-direction: column;
        gap: 1rem;
    }

    footer {
        bottom: 10px;
        right: 10px;
    }
}

@media (max-width: 480px) {
    .social-media a {
        width: 32px; /* Pielāgots apļa izmērs mazākiem ekrāniem */
        height: 32px;
    }

    .social-media img {
        width: 24px; /* Ikonas izmērs joprojām lielāks nekā apļi */
        height: 24px;
    }
}
