/* Strona główna i kategorie - dopracowanie w dawnym stylu (różowe boksy) */

/* Pasek boczny: różowe ramki z różowym paskiem nagłówka */
#sideBar.rp-side .boxContent, #sideBar.rp-side #description, #sideBar.rp-side #textAdsBox { border: 3px solid #fca5fa; border-radius: 8px; background: #fff; padding: 6px 10px 10px; margin: 10px 0 0; box-sizing: border-box; width: auto !important; height: auto !important; float: none !important; clear: both; }
#sideBar.rp-side h3, #sideBar.rp-side h4 { margin: 4px 0 8px !important; padding: 2px 6px !important; background: #fca5fa; border: 1px solid #f580f0; border-radius: 4px; font-size: 12px !important; font-weight: bold; color: #000 !important; }
#sideBar.rp-side hr { display: none; }
#sideBar.rp-side .boxContent ol { margin: 0 0 0 4px; padding: 0 0 0 22px; float: none; }
#sideBar.rp-side .boxContent li { padding: 2px 0; }
#sideBar.rp-side .boxContent li a { font-size: 12px; }
#sideBar.rp-side .boxContent p, #sideBar.rp-side #textAdsBox p, #sideBar.rp-side #description p { width: auto !important; padding: 0 2px 6px; font-size: 12px; line-height: 1.5; text-align: left; }
#sideBar.rp-side #textAdsBox a { padding: 0; }
#sideBar.rp-side .block_300x250 { margin: 0; }

/* Opis na stronie głównej: zwinięty z przyciskiem "Weiterlesen" */
#sideBar.rp-side .welcome { width: auto !important; height: auto !important; max-height: 150px; overflow: hidden; padding: 0 2px !important; position: relative; transition: max-height .25s ease; }
#sideBar.rp-side .welcome:after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 46px; background: linear-gradient(180deg, rgba(255,255,255,0) 0%, #fff 100%); pointer-events: none; }
#sideBar.rp-side .welcome.open { max-height: 4000px; }
#sideBar.rp-side .welcome.open:after { display: none; }
.rp-more { display: block; margin: 6px 0 0; padding: 0 0 0 17px; background: url("images/bullet_blue_right-1.gif") no-repeat 0 1px; font-size: 12px; font-weight: bold; color: #036; }

/* Kategorie: równe kafelki bez pustych miejsc */
.rp-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin: 8px 0 0; }
.rp-grid .thumbnail { display: block !important; float: none !important; position: static; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 0 8px !important; box-sizing: border-box; border: 2px solid #fca5fa; border-radius: 6px; background: #fff; overflow: hidden; }
.rp-grid .thumbnail > a { display: block; line-height: 0; }
.rp-grid .thumbnail img { display: block; width: 100% !important; height: auto !important; border-radius: 0; }
.rp-grid .thumbnail .details { display: block; float: none !important; margin: 7px 0 0; padding: 0 8px; font-size: 12px; }
.rp-grid .thumbnail .details h6 { 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 h6 a { color: #036; }
.rp-grid .thumbnail .details p { margin: 0; font-size: 11.5px; line-height: 1.4; color: #444; }
.rp-grid .thumbnail:hover { border-color: #fb1bbf; }

/* Paginacja w różowych pigułkach */
ul.pagination.rp-pager { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px; margin: 14px 0 6px; padding: 0; clear: both; }
ul.pagination.rp-pager li { float: none !important; margin: 0 !important; padding: 0 !important; width: auto !important; background: none !important; border: 0 !important; }
ul.pagination.rp-pager li a, ul.pagination.rp-pager li span { display: block; min-width: 30px; padding: 6px 8px; box-sizing: border-box; text-align: center; background: #fdc9fc; border: 1px solid #f580f0; border-radius: 5px; color: #036; font-weight: bold; text-decoration: none; }
ul.pagination.rp-pager li a:hover { background: #fca5fa; }
ul.pagination.rp-pager li.current a { background: #fb1bbf; border-color: #fb1bbf; color: #fff; }
ul.pagination.rp-pager li.off span { opacity: .4; }
ul.pagination.rp-pager li.rp-gap { display: none; }
ul.pagination.rp-pager li.rp-gap span { background: none; border-color: transparent; }

/* Stopka: ciemny zaokrąglony boks bez ucinanego tła i pustego pasa */
#footer { width: 971px !important; max-width: calc(100% - 16px) !important; height: auto !important; margin: 10px auto 14px !important; padding: 0 !important; background: #434343 !important; border: 1px solid #666; border-radius: 8px; box-sizing: border-box; overflow: hidden; }
#footer .center { display: flex; flex-wrap: wrap; justify-content: center; gap: 2px 4px; padding: 8px 6px 6px !important; border-bottom: 1px dotted #888; }
#footer .center a { color: #fff; padding: 8px 10px !important; font-size: 12px; }
#footer .center a:hover { color: #fca5fa; text-decoration: none; }
#footer p { margin: 0 !important; padding: 10px !important; font-size: 11px; }

@media (max-width: 1000px) {
	/* Strona główna: magentowe boksy zamiast uciętych teł ze sprite'a */
	#animPlayer { display: block !important; background: #fb1bbf !important; border-radius: 8px; padding: 0 5px 5px !important; margin: 8px 0 0; box-sizing: border-box; }
	#animPlayer h2, #hotGames h2 { height: 30px !important; line-height: 30px !important; margin: 0 !important; padding: 0 0 0 8px !important; color: #fff; font-size: 16px; font-weight: bold; background: none !important; }
	#animPlayer h2:before { content: ""; display: inline-block; width: 30px; height: 15px; margin: 0 7px 0 0; vertical-align: -2px; background: url("images/games_tiles.png") -12px -437px no-repeat; }
	#hotGames h2:before { content: ""; display: inline-block; width: 16px; height: 21px; margin: 0 7px 0 0; vertical-align: -5px; background: url("images/games_tiles.png") -429px -435px no-repeat; }
	#animViewer { background: #fff; border-radius: 5px; margin: 0 !important; padding: 6px 0 4px; width: auto !important; }
	#animHolder { margin: 0 auto !important; }
	#hotGames { background: #fb1bbf !important; padding: 0 5px 5px !important; border: 0 !important; }
	#hotGames ul { background: #fff; border-radius: 5px; margin: 0 !important; padding: 6px !important; }
	#hotGames li { background: #fff; border: 1px solid #fca5fa; border-radius: 4px; }

	/* Kategorie */
	.rp-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
	#footer { margin: 10px 8px 14px !important; max-width: none !important; width: auto !important; }
	#footer .center a { padding: 10px 12px !important; font-size: 13px; }
}
@media (max-width: 1000px) and (min-width: 600px) {
	.rp-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
	/* Paginacja skrócona: pierwsza, ostatnia i sąsiedzi bieżącej strony */
	ul.pagination.rp-pager li.rp-far { display: none; }
	ul.pagination.rp-pager li.rp-gap { display: block; }
	ul.pagination.rp-pager { gap: 3px; }
	ul.pagination.rp-pager li a, ul.pagination.rp-pager li span { min-width: 34px; padding: 11px 3px; }
}