/*
 * Konkurs NIL IN (IV edycja, strona /nowy/, page-id 3063) — poprawki mobilne.
 * Ładowane z header-konkurs.php z własnym ?v=filemtime (omija statyczne ?ver=3.1).
 * Celowo poza SCSS: kompilacja WP-SCSS jest zepsuta (niedomknięty blok w _mobile.scss).
 * Wszystko ograniczone do .page-id-3063 i szerokości < 768px — desktop i archiwalne
 * strony konkursu (2023/2024) pozostają bez zmian.
 */
@media (max-width: 767px) {

	/* ---------- wspólny margines boczny: 20px dla nagłówków i treści ---------- */
	.page-id-3063 .pages-konkurs .is-style-container {
		padding-left: 20px;
		padding-right: 20px;
	}
	.page-id-3063 .pages-konkurs .kb-row-layout-wrap {
		padding-left: 0;
		padding-right: 0;
	}

	/* ---------- czytelność tekstu ---------- */
	.page-id-3063 .pages-konkurs section p,
	.page-id-3063 .pages-konkurs section li,
	.page-id-3063 .pages-konkurs header p {
		font-weight: 400;
		line-height: 1.6;
	}
	.page-id-3063 .pages-konkurs section li + li {
		margin-top: 6px;
	}

	/* ---------- HERO ---------- */
	.page-id-3063 .pages-konkurs header .kt-row-column-wrap {
		padding-top: 8px;
		padding-bottom: 48px;
	}
	.page-id-3063 .pages-konkurs header .kb-row-layout-wrap,
	.page-id-3063 .pages-konkurs header .kt-inside-inner-col {
		margin-bottom: 0;
		padding-bottom: 0;
	}
	/* pusty odstęp pod logotypami: 100px -> 36px */
	.page-id-3063 .kt-block-spacer-3063_2f2cc2-38 .kt-block-spacer {
		height: 36px !important;
	}
	.page-id-3063 .pages-konkurs header h1 {
		font-size: clamp(29px, 8.6vw, 34px) !important;
		line-height: 1.15 !important;
		margin: 6px 0 16px !important;
		letter-spacing: -0.01em;
	}
	/* wymuszone łamania z desktopu na wąskim ekranie dają 5 linii — niech tekst płynie */
	.page-id-3063 .pages-konkurs header h1 br {
		display: none;
	}
	/* „IV edycja | 2026/2027” jako etykieta */
	.page-id-3063 .pages-konkurs header h1 + p,
	.page-id-3063 .pages-konkurs header .kt-block-spacer-3063_2f2cc2-38 + p {
		display: inline-block;
		margin: 0;
		padding: 4px 12px;
		border: 1px solid rgba(255, 255, 255, .45);
		border-radius: 999px;
		font-size: 14px;
		letter-spacing: .02em;
	}
	.page-id-3063 .pages-konkurs header h1 + p {
		display: block;
		padding: 0;
		border: 0;
		border-radius: 0;
		letter-spacing: 0;
	}
	/* lead */
	.page-id-3063 .pages-konkurs header p.has-medium-font-size {
		font-size: 18px !important;
		line-height: 1.45;
		margin-bottom: 0;
	}
	.page-id-3063 .pages-konkurs header p.has-medium-font-size strong {
		font-weight: 600;
	}
	.page-id-3063 .pages-konkurs header .wp-block-spacer {
		height: 20px !important;
	}
	.page-id-3063 .pages-konkurs header p {
		font-size: 16px;
	}
	/* termin zgłoszeń wyróżniony jako ramka */
	.page-id-3063 .pages-konkurs header p:has(+ .kb-buttons-wrap) {
		margin: 8px 0 20px;
		padding: 14px 16px;
		border-left: 4px solid #00cccc;
		border-radius: 8px;
		background: rgba(255, 255, 255, .08);
	}

	/* ---------- przyciski: pełna szerokość, wygodny cel dotyku ---------- */
	.page-id-3063 .pages-konkurs .kb-buttons-wrap {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		gap: 12px;
		width: 100%;
	}
	.page-id-3063 .pages-konkurs .kb-buttons-wrap .kb-button {
		width: 100%;
		min-height: 52px;
		justify-content: center;
		margin: 0 !important;
		font-size: 18px !important;
		padding: 12px 20px !important;
		box-sizing: border-box;
	}

	/* ---------- sekcje: mniejsze odstępy ---------- */
	.page-id-3063 .pages-konkurs section.is-style-container {
		padding-top: 48px !important;
	}
	.page-id-3063 .pages-konkurs section h2.wp-block-heading {
		font-size: 30px !important;
		line-height: 1.15;
		margin-bottom: 20px;
	}

	/* ---------- bloki „nagłówek + opis” jako karty ---------- */
	.page-id-3063 .pages-konkurs section .kb-row-layout-wrap:has(> .kt-has-2-columns) {
		margin-bottom: 12px !important;
	}
	.page-id-3063 .pages-konkurs section .kt-has-2-columns {
		display: block !important;
		padding: 20px !important;
		background: #fff;
		border: 1px solid #e3e8f0;
		border-radius: 12px;
	}
	.page-id-3063 .pages-konkurs section .kt-has-2-columns > .wp-block-kadence-column + .wp-block-kadence-column {
		margin-top: 10px;
	}
	.page-id-3063 .pages-konkurs section .kt-has-2-columns h3 {
		font-size: 20px !important;
		font-weight: 600 !important;
		line-height: 1.3 !important;
		margin: 0 !important;
	}
	.page-id-3063 .pages-konkurs section .kt-has-2-columns p:last-child,
	.page-id-3063 .pages-konkurs section .kt-has-2-columns ul:last-child {
		margin-bottom: 0;
	}
	.page-id-3063 .pages-konkurs section .kt-has-2-columns ul {
		padding-left: 20px;
		margin-left: 0;
	}

	/* puste spacery Kadence/Gutenberg między blokami w sekcjach */
	.page-id-3063 .pages-konkurs section .wp-block-spacer,
	.page-id-3063 .pages-konkurs section .kt-block-spacer {
		max-height: 24px;
	}

	/* przyciski pod sekcjami (Wyślij zgłoszenie, Pobierz regulamin, Poprzednie edycje) */
	.page-id-3063 .pages-konkurs section.is-style-container .kb-buttons-wrap {
		margin-top: 20px;
		margin-bottom: 0;
	}

	/* ---------- HARMONOGRAM jako oś czasu ---------- */
	.page-id-3063 #harmonogram .kb-row-layout-wrap {
		margin: 0 !important;
	}
	.page-id-3063 #harmonogram .kt-has-3-columns {
		display: block !important;
		position: relative;
		padding: 0 0 22px 28px !important;
		border-left: 2px solid #00cccc;
		margin-left: 7px;
	}
	.page-id-3063 #harmonogram .kb-row-layout-wrap:last-of-type .kt-has-3-columns {
		border-left-color: transparent;
		padding-bottom: 0 !important;
	}
	.page-id-3063 #harmonogram .kt-has-3-columns::before {
		content: "";
		position: absolute;
		left: -9px;
		top: 2px;
		width: 16px;
		height: 16px;
		border-radius: 50%;
		background: #fff;
		border: 3px solid #00cccc;
		box-sizing: border-box;
	}
	.page-id-3063 #harmonogram .day-bg-2 {
		width: auto !important;
		height: auto !important;
		min-height: 0 !important;
		margin: 0 0 2px !important;
		padding: 0 !important;
		border: 0 !important;
		background: none !important;
		display: block !important;
		text-align: left !important;
		font-size: 18px !important;
		font-weight: 700;
		line-height: 1.2 !important;
	}
	.page-id-3063 #harmonogram .kt-has-3-columns > .wp-block-kadence-column,
	.page-id-3063 #harmonogram .kt-has-3-columns .kt-inside-inner-col {
		padding: 0 !important;
		margin: 0 !important;
		min-height: 0 !important;
	}
	.page-id-3063 #harmonogram .kt-has-3-columns p {
		margin: 0;
	}
	.page-id-3063 #harmonogram .kt-inside-inner-col:empty,
	.page-id-3063 #harmonogram .wp-block-kadence-column:has(> .kt-inside-inner-col:empty) {
		display: none !important;
	}

	/* ---------- Partnerzy: ukryj pustą galerię i jej etykietę do czasu dodania logotypów ---------- */
	.page-id-3063 #partnerzy .wp-block-gallery:empty,
	.page-id-3063 #partnerzy p:has(+ .wp-block-gallery:empty) {
		display: none;
	}

	/* ---------- CTA „Zgłoś swoją innowację!” ---------- */
	.page-id-3063 #zglos {
		margin-top: 56px !important;
		padding-top: 56px !important;
		padding-bottom: 56px !important;
	}
	.page-id-3063 #zglos h2 {
		font-size: 30px !important;
		line-height: 1.15;
	}
	.page-id-3063 #zglos .kb-buttons-wrap {
		margin: 24px 0 40px !important;
	}
}