/* _content/weddingapp/Shared/MainLayout.razor.rz.scp.css */
/* Og�lny uk�ad strony */
.page[b-x4r9pfh5xg] {
    display: flex;
    flex-direction: column; /* Wymusza pionowy uk�ad */
    align-items: stretch; /* Elementy rozci�gaj� si� na ca�� szeroko�� */
    min-height: 100vh;
    justify-content: flex-start; /* Wszystko uk�ada si� od g�ry */
}

/* Logo */
.header[b-x4r9pfh5xg] {
    text-align: center;
    width: 100%; /* Zapewnia pe�n� szeroko�� */
    /*margin-top: 20px;*/
    background-color: white;
}

.logo[b-x4r9pfh5xg] {
    max-width: 200px;
    height: auto;
    margin: 0 auto; /* Wy�rodkowanie */
    
}

/* G��wna tre�� */
.main-content[b-x4r9pfh5xg] {
    flex-grow: 1;
    width: 100%; /* Rozci�ga tre�� na ca�� szeroko�� */
    padding: 20px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column; /* Wymusza pionowy uk�ad tre�ci */
    background-color: white;
}

/* Stopka */
.footer[b-x4r9pfh5xg] {
    width: 100%;
    background-color: white;
    color: black;
    padding: 10px 0;
    font-size: 14px;
    margin-top: auto; /* Ustawia stopk� na dole */
}

/* Kontener dla tekstu i ikon */
.footer-content[b-x4r9pfh5xg] {
    display: flex;
    justify-content: space-between; /* Rozdziela tekst i ikony */
    align-items: center;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}

/* Napis w stopce */
.footer-text[b-x4r9pfh5xg] {
    text-align: center; /* Wy�rodkowanie tekstu */
    flex-grow: 1; /* Pozwala tekstowi zaj�� pozosta�� przestrze� */
}

/* Styl dla ikon spo�eczno�ciowych */
.social-icons[b-x4r9pfh5xg] {
    display: flex;
    justify-content: flex-end; /* Wyr�wnanie ikon do prawej */
    align-items: center;
}

.social-icon[b-x4r9pfh5xg] {
    margin-left: 15px;
}

.social-icon-img[b-x4r9pfh5xg] {
    width: 24px; /* Ustalona szeroko�� ikon */
    height: 24px; /* Ustalona wysoko�� ikon */
    transition: transform 0.3s ease;
}

    .social-icon-img:hover[b-x4r9pfh5xg] {
        transform: scale(1.2); /* Powi�kszenie ikony po najechaniu */
    }

/* _content/weddingapp/Shared/NavMenu.razor.rz.scp.css */
.navbar[b-r3f5ijd83x] {
    width: 100%; /* Menu zawsze zajmuje pe�n� szeroko�� */
    background-color: white; /* T�o menu */
    text-align: center;
    padding: 0 20px; /* Dodajemy troch� przestrzeni po bokach */
}

.navbar-nav[b-r3f5ijd83x] {
    justify-content: center; /* Wy�rodkowanie element�w */
    width: 100%;
    display: flex; /* Flexbox */
    align-items: center; /* Wy�rodkowanie element�w pionowo */
    flex-direction: row; /* Domy�lnie poziome elementy */
}

.nav-item[b-r3f5ijd83x] {
    display: flex;
    align-items: center; /* Wy�rodkowanie element�w nav-item w pionie */
    margin-left: 15px;
    margin-right: 15px;
}

.nav-icon[b-r3f5ijd83x] {
    width: 200px; /* Zmniejszona szeroko�� ikonki */
    height: auto; /* Wysoko�� dostosowana do proporcji */
}

/* Styl dla menu w pionie na ma�ych ekranach */
@media (max-width: 991px) {
    .navbar-nav[b-r3f5ijd83x] {
        flex-direction: column; /* Zmiana na pionowy uk�ad */
        align-items: center; /* Wy�rodkowanie element�w w pionie */
    }

    .nav-item[b-r3f5ijd83x] {
        margin: 10px 0; /* Zwi�kszone odst�py mi�dzy elementami w pionie */
    }

    .navbar-collapse[b-r3f5ijd83x] {
        display: block !important; /* Wymuszenie wy�wietlania menu */
        text-align: center; /* Wy�rodkowanie element�w wewn�trz menu */
    }

    .navbar-toggler[b-r3f5ijd83x] {
        margin-left: auto; /* Wy�rodkowanie przycisku hamburgera */
        margin-right: auto;
    }
}

.navbar .nav-link[b-r3f5ijd83x] {
    text-decoration: none;
    color: black !important;
    transition: color 0.3s ease;
    display: flex;
    align-items: center;
}

    .navbar .nav-link:hover[b-r3f5ijd83x] {
        color: #CF9003 !important; /* Kolor z�oty po najechaniu */
    }

    .navbar .nav-link.active[b-r3f5ijd83x] {
        color: #CF9003 !important;
        font-weight: bold; /* Opcjonalne pogrubienie aktywnej karty */
    }