/* =========================================================
   Cennik — odwzorowanie szablonu Theme Buildera 337 (kategoria 19).
   Wartości ZMIERZONE na oryginale /cennik/ (viewport 1400x1050).

   Uwaga: oryginał renderuje tabele widgetem DCE z DataTables. Decyzja
   właściciela: zwykłe tabele bez JS -> znika pasek „Szukaj:" i licznik
   „Pozycje od 1 do…". Reszta 1:1.
   ========================================================= */

/* Okruszki — 4e252b9: padding 0 (inaczej niż usługi/serwis, gdzie jest 5%) */
.mo-cennik__crumbs { display: flex; flex-direction: column; }

/* Sekcje: e-con-inner kapowany na 1140 z Kita, gap 20px.
   Paddingi: 1ade1a3 = 30/0, e486840..eb75bc3 = 40/0, a3261e8..988ef5e = 30/0/80. */
.mo-cennik__inner {
	max-width: 1140px; margin-inline: auto; width: 100%;
	display: flex; flex-direction: column;
	gap: 20px;                       /* domyślny gap Kita */
}
.mo-cennik__sec--30 .mo-cennik__inner { padding: 30px 0; }
.mo-cennik__sec--40 .mo-cennik__inner { padding: 40px 0; }
.mo-cennik__sec--80 .mo-cennik__inner { padding: 30px 0 80px; }

/* Nagłówek kategorii — biały H2 na CZERWONYM pasku (accent).
   Zmierzone: widget-container bg #DD3333, padding 5px 0 5px 10px,
   h2 27.2px/600 lh 27.2 -> pasek 37.2. NIE jest to biały-na-jasnym:
   sprawdzony łańcuch rodziców pokazuje tło rgb(221,51,51). */
.mo-cennik__kat {
	margin: 0;
	padding: 5px 0 5px 10px;
	background: var(--mo-accent);
	color: var(--mo-white);
	font-size: 1.7em; font-weight: 600; line-height: 1;
	text-align: start;
}

/* Bloki tekstowe (opis_cennik, uwagi_2/3, dodatkowe_info_*).
   Zmierzone: 1.1em / lh 20.24 = 1.15 * 17.6 / kolor #000.
   line-height podane wprost — motyw Hello ma bazowe 1.15, nasz body ma 1.6. */
.mo-cennik__text {
	font-size: 1.1em;
	line-height: 1.15;
	color: var(--mo-primary);
}
/* Paddingi per blok — wyciągnięte z _padding widgetów szablonu 337.
   Procenty liczą się od SZEROKOŚCI kontenera (1140), więc 15% = 171, 10% = 114. */
.mo-cennik__text--indent { padding-left: 15%; }   /* dodatkowe_info* — jak tabela */
.mo-cennik__text--uwagi  { padding: 1% 10%; }     /* uwagi_2 (4b2a6f1) — jedyny taki */
/* Marginesy nagłówków w treści = DOMYŚLNE UA (zmierzone na oryginale:
   h2 24.83 = .83em, h3 24.64 = 1em, h4 = 1.33em). Trzeba zbić globalne
   `h1..h6{margin:0 0 .5em}` ze style.css — inaczej `opis_cennik` gubi ~60px,
   a cała strona ~102px. Ten sam mechanizm co w treści CPT `serwis`. */
.mo-cennik__text h2 { font-size: 1.7em; font-weight: 600; color: inherit; margin: .83em 0; }
.mo-cennik__text h3 { font-size: 1.4em; font-weight: 600; color: inherit; margin: 1em 0; }
.mo-cennik__text h4 { font-size: 1.2em; color: inherit; margin: 1.33em 0; }
.mo-cennik__text ul, .mo-cennik__text ol { padding-left: 1.4em; }
.mo-cennik__text img { max-width: 100%; height: auto; }

/* Tabela — widget-container ma padding-left 15% (171 z 1140) -> tabela 969.
   Zmierzone: th 16px/700 Lato #000, padding 10px 30px 10px 10px, align left,
   border-bottom 1px rgba(0,0,0,.3); td 16px/400 #000, padding 8px 10px,
   BEZ obramowania, lh 1.3em (typography repeatera).
   Zebra .odd z custom CSS oryginału NIE DZIAŁA (DataTables 2.x nie dodaje
   klas .odd/.even) — zmierzone tło wszystkich wierszy: transparent.
   Odtwarzamy WYNIK: bez zebry. */
.mo-cennik__tablewrap { padding-left: 15%; }
.mo-cennik__table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	font-size: 1em;
	line-height: 1.3em;
	color: var(--mo-primary);
}
.mo-cennik__table th {
	padding: 10px 30px 10px 10px;
	font-weight: 700;
	text-align: left;
	border-bottom: 1px solid rgba(0,0,0,.3);
}
.mo-cennik__table td {
	padding: 8px 10px;
	font-weight: 400;
	text-align: left;
	border: 0;
}

/* =========================================================
   Mobile — próg 767. Repeater ma _padding_mobile 0 (zamiast 15%).
   ========================================================= */
@media (max-width: 767px) {
	.mo-cennik__inner { padding-inline: 10px; }
	.mo-cennik__tablewrap { padding-left: 0; overflow-x: auto; }   /* wąskie ekrany: tabela przewijalna zamiast rozpychać stronę */
	/* @767 wszystkie repeatery mają _padding_mobile 0, a bloki tekstowe 10px */
	.mo-cennik__text--indent { padding-left: 0; }
	.mo-cennik__text--uwagi  { padding: 0 10px; }
	.mo-cennik__table th { padding: 10px; }
}