/*
 * SKONSOLIDOWANY PLIK STYLÓW DLA CAŁEJ WITRYNY
 * Zawiera style ogólne oraz style modernizacji Grid dla ships.php, index.php i drugi.php.
 */

/*********************
# STYLE OGÓLNE I MENU
************************/

#menu {
    border: 1px solid green;
    width: 100%;
    margin-bottom: 5px; 
    overflow: auto; 
    padding-top: 5px;
    padding-bottom: 5px;
    /* Spójne tło dla menu */
    background-color:rgba(0,0,0,0.6); 
}

ul {
    display: block;
    list-style: none; 
    margin: 0; 
    padding-left: 2px; 
}

ul li {
    float: left; 
    border: 1px solid white;
    margin-right: 2px; 
}
ul a:link, ul a:visited {
    text-decoration: none;
    display: block;
    width: 200px;
    text-align: center;
    background-color: grey;
    color: white;
    border: 1px outset silver;
    padding: 1px;
}

ul a:hover {
    border-style: inset;
    padding: 1px 1px 1px 3px;
    border: 1px solid red;
}

body
{
		background-size:contain;
		color: white;	
		background-attachment: fixed;
		background-size:100% 100%;
}

button
{
	margin-bottom: 5px;	
	margin-left: 50%;
}

/* Zachowane style dla tabel/td na innych podstronach (dla kompatybilności) */
table
{	
	background-color:rgba(0,0,0,0.2);
	margin: 2 auto;	
}
 td
{ 
	border: 1px solid green;
	background-color:rgba(0,0,0,0.5);	
}
#td1
{
	border: 3px solid red;
	background-color:rgba(0,0,0,0.5);	
	
}

input[type="number"]
            {
		    width: 100px; 
		    color: white; 
		    background-color: grey;
		    border: 1px  darkgreen;
		    font-family: Verdana,sans-serif;
		    font-size: 1em;
		    padding: 4px;
			margin : 4px;
		    text-align: center; 
			}

#main
{
	width: 95%; /* Płynna szerokość, którą wolisz  */
	margin: 1 auto; /* ORYGINALNY BŁĄD: Wartość "1" nie jest poprawna, powinno być np. "1px auto" lub "0 auto" */
	
    /* POPRAWIONE DLA WYŚRODKOWANIA */
	margin: 0 auto; /* Wyśrodkowanie bloku z góry i dołu bez marginesu, po bokach auto */
	max-width: 1800px; /* Dodane dla kontroli na ekstremalnie szerokich ekranach (opcjonalne) */
}


#midle
{	
	background-color:rgba(0,0,0,0.6); 
	border: 1px solid darkgreen;
	width: 100%	;
	margin-bottom: 5px;	
}
#footer
{
	background-color:rgba(0,0,0,0.8);	
	border: 1px solid darkgreen;
	width: 100%		
}

#formularz
{
	width:250 px;		
}

#TR_statki_db 
{
   background-color:rgba(100,100,100,100.3);
   color: #ffff99; 
}
/* ... (Pozostałe oryginalne ID i style) ... */
#TR_naglowek_przeciwnicy { background-color : lavender; }
#TR_naglowek_spotkania { background-color : lavender; }
#informacje_pojedyncze { background-color : #3E4040; }
#td_przyjaciele { background-color : #015E07; }
#td_wrogowie { background-color : #700101 ; }
#td_tytuly { background-color : #015E07 ; }
#td_ships_db { border: 0px solid silver; color: gold; }
#buy_stuff { border: 1px solid darkred; }
#sell_stuff { border: 1px solid navy; }
#empty { border: 0px; }
legend { color:white;  color: transparent;}
#aria-label { position: relative; color: red; }
#statek_czarny:hover { /* style */ }


/*********************
# Formularze (ships.php, index.php)
************************/

.tytul-sekcji {
    color: limegreen;
    font-size: 1.2em;
    padding: 5px;
    margin-bottom: 5px; 
}

/* Kontener Formularza (GRID: auto 1fr) */
#formularz-flex {
    display: grid;
    grid-template-columns: auto 1fr; 
    
    width: 100%; 
    margin-top: 2px;
    margin-bottom: 2px;
    margin-left: 0; 
    margin-right: 0;
    
    background-color:rgba(0,0,0,0.2); 
    border: 1px solid green; 
}

.form-wiersz {
    display: contents; 
}

/* Kolumna Etykiety (Lewa Strona) */
.form-etykieta {
    background-color: rgba(0,0,0,0.5); 
    padding: 4px;
    color: white; 
    border-right: 1px solid green; 
    border-bottom: 1px solid green; 
    display: flex;
    align-items: center; 
    text-align: left;
}

/* Kolumna Pola Wyboru (Prawa Strona) */
.form-pole-wyboru {
    background-color: rgba(0,0,0,0.5); 
    border-bottom: 1px solid green; 
    
    padding-top: 4px; 
    padding-right: 4px;
    padding-bottom: 4px;
    padding-left: 4px; 
    
    display: flex;
    align-items: center; 
    justify-content: flex-start; 
}

