/*
Theme Name: xp500 Quasar
Description: Odtworzenie wyglądu starej strony xp500.pl (Joomla, RocketTheme Quasar / Gantry, styl 1) – ciemny układ z menu po prawej stronie.
Version: 1.0
Requires PHP: 8.0
License: GNU General Public License v2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: xp500
*/

/* Oryginalne arkusze Quasar/Gantry są w css/ i gantry/ – tu tylko uzupełnienia dla WordPressa. */

body a, #rt-main-surround .rt-article-title, #rt-main-surround .title, #rt-showcase .title,
#rt-showcase .showcase-title span, #rt-top .title, #rt-header .title, #rt-feature .title { color: #3D9FD0; }

#rt-header .custom img { display: block; max-width: 100%; height: auto; margin: 0 auto; }

#rt-mainbody img { max-width: 100%; height: auto; }
#rt-mainbody .wp-caption { max-width: 100%; }
#rt-mainbody iframe { max-width: 100%; }
#rt-mainbody .wp-embed-responsive, #rt-mainbody .xp500-embed { margin: 1em 0; }
#rt-mainbody .xp500-embed iframe { width: 100%; aspect-ratio: 16 / 9; height: auto; }

/* Galerie przeniesione z sigplus */
.gallery { display: grid; grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); gap: 6px; margin: 1.5em 0; }
.gallery br { display: none; }
.gallery .gallery-item { margin: 0; width: auto !important; }
.gallery .gallery-icon a { display: block; }
.gallery img { display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: cover; border: 1px solid #333; }

/* Lista „Artykuły w tej kategorii” w prawym panelu */
#rt-sidebar-a ul.menu li.current-post > a span { color: #fff; }
#rt-sidebar-a .xp500-more { padding: 6px 0 0 18px; }

/* Licznik pod prawym panelem i stopka */
#rt-copyright p { margin: 0; }

/* Paginacja WordPressa w układzie Joomli */
.rt-pagination ul { list-style: none; margin: 0; padding: 0; }
.rt-pagination li { display: inline; margin: 0 4px 0 0; }
.rt-pagination .current { color: #fff; }

/* Węższe ekrany: siatka 960 px Gantry staje się procentowa */
@media (max-width: 979px) {
	body { min-width: 0; }
	.rt-container { width: auto !important; padding: 0 1%; }
	.rt-container .rt-grid-3 { width: 23%; margin: 0 1%; }
	.rt-container .rt-grid-6 { width: 48%; margin: 0 1%; }
	.rt-container .rt-grid-9 { width: 73%; margin: 0 1%; }
	.rt-container .rt-grid-12 { width: 98%; margin: 0 1%; }
}

/* Telefony – oryginał miał osobną wersję „iPhone”, tu kolumny układają się jedna pod drugą */
@media (max-width: 767px) {
	.rt-container { padding: 0 16px; }
	.rt-container [class*="rt-grid-"] { width: auto !important; float: none !important; margin: 0 !important; }
	#rt-main .rt-container > .rt-grid-3 { margin-top: 20px !important; }
}