/* === BAZA DLA WSZYSTKICH MENU === */
.offcanvas {
	width: 100% !important;
	max-width: 100%;
	border: none;
}

.offcanvas .offcanvas-header {
}

.offcanvas .offcanvas-body {
	margin: 5rem 3rem 1rem 3rem
}

/* === WSPÓLNE MENU LINKI === */
.offcanvas .navbar-nav {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
	margin-bottom: 2rem;
}

.offcanvas .nav-link {
	font-size: 1.5rem;
	color: white;
    text-transform: uppercase;
    border: none;
    transition: color 0.3s ease;
}

/* === PRZYCISK W OFFCANVASIE === */
.offcanvas .header-button-class {
	width: 100%;
}

/* === STOPKA OFFCANVASA === */
.offcanvas-footer {
    display: flex;
    flex-direction: row;
    gap: 0.75rem;
    opacity: 0.75;
    justify-content: center;
}

.offcanvas-footer a{
	color: white;
}

/* === CIEMNY MOTYW (STRONA GŁÓWNA) === */
.custom-offcanvas-dark {
	background: linear-gradient(235deg, #080F26 3.09%, #1D378C 32.62%, #080F26 56.78%);
	color: #fff;
}

/* === JASNY MOTYW (PODSTRONY) === */
.custom-offcanvas-white {
	background-color: #ffffff !important;
	color: #000;
}

.custom-offcanvas-white .header-button-class{
	color: black;
}

.custom-offcanvas-white .offcanvas-footer a {
	color: black !important;
}