body{
    font-family: Poppins, sans-serif;
    background-color: #ece5c6;
    /*user-select: none;  Disable text selection ODKOMENTOWAĆ*/


}

@font-face{
    font-family: "Poppins";
    src: url("../resources/fonts/Poppins-Regular.ttf") format(truetype);
    font-display: swap;
}

@font-face {
    font-family: "PP Acma Bold";
    src: url("../resources/fonts/PPAcma-Bold.otf") format(opentype);
    font-display: swap;
}
@font-face{
    font-family: "PP Acma Thin";
    src: url("../resources/fonts/PPAcma-Thin.otf") format(opentype);
    font-display: swap;
}

@font-face{
    font-family: "PP Acma Book";
    src: url("../resources/fonts/PPAcma-Book.otf") format(opentype);
    font-display: swap;
}

@font-face{
    font-family: "PP Acma Semibold";
    src: url("../resources/fonts/PPAcma-Semibold.otf") format(opentype);
    font-display: swap;
}


.navbar{
    background-color: #ad1739 !important;
    
}
.nav-link{
    color: #ece5c6;
}
.nav-link:hover{
    color: white;
}

.navbar-toggler {
    border-color: rgba(255, 255, 255, 0.5); /* Białe obramowanie */
}

.navbar-toggler-icon {
    filter: invert(1); /* Zamienia czarne elementy na białe */
}

.hero-section {
    position: relative;
    background: url('../resources/img/photos/19.webp') no-repeat center center;
    background-size: cover;
    color: white;
    padding: 5rem;
    border-radius: 0.3rem;
}

.hero-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3); /* Przyciemnienie */
    border-radius: 0.3rem;
    z-index: 1; /* Niższy indeks niż tekst */
}

.hero-content {
    position: relative;
    z-index: 2; /* Wyższy indeks niż pseudo-element */
}

.hero-button{
    background-color: #ad1739;
    border-color: #ad1739
}

.hero-button:hover{
    background-color: #891430;
    border-color: #891430
}

.hero-button:active{
    background-color: #891430 !important;
    border-color: #891430 !important;
    
}

.dropdown-menu{
    background-color: #891430;
}

.dropdown-item{
    color: #ece5c6;
}

.dropdown-item:hover{
    background-color: #ad1739;
    color: white;
    border-radius: 10px;
}

.navbar-nav .nav-item .dropdown-toggle.show {
    color: white !important; /* Biały tekst */
}