/* Poprawki użyteczności (P1): logo jako link, nagłówki stron, aktywne menu, fokus, czytelność na telefonie.
   Wygląd retro bez zmian - tylko rozmiary, odstępy i stany. */

/* Tytuły stron (h1) wyglądają jak dawne h2 */
.contentCategory > h1 { color: #A106A7; font-size: 20px; font-weight: bold; }
.content h1 { font-size: 17px; font-weight: bold; padding: 0 10px; }
#logo h1 { font-size: 1em; }

/* Tytuły kafelków (h3 zamiast h6) */
.thumbnail .details h3 { border-bottom: 1px solid #979797; float: left; margin: -3px 3px 5px; width: 100%; font-size: 1.4em; font-weight: 400; color: #666; }
.rp-grid .thumbnail .details h3 { float: none !important; width: auto !important; margin: 0 0 5px; padding: 0 0 3px; border-bottom: 1px solid #f5a3ef; font-size: 13px; font-weight: bold; line-height: 1.25; color: #036; }
.rp-grid .thumbnail .details h3 a { color: #036; }

/* Aktywna pozycja menu */
#subNav a.active { color: #fb1bbf; text-decoration: none; }

/* Widoczny fokus klawiatury */
a:focus-visible, button:focus-visible { outline: 2px solid #fb1bbf; outline-offset: 2px; }

/* Tekst do lewej zamiast justowania (dziury między słowami w wąskich kolumnach) */
.content > p, .boxContent p, #description p, #textAdsBox p, .description, .gp-box p { text-align: left !important; }
.content > p { font-size: 12px; line-height: 1.5; }
.linkMap { font-size: 12px; }

/* Wyszukiwarka w pasku menu */
#navSearch { float: right; margin: 9px 14px 0 0; display: flex; gap: 4px; }
#navSearch input { width: 150px; height: 22px; padding: 0 6px; box-sizing: border-box; border: 1px solid #f580f0; border-radius: 4px; background: #fff; font-size: 12px; color: #036; }
#navSearch button { height: 22px; padding: 0 9px; border: 0; border-radius: 4px; background: #fb1bbf; color: #fff; font-size: 11px; font-weight: bold; cursor: pointer; }
#navSearch button:hover { background: #d4009c; }
.sr-info { padding: 8px 2px; font-size: 13px; line-height: 1.5; }

/* Strona 404 */
.nf-box { padding-bottom: 12px; }
.nf-box p { padding: 10px; font-size: 13px; line-height: 1.5; }
.nf-box ul { padding: 0 10px 6px; display: flex; flex-wrap: wrap; gap: 6px; }
.nf-box ul a { display: block; padding: 8px 12px; background: #fdc9fc; border: 1px solid #f580f0; border-radius: 5px; font-weight: bold; font-size: 13px; }
.nf-box ul a:hover { background: #fca5fa; }

@media (max-width: 1000px) {
	/* Menu: pigułki o wysokości wygodnej dla palca */
	#subNav { gap: 4px !important; }
	#subNav li a, #subNav strong { display: flex !important; align-items: center; min-height: 44px; box-sizing: border-box; padding: 0 9px !important; font-size: 13px; }
	#subNav li a.active { background: #fb1bbf !important; border-color: #fb1bbf; color: #fff; }

	/* Wyszukiwarka pod menu, na całą szerokość */
	#navSearch { float: none; margin: 6px 0 0; }
	#navSearch input { flex: 1; width: auto; height: 44px; font-size: 16px; padding: 0 10px; }
	#navSearch button { height: 44px; padding: 0 16px; font-size: 14px; }
	.contentCategory p.sr-info { font-size: 14px; }

	/* Okruszki i tytuły */
	.linkMap { font-size: 13px; padding-top: 0 !important; padding-bottom: 0 !important; }
	.linkMap a { display: inline-block; padding: 13px 0; }

	/* Strona główna: slider */
	#animViewer, #playerViewer { height: auto !important; min-height: 300px; }
	#slider { height: 300px; }
	#animHolder { height: 302px !important; }
	#movers-row { margin: 8px 0 4px !important; display: flex; justify-content: center; gap: 3px; }
	#movers-row div { width: auto !important; float: none !important; }
	#movers-row div a.cross-link { float: none !important; display: block; width: 32px !important; margin-top: 0 !important; text-decoration: none; }
	#movers-row .active-thumb { background: #fb1bbf !important; border-radius: 4px; color: #fff; }
	.nav-thumb { width: 32px !important; height: 36px !important; line-height: 36px; margin: 0 !important; font-size: 14px; }

	/* Strona główna: sekcje kategorii w 2 kolumnach, miniatury wypełniają boks */
	#gameSections { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
	#gameSections h2 { margin: 8px 8px 5px !important; font-size: 14px; }
	#gameSections .gameIcons { flex-wrap: nowrap !important; }
	#gameSections .gameIcons li { flex: 1 1 0; min-width: 0; width: auto !important; height: auto !important; padding: 5px !important; text-align: center; box-sizing: border-box; }
	#gameSections .gameIcons li a { display: block; font-size: 12px; line-height: 1.25; min-height: 96px; }
	#gameSections .gameIcons li img { display: block; margin: 0 auto 4px; max-width: 100%; height: auto; }
	#gameSections li li { padding-left: 24px !important; margin: 0 !important; background-position: 8px 15px !important; }
	#gameSections li li a { display: block; padding: 11px 4px 11px 0; font-size: 14px; line-height: 1.3; }
	#gameSections .gameIcons li { padding-left: 5px !important; }
	#hotGames li a { display: block; font-size: 13px; padding: 2px 0 6px; }

	/* Pasek boczny: listy i teksty */
	.boxContent li a, .gp-side .boxContent li a { display: inline-block; padding: 12px 0; font-size: 14px !important; }
	.boxContent li, .gp-side .boxContent li { padding: 0 !important; font-size: 14px; }
	#sideBar.rp-side .boxContent p, #sideBar.rp-side #textAdsBox p, #sideBar.rp-side #description p { font-size: 14px; }
	#textAdsBox > a { display: inline-block; padding: 10px 0 4px !important; font-size: 14px; }
	#textAdsBox .link { font-size: 12px; }
	.rp-more, .gp-more { padding-top: 12px !important; padding-bottom: 12px !important; background-position: 0 14px !important; font-size: 14px !important; }

	/* Kategorie */
	.rp-grid .thumbnail .details h3 { font-size: 15px; }
	.rp-grid .thumbnail .details h3 a { display: block; padding: 11px 0; }
	.rp-grid .thumbnail .details p { font-size: 13px; }
	ul.pagination.rp-pager li a, ul.pagination.rp-pager li span { font-size: 14px; padding: 12px 3px !important; }
	.nf-box ul a { padding: 12px 14px; }

	/* Strona gry */
	.gp-btn { min-height: 44px; padding: 0 18px !important; font-size: 14px !important; }
	.gp-toolbar, .gp-hint { font-size: 12px; }
	.gp-box p { font-size: 14px; }
	.gp-box h3, .gp-side .boxContent h3, #sideBar.rp-side h3, #sideBar.rp-side h4 { font-size: 14px !important; padding: 5px 8px !important; }
	.gp-related li a { display: block; font-size: 13px; padding-bottom: 6px; }

	/* VIP */
	.content > p { font-size: 14px; }
	.content h1 { font-size: 19px; }

	/* Stopka */
	#footer .center a { padding: 13px 12px !important; font-size: 14px; }
	#footer p { font-size: 12px; }
}