/* ------------------------------------------------------------------
   Pasek "Wolne terminy" w kaflu listingu (par. 5.1).

   OSOBNY PLIK, nie dopisek do offer_tile.css - ?VERSION jest stala z
   gitignorowanego .env, wiec poprawka w ISTNIEJACYM arkuszu nie dociera ani na
   serwer testowy, ani do przegladarek. Nowy plik dostaje swoj adres i dziala
   od razu.

   Nazwy klas trzymaja prefiks ot-, bo pasek jest czescia kafla i dziedziczy
   jego zachowanie (klikalnosc calego kafla obsluguje offer_tile.js, ktory
   pomija klikniecia w linki - stad "Poproś o grafik" jest linkiem).
   ------------------------------------------------------------------ */

/* BEZ TEGO PASEK LADUJE NA KONCU KAFLA. Kafel to siatka z nazwanymi
   obszarami (offer_tile.css), w ktorej kazde dziecko ma swoj grid-area.
   Element bez przypisania trafia do wiersza domyslnego na koncu - i to
   wlasnie dlatego pasek rysowal sie pod opiniami i pod zdjeciem, mimo ze
   w znaczniku siedzi miedzy .ot-cta a .ot-reviews. O kolejnosci decyduje
   siatka, nie DOM. */
.ot-schedule {
	grid-area: schedule;
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
	padding: 10px 24px;
	border-top: 1px solid #e2e7e5;
	font-size: 14px;
	min-height: 63px;
}

.ot-schedule-label {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	white-space: nowrap;
}
.ot-schedule-label svg { flex-shrink: 0; }

.ot-schedule-sum {
	color: #5a6664;
	flex: 1 1 auto;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ot-schedule-ask {
	color: #1d8a6e;
	font-weight: 600;
	text-decoration: underline;
	text-underline-offset: 2px;
}

.ot-schedule-days {
	display: flex;
	gap: 4px;
	flex-shrink: 0;
}

.ot-schedule-day {
	width: 40px;
	height: 42px;
	border-radius: 8px;
	background: #eef1f0;
	color: #7c8886;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	line-height: 1.1;
}
.ot-schedule-day span { font-size: 12px; font-weight: 500; }
.ot-schedule-day strong { font-size: 15px; font-weight: 400; }

.ot-schedule-day--free {
	background: #d8f4ec;
	color: #1d8a6e;
}
.ot-schedule-day--free span { font-weight: 600; }
.ot-schedule-day--free strong { font-weight: 700; }

/* Dzien z terminami, ktory NIE pasuje do wlaczonego filtru dostepnosci.
   Przerywana ramka zamiast wypelnienia - widac, ze cos tam jest, ale nie to,
   czego uczen szukal (par. 5.1). */
.ot-schedule-day--dim {
	background: transparent;
	border: 1px dashed #c8d0ce;
	color: #7c8886;
}
.ot-schedule-day--dim span,
.ot-schedule-day--dim strong { font-weight: 600; }

/* ---------- telefon ----------
   Siedem komorek po 40 px nie miesci sie obok podsumowania, wiec pasek lamie
   sie na dwa wiersze, a komorki rozciagaja sie na pelna szerokosc. */

@media (max-width: 767px) {
	.ot-schedule {
		padding: 12px 16px;
		gap: 10px;
	}

	/* NIE flex-direction: column. Projekt trzyma ikone, etykiete i podsumowanie
	   razem w pierwszym wierszu, a nizej spycha same komorki dni. Kolumna
	   rozbijala to na trzy linie i pasek niepotrzebnie rosl. */
	.ot-schedule-days {
		flex: 0 0 100%;
		display: grid;
		grid-template-columns: repeat(7, minmax(0, 1fr));
	}

	.ot-schedule-day { width: auto; height: 44px; }
}

/* ------------------------------------------------------------------
   Kolumna "Wolne terminy" w rozwinietym panelu filtrow (par. 5.2).

   Stoi OBOK starej kolumny "Dostepnosc", ktora czyta adverts2days - stad
   wlasny prefiks klas, zeby nie wejsc tamtej w droge.
   ------------------------------------------------------------------ */

/* Odstepy pionowe miedzy pozycjami daje mf-col-checks z listing.css - tutaj
   tylko to, czego tamta regula nie zna: podpis pod tytulem i srodtytul pory
   dnia. Ujemny margines znikl, bo rytm kolumny jest teraz taki sam jak w
   sasiednich i nie trzeba nic dociagac. */
/* WYSOKOSCI CALKOWITE, NIE MNOZNIKI. Sasiednie kolumny nie maja podpisu ani
   srodtytulu, wiec wszystko, co tu stoi nad checkboxami, przesuwa nasze wiersze
   wzgledem tamtych. Przy line-height: 1.4 i font-size: 13px wychodzilo 18.2 px
   i ta reszta po przecinku byla zaokraglana raz w gore, raz w dol - stad wiersze
   o piksel nizej niz w kolumnie obok. Liczby calkowite usuwaja zrodlo dryfu. */
.mf-col-schedule .sch-filter-hint {
	font-size: 13px;
	line-height: 18px;
	color: #7c8886;
	margin: 0 0 6px;
}

.mf-col-schedule .sch-filter-head {
	font-size: 12px;
	line-height: 16px;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #7c8886;
	margin: 14px 0 4px;
}

.mf-col-schedule .sch-filter-sub { color: #7c8886; }