/* =========================================================
   ZTM Kielce — Treść strony (placeholdery na widgety)
   ========================================================= */

.ztm-placeholder-grid {
	display: grid;
	grid-template-columns: 1.6fr 1fr;
	gap: 8px;
	padding: 0 0 60px;
}

.ztm-placeholder-grid--full {
	grid-template-columns: 1fr;
}

.ztm-placeholder-col {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.ztm-placeholder {
	background: #fafbfc;
	border: 1px dashed var(--ztm-border-grey, #e1e5ea);
	border-radius: 12px;
	min-height: 350px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.ztm-placeholder:has(.ztm-widget),
.ztm-placeholder:has(.ztm-page-content) {
	display: block;
	border-style: solid;
	background: var(--ztm-white);
	min-height: 0;
	height: auto;
}

.ztm-placeholder--tall {
	height: 100%;
	min-height: 730px;
}

.ztm-placeholder--tall:has(.ztm-widget) {
	height: auto;
	min-height: 0;
}

.ztm-placeholder-label {
	font-family: var(--ztm-font, 'Inter', sans-serif);
	font-size: 16px;
	font-weight: 600;
	color: #4b5563;
	text-transform: uppercase;
	letter-spacing: 0.4px;
}

/* =========================================================
   PANELE ZAKŁADEK
   ========================================================= */

.ztm-tab-panel {
	display: none;
	flex-direction: column;
	gap: 8px;
}

.ztm-tab-panel.is-active {
	display: flex;
}

@media (max-width: 1075px) {
	.ztm-placeholder-grid {
		grid-template-columns: 1fr;
	}

	.ztm-placeholder--tall {
		min-height: 350px;
	}

	.ztm-placeholder--tall:has(.ztm-widget) {
		min-height: 0;
	}
}

/* Odstęp od hero gdy zakładki znikają */
@media (max-width: 1436px) {
	.ztm-placeholder-grid {
		padding-top: 16px;
	}
}

/* =========================================================
   MOBILE — kolejność: slot1 → slot4 → slot2 → slot5
   ========================================================= */

@media (max-width: 640px) {
	/* Grid → flex żeby order działał między kolumnami */
	.ztm-placeholder-grid {
		display: flex;
		flex-direction: column;
		padding: 12px 0 40px;
		gap: 10px;
	}

	/* Lewa kolumna i prawa stają się płaskie — ich dzieci wychodzą do głównego flex */
	.ztm-placeholder-col {
		display: contents;
	}

	/* Kolejność na mobile */
	.ztm-mobile-order-1 { order: 1; }
	.ztm-mobile-order-2 { order: 2; }
	.ztm-mobile-order-3 { order: 3; }
	.ztm-mobile-order-4 { order: 4; }

	/* Widgety na całą szerokość — bez zaokrągleń i marginesów bocznych */
	.ztm-placeholder,
	.ztm-placeholder:has(.ztm-widget),
	.ztm-widget,
	.ztm-widget--ogloszenia,
	.ztm-widget--news,
	.ztm-widget--rozklad-jazdy,
	.ztm-widget--informacje,
	.ztm-widget--projekt-kpo {
		border-radius: 0 !important;
		border-left: none !important;
		border-right: none !important;
	}

	/* Widget ogłoszeń — obrazek wyższy na mobile */
	.ztm-ogl-img {
		height: 260px;
	}

	/* Kontener główny bez paddingu bocznego */
	.ztm-container {
		padding-left: 0;
		padding-right: 0;
	}
}