/* ───────────────────────────────────────────────────────────────────────────
   PAGINA-HUB A ORAȘULUI — /orase/{oras}/
   ───────────────────────────────────────────────────────────────────────────
   Se încarcă doar pe șablonul „oras-hub", la prioritate 102.

   Cardurile vin din card-eveniment.css, capul și taburile din
   toate-tipurile.css, secțiunile pe categorie din listari.css — toate
   încărcate și aici. Fișierul ăsta ține doar ce e specific hub-ului:
   spațierea blocurilor de text și grila listării.
*/

.on-hub {
	margin-top: 24px;
}

.on-hub__titlu {
	color: rgb(85, 85, 85);
	margin-bottom: 12px;
}

.on-hub__intro,
.on-hub__lista-text {
	color: #555;
	line-height: 1.6;
	margin-bottom: 24px;
}

/* Textul care introduce listarea stă între cap și carduri, deci are nevoie de
   mai puțin aer sub el decât intro-ul de sus. */
.on-hub__lista-text {
	margin-top: -6px;
	margin-bottom: 20px;
}

/* Norul de categorii, la finalul paginii. */
.on-hub-chips {
	margin: 40px auto;
}

.on-hub-chips .on-titlu {
	font-size: 22px;
	margin-bottom: 16px;
}

/* Top evenimente. Pe pagina veche era o secțiune cu imagine de fundal; aici
   contează link-ul, nu decorul. */
.on-hub-top {
	margin: 40px auto;
	padding: 24px;
	background: #f8f9fa;
	border-radius: 10px;
}

.on-hub-top .on-titlu {
	font-size: 22px;
	margin-bottom: 8px;
}

.on-hub-top p {
	color: #555;
	margin-bottom: 16px;
}

.on-hub-top__buton {
	display: inline-block;
	padding: 10px 24px;
	border: 1px solid #d1d5db;
	border-radius: 8px;
	background: #fff;
	color: #111827;
	text-decoration: none;
}

.on-hub-top__buton:hover {
	border-color: #9ca3af;
	background: #f9fafb;
}

/* Blocul de link-uri adânci de la finalul paginii. Patru coloane pe ecran lat,
   una pe telefon — `auto-fit` face trecerea fără breakpoint scris de mână. */
.on-hub-linkuri {
	margin: 40px auto;
}

.on-hub-linkuri .on-titlu {
	font-size: 22px;
	margin-bottom: 20px;
}

.on-hub-linkuri__grila {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	gap: 24px;
}

.on-hub-linkuri__col h3 {
	font-size: 16px;
	font-weight: 700;
	color: #222;
	margin: 0 0 10px;
}

.on-hub-linkuri__col ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.on-hub-linkuri__col li {
	margin-bottom: 8px;
	line-height: 1.4;
}

/* Butonul „Vezi toate".

   `toate-tipurile.css` ascunde celulele de la a noua în sus și arată butonul
   cu `.col-inner:has(.on-feed > *:nth-child(9))`. Pe hub feed-ul nu stă
   într-un `.col-inner`, ci direct în `.container.on-hub`, deci regula aia nu
   prinde — de aici perechea ei. Aceeași condiție, alt strămoș. */
.on-hub:has(.on-feed > *:nth-child(9)) .on-vezi-tot {
	display: block;
}