@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap');

body {
    font-family: "Libre Baskerville", serif;
    font-weight: 400;
    font-style: normal;
}

nav {
    padding: 30px !important;
}

.navbarBg {
    background-color: #0a0a0a;
}

/* Mobil nézetben a nav-linkeket középre igazítja */
.navbar-nav {
    width: 100%;
    justify-content: center; /* Mobilon középre igazít */
}

/* Desktop nézetben jobbra igazítás */
@media (min-width: 992px) {
    .navbar-nav {
        justify-content: flex-end; /* Nagyobb képernyőkön jobbra igazítás */
    }
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    /* Ez fehérre változtatja a hamburger ikont */
}

.pDetails {
    font-size: 1.2rem;
    line-height: 1.6;
    margin-bottom: 1.5rem;
}

label {
    color: white !important;
}

input {
    background-color: black !important;
    color: white !important;
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 5px;
}

input::placeholder {
    color: lightgray !important;
}

select {
    background-color: black !important;
    color: lightgrey !important;
    border: 1px solid #ccc;
    padding: 10px !important;
    border-radius: 5px !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    /* Safari és Chrome */
    -moz-appearance: none !important;
    /* Firefox */
}

option {
    background-color: black !important;
    color: white !important;
}

footer {
    padding: 20px;
}