/* Usuwanie dolnych obramowań dla ostatniego wiersza */
#formularz-flex > .form-etykieta:last-of-type,
#formularz-flex > .form-pole-wyboru:last-of-type {
    border-bottom: none;
}
#formularz-flex > div:nth-last-child(2):not(.form-etykieta) {
    border-bottom: none;
}

/* --- WZORZEC PÓL FORMULARZA (SELECT/INPUT/BUTTONS) --- */

.form-pole-wyboru select, 
.form-pole-wyboru input[type="text"],
.form-pole-wyboru input[type="submit"],
.form-pole-wyboru input[type="number"],
.przycisk-czyszczenia {
    margin: 0 !important; 
    color: white; 
    background-color: grey;
    font-family: Verdana,sans-serif; 
    font-size: 12px; 
    padding: 4px;
    text-align: center; 
    box-sizing: border-box;
    width: auto;
}

.form-pole-wyboru select, 
.form-pole-wyboru input[type="text"],
.form-pole-wyboru input[type="number"] {
    border: 1px solid darkgreen; 
}

.form-pole-wyboru option {
    font-size: 12px;
    text-transform: none;
}

/* === WZORZEC PRZYCISKÓW (Wyświetl i Wyczyść) === */

.form-pole-wyboru input[type="submit"] {
    width: 100px;
    border: 1px outset silver; 
}

.przycisk-czyszczenia {
    width: 100px;
    border: 1px outset silver;
    text-decoration: none;
    display: inline-block;
    padding: 4px 8px; 
    white-space: nowrap; 
    margin-left: 5px !important; 
}

.przycisk-czyszczenia:hover {
    border-style: inset; 
    border-color: red;
    background-color: darkgrey; 
}


/*********************
# Wyświetlanie Danych (ships.php, index.php)
************************/

.statki-wyniki-container {
    background-color:rgba(0,0,0,0.2);
    margin-top: 2px;
    margin-bottom: 2px;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
}

/* Zewnętrzny kontener statku/kalkulatora definiuje układ Grid (auto 1fr) */
.statek-container {
    display: grid;
    grid-template-columns: auto 1fr; 
    
    border: 0px solid silver; 
    color: gold; 
    margin-bottom: 10px;
    margin-top: 10px; 
}

/* Nagłówek statku/wyniku */
.statek-naglowek {
    grid-column: 1 / 3; 
    display: grid;
    grid-template-columns: auto 1fr auto; 
    background-color:rgba(100,100,100,100.3); 
    color: #ffff99; 
    border-top: 1px solid green;
    border-bottom: 1px solid green; 
}

.statek-naglowek > div {
    padding: 4px;
    border-right: 1px solid green; 
    box-sizing: border-box;
}
.statek-naglowek .statek-wartosc { color: gold; }
.statek-naglowek > div:last-child { border-right: none; text-align: right; color: gold; }

/* Wiersz cech statku/kalkulatora */
.statek-wiersz { display: contents; }

/* Etykiety cech - Lewa Kolumna */
.statek-wiersz .statek-cecha {
    grid-column: 1; 
    background-color: rgba(0,0,0,0.5); 
    padding: 4px;
    border-right: 1px solid green; 
    border-top: 1px solid green; 
    color: white; 
    white-space: nowrap; 
}

/* Wartości cech - Prawa Kolumna */
.statek-wiersz .statek-wartosc {
    grid-column: 2; 
    background-color: rgba(0,0,0,0.5); 
    padding: 4px;
    border-top: 1px solid green; 
    color: white; 
}

/* Obrazek */
.statek-obrazek {
    grid-column: 1 / 3; 
    padding: 10px;
    background-color: rgba(0,0,0,0.5); 
    text-align: center;
    border-top: 1px solid green;
}


/*********************
# Generator (drugi.php, trzeci.php)
************************/

/* Nagłówki tabel generatora */
.gen-naglowek {
    background-color:rgba(100,100,100,0.5); 
    border: 1px solid green;
    text-align: center;
    padding: 4px;
    color: white;
}

/* Standardowe komórki wyników */
.gen-wynik {
    background-color:rgba(0,0,0,0.5); 
    border: 1px solid green;
    padding: 4px;
    color: white; 
    text-align: left !important; /* Wymuszamy wyrównanie do lewej */
}

/* Komórki Przyjaciel/Wróg */
.gen-przyjaciel {
    background-color:rgba(33, 186, 60, 0.4); 
    border: 1px solid green;
    padding: 4px;
    color: white;
}

.gen-przeciwnik {
    background-color:rgba(255, 0, 0, 0.4); 
    border: 1px solid green;
    padding: 4px;
    color: white;
}

/* Dodatkowe style dla Umiejętności (trzeci.php) */
.gen-wynik[style*="text-align: right"] {
    border-right: none !important; /* Usuń pionową ramkę między nazwą a wartością umiejętności */
}

fieldset {
    border: none;
    padding: 0; /* Opcjonalnie: usuwa też domyślny padding fieldset */
    margin: 0;  /* Opcjonalnie: usuwa domyślny margin fieldset */
}