/*
 * Довідка pages (content items linked from the city guide /content/view/1/: taxi, numbers, schools, ...).
 * Loaded together with hotels.css (the look of /hotels is the source of truth; the content sits in the same
 * <div id="nmhotels" class="nmh nmd">). This file only adds what those pages need beyond the hotel list.
 * Added to <head> by mambots/content/follow.php when the item text carries {nmd_head}.
 */

/* the standard content title, drawn like the /hotels title */
table.contentpaneopen td.contentheading {
	border-bottom: 0;
	padding: 0;
}

table.contentpaneopen td.contentheading h2 {
	margin: 0 0 12px;
	padding: 0 0 8px;
	border-bottom: 3px solid #2a5d9f;
	color: #1c2430;
	background: none;
	font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
	font-size: clamp(19px, 1.2vw + 15px, 26px);
	line-height: 1.25;
	font-weight: bold;
}

#nmhotels.nmd {
	text-align: left;
}

/* section heading inside a page (schools: комунальні / гімназії / спеціальні / приватні) */
#nmhotels h3.nmd-sec {
	margin: calc(var(--nmh-gap) * 1.5) 0 var(--nmh-gap);
	padding: 0 0 6px;
	border-bottom: 2px solid var(--nmh-border);
	color: var(--nmh-accent-deep);
	font-size: clamp(16px, .5vw + 14px, 19px);
	line-height: 1.3;
	font-weight: bold;
	scroll-margin-top: 12px;
}

#nmhotels article.nmh-item {
	scroll-margin-top: 12px;
}

/* what the organisation does (housing services) */
#nmhotels p.nmd-what {
	color: var(--nmh-text);
}

/* long contact labels ("Довідкова служба по розрахунках ...") do not widen the label column */
#nmhotels dl.nmh-dl {
	grid-template-columns: fit-content(45%) minmax(0, 1fr);
}

#nmhotels details.nmh-more > div.nmd-explain-in {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 10px 12px;
}

/* two wide boxes side by side (numbers, post codes) */
#nmhotels div.nmd-grid2 {
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 420px), 1fr));
}

#nmhotels .nmd-red {
	border-color: #e7b8b2;
	background: #fffafa;
}

#nmhotels p.nmd-lead {
	margin: 0 0 var(--nmh-gap);
}

/* short numbers: number chip + what it is, the whole row is the tel: link */
#nmhotels ul.nmd-tel {
	list-style: none;
}

#nmhotels ul.nmd-tel li {
	list-style: none;
	border-top: 1px solid var(--nmh-border);
}

#nmhotels ul.nmd-tel li:first-child {
	border-top: 0;
}

#nmhotels ul.nmd-tel a {
	display: flex;
	align-items: center;
	gap: 12px;
	min-height: 44px;
	padding: 6px 0;
	color: var(--nmh-text);
	text-decoration: none;
}

#nmhotels ul.nmd-tel a:hover span {
	text-decoration: underline;
}

#nmhotels ul.nmd-tel b {
	flex: none;
	min-width: 64px;
	padding: 5px 6px;
	border-radius: 6px;
	background: var(--nmh-chip);
	color: var(--nmh-accent-deep);
	font-size: 17px;
	text-align: center;
}

#nmhotels .nmd-red ul.nmd-tel b {
	background: #f9e1de;
	color: #9b2c20;
}

/* post codes: code | office + address | map link */
#nmhotels ul.nmd-idx {
	list-style: none;
}

#nmhotels ul.nmd-idx li {
	list-style: none;
	display: flex;
	align-items: center;
	gap: 12px;
	min-height: 44px;
	padding: 6px 0;
	border-top: 1px solid var(--nmh-border);
}

#nmhotels ul.nmd-idx li:first-child {
	border-top: 0;
}

#nmhotels b.nmd-code {
	flex: none;
	min-width: 64px;
	padding: 4px 6px;
	border-radius: 6px;
	background: var(--nmh-chip);
	color: var(--nmh-accent-deep);
	font-size: 16px;
	text-align: center;
	letter-spacing: .03em;
}

#nmhotels span.nmd-what {
	flex: 1 1 auto;
	min-width: 0;
}

#nmhotels span.nmd-what small {
	display: block;
	color: var(--nmh-muted);
	font-size: 13px;
}

#nmhotels a.nmd-maplink {
	flex: none;
	padding: 8px 4px;
}

/* a plain box under the cards (vocational schools: «У 2005 р. реорганізовано») */
#nmhotels div.nmd-box {
	margin: var(--nmh-gap) 0 0;
	padding: var(--nmh-pad);
	background: var(--nmh-soft);
	border: 1px solid var(--nmh-border);
	border-radius: 6px;
}

#nmhotels ul.nmd-list {
	padding-left: 20px;
}

#nmhotels ul.nmd-list li {
	list-style: disc;
	margin: 0 0 3px;
}

#nmhotels details.nmd-explain {
	margin: var(--nmh-gap) 0 0;
}