@tailwind base;
@tailwind components;
@tailwind utilities;

/* register */
.flag-icon {
    height: 24px;
    width: auto;
}

/*

.navbar-nav {
	display: flex;
	gap: 10px;
}
.navbar-nav .nav-item .nav-link {
	padding: 0.5rem 1rem;
}
.navbar-nav .nav-link i {
	font-size: 1.5rem;
}

/* wyświetlanie obrazka w measures */
a.podpowiedz span {
    display: none;
    position: absolute;
    margin: 15px 0 0 5px;
    background: #dddddd;
    border: 1px solid #999999;
    color: #000000;
    -moz-opacity: 0.8;
    opacity: .80;
    filter: alpha(opacity=80);
    text-align: center;
}

a.podpowiedz:hover span {
    display: inline;
}

/*
#producer-list {
    position: absolute;
    border: 1px solid #ddd;
    background: #fff;
    max-height: 200px;
    overflow-y: auto;
    z-index: 1000;
}

#producer-list ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#producer-list li {
    padding: 8px;
    cursor: pointer;
}

#producer-list li:hover {
    background-color: #f0f0f0;
}



.pagination {
    display: flex;
    justify-content: center;
    padding: 1rem;
}

.pagination li {
    list-style: none;
    margin: 0 0.5rem;
}

.pagination li a,
.pagination li span {
    display: block;
    padding: 0.5rem 1rem;
    color: #007bff;
    text-decoration: none;
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
}

.pagination li a:hover,
.pagination li span.current {
    background-color: #007bff;
    color: white;
    border-color: #007bff;
}

/* register */
.flag-icon {
    height: 24px; /* Możesz dostosować wysokość według potrzeb */
    width: auto;  /* Zachowuje proporcje obrazków */
}



/*
   .submenu {
            display: flex; ///Wyświetlanie w jednej linii 
            flex-direction: row; // Ustawienie elementów poziomo 
            position: absolute; //Pozycja absolutna względem rodzica 
            top: 100%; /* Odległość od górnej krawędzi kontenera 
            left: 0; /* Odległość od lewej krawędzi kontenera 
            background-color: #f8f9fa; /* Tło submenu 
            border: 1px solid #dee2e6; /* Obramowanie submenu 
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);  Cień submenu 
            z-index: 1000; /* Zapewnia, że submenu będzie wyświetlane nad innymi elementami 
            padding: 0; /* Usunięcie paddingu domyślnego 
            margin: 0; /* Usunięcie marginesu domyślnego 
        }
		



        .submenu li {
            list-style: none; // Usunięcie znaczników listy 
            margin: 0; Usunięcie marginesu domyślnego 
            padding: 0; // Usunięcie paddingu domyślnego 
        }

        // Styl dla linków w submenu 
        .submenu .dropdown-item {
            display: block; // Ustawienie linków jako blokowe 
            padding: 10px 20px; // Padding wewnętrzny 
            color: #212529; // Kolor tekstu 
            text-decoration: none; // Usunięcie podkreślenia linków 
            white-space: nowrap; // Zapewnia, że tekst nie łamie się na nowe linie 
        }

        /* Styl linków w submenu po najechaniu */
        .submenu .dropdown-item:hover {
            background-color: #e9ecef; /* Tło przy najechaniu kursorem */
        }

        /* Dodanie pozycji elementów dropdown */
        .nav-item.dropdown {
            position: relative; /* Pozycja względem rodzica */
        }
		
		
		/* Ikonki w menu podświetlane na zielono i czerwono (logout) */
		.navbar-nav .nav-link {
			transition: box-shadow 0.3s ease, transform 0.2s ease;
		}

		.navbar-nav .nav-link:hover {
			box-shadow: 0 0 10px #90ee90; /* jasnozielony cień */
			transform: scale(1.1); /* lekko powiększa ikonę (opcjonalnie) */
		}

		/* Logout z czerwonym cieniem */
		.navbar-nav .nav-item.logout-link .nav-link:hover {
			box-shadow: 0 0 10px #ff7f7f; /* jasnoczerwony cień */
		}