.gp-zgl-konto {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.gp-zgl-formularz-karta,
.gp-zgl-lista,
.gp-zgl-podglad {
	padding: 24px;
}

.gp-zgl-lista-ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.gp-zgl-lista-ul a {
	display: block;
	min-height: 44px;
	padding: 12px;
	border: 1px solid var(--gp-kolor-obrys, #d9d3cb);
	border-radius: 8px;
	text-decoration: none;
	color: var(--gp-kolor-tekst-glowny, #1f1b16);
	box-sizing: border-box;
}

.gp-zgl-pole {
	margin: 0 0 16px;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.gp-zgl-pole label,
.gp-zgl-typ legend {
	font-size: 14px;
	font-weight: 600;
}

.gp-zgl-pole input[type="text"],
.gp-zgl-pole input[type="email"],
.gp-zgl-pole input[type="tel"],
.gp-zgl-pole select,
.gp-zgl-pole textarea {
	min-height: 44px;
	padding: 10px 12px;
	border: 1px solid var(--gp-kolor-obrys, #d9d3cb);
	border-radius: 8px;
	font: inherit;
	box-sizing: border-box;
	width: 100%;
	background: var(--gp-kolor-karta-pole, #fcf8f4);
}

.gp-zgl-formularz .gp-zgl-radio,
.woocommerce-account .gp-zgl-radio {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	justify-content: flex-start !important;
	gap: 8px;
	min-height: 44px;
	font-weight: 400;
	float: none !important;
	width: auto !important;
	margin: 0 !important;
}

.gp-zgl-formularz .gp-zgl-typ,
.woocommerce-account .gp-zgl-typ {
	border: 0;
	padding: 0;
	margin: 0 0 16px;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	gap: 8px;
	align-items: flex-start;
}

.gp-zgl-dymek-btn {
	min-height: 44px;
	min-width: 44px;
	padding: 8px 12px;
	border: 1px solid var(--gp-kolor-obrys, #d9d3cb);
	border-radius: 8px;
	background: transparent;
	cursor: pointer;
	font: inherit;
}

.gp-zgl-dymek {
	flex: 1 0 100%;
	padding: 12px;
	background: var(--gp-kolor-pas-wyrozniony, #f3eee7);
	border-radius: 8px;
}

.gp-zgl-akcje .gp-przycisk-glowny,
.gp-zgl-link-zamowienia .gp-przycisk-glowny {
	min-height: 44px;
	min-width: 44px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 12px 20px;
}

.gp-zgl-link-zamowienia {
	margin-top: 16px;
}

/*
 * Szósta pozycja menu (Zgłoszenia) na wąskim ekranie nie mieści się w jednym
 * rzędzie motywu. Zawijamy tylko tu, zamiast skracać etykietę.
 */
@media (max-width: 782px) {
	.woocommerce-account .woocommerce-MyAccount-navigation ul,
	.woocommerce-account .gp-konto-menu {
		flex-wrap: wrap;
	}
}


/* --------------------------------------------------------------------------
   RODZAJ SPRAWY: TLO SPOZA NASZEGO SYSTEMU, 2026-09-07
   --------------------------------------------------------------------------
   Zmierzone na formularzu: `fieldset` dostawal `background-color: #FBFBFB`
   z arkusza globalnego WordPressa (regula obok pasow tabeli). Na kremowej
   karcie #FFFDF8 czytalo sie to jak przypadkowa szara plama pod jednym
   pytaniem. Nasze pola nie maja tla, wiec i to go nie ma.
   -------------------------------------------------------------------------- */
.gp-zgl-formularz .gp-zgl-typ,
.woocommerce-account .gp-zgl-typ {
	background-color: transparent;
}

/* --------------------------------------------------------------------------
   GALERIA WYBRANYCH ZDJEC
   --------------------------------------------------------------------------
   Miniatury pokazuja, co naprawde poleci na serwer. Bez nich klient widzial
   tylko nazwe ostatniego pliku i nie mial jak zauwazyc, ze poprzednie znikly.
   -------------------------------------------------------------------------- */
.gp-zgl-zdjecia-podpowiedz {
	margin: 6px 0 0;
	font-size: 13px;
	color: var(--gp-kolor-tekst-pomocniczy, #756d64);
}

.gp-zgl-galeria {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
	gap: 12px;
	margin: 12px 0 0;
	padding: 0;
	list-style: none;
}

.gp-zgl-galeria[hidden] {
	display: none;
}

.gp-zgl-galeria-poz {
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding: 8px;
	border: 1px solid var(--gp-kolor-obrys, #e2d9cc);
	border-radius: 8px;
	background-color: var(--gp-kolor-biel, #fffdf8);
}

.gp-zgl-galeria-foto {
	width: 100%;
	height: 90px;
	object-fit: cover;
	border-radius: 4px;
	display: block;
}

.gp-zgl-galeria-nazwa {
	font-size: 12px;
	line-height: 1.4;
	color: var(--gp-kolor-tekst-pomocniczy, #756d64);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.gp-zgl-galeria-usun {
	align-self: flex-start;
	padding: 0;
	border: 0;
	background: none;
	font: inherit;
	font-size: 13px;
	color: var(--gp-kolor-akcent, #ae4826);
	text-decoration: underline;
	text-underline-offset: 3px;
	cursor: pointer;
}

.gp-zgl-blad {
	margin: 10px 0 0;
	font-size: 14px;
	color: var(--gp-kolor-akcent, #ae4826);
}

.gp-zgl-blad[hidden] {
	display: none;
}