/* Tipota MAPS / ancoraggi — the map with a left column of the anchorages on screen (#74); the event window and the viewer
   come from uw.css, plus the key photo shown larger, top left (#76). */
.tmaps-body.ta-body { grid-template-columns: 290px 1fr; }
.ta-panel { padding: 10px; display: flex; flex-direction: column; gap: 8px; }
.ta-count { font-size: 13px; color: var(--tmaps-muted, #5b6b7a); padding: 0 2px; }
.ta-count:empty { display: none; }
.ta-list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; align-content: start; }
.ta-list li { margin: 0; min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.tmaps .ta-panel .ta-item { display: flex; flex-direction: column; gap: 3px; width: 100%; padding: 4px; margin: 0; border: 1px solid transparent; border-radius: 8px; background: #fff; color: inherit; font: inherit; text-align: left; cursor: pointer; }
.tmaps .ta-panel .ta-item:hover, .tmaps .ta-panel .ta-item:focus-visible { border-color: #d9822b; background: #fff; color: inherit; }
.tmaps .ta-panel .ta-item.ta-sel { border-color: #d9822b; box-shadow: 0 0 0 2px rgba(217, 130, 43, .35); }
.tmaps .ta-panel .ta-item img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 5px; background: #e7eef1; }
.tmaps .ta-panel .ta-name { color: var(--tmaps-ink, #1d2a38); font-size: 13px; line-height: 1.25; font-weight: 600; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: anywhere; }
.tmaps .ta-panel .ta-item time { font-size: 12px; color: var(--tmaps-muted, #5b6b7a); }
.tmaps .ta-panel .ta-photos { width: 100%; padding: 5px 6px; border: 0; border-radius: 6px; background: #d9822b; color: #fff; font: inherit; font-size: 12.5px; font-weight: 600; cursor: pointer; }
.tmaps .ta-panel .ta-photos:hover, .tmaps .ta-panel .ta-photos:focus-visible { background: #b86a1d; }
.ta-none { grid-column: 1 / -1; font-size: 13px; color: var(--tmaps-muted, #5b6b7a); padding: 6px 2px; }
/* the dot of the anchorage picked in the column */
.tu-pin.ta-on span { transform: scale(1.5); box-shadow: 0 0 0 3px #fff, 0 0 0 5px #d9822b; }

/* event window: the key photo twice as large, first (top left) */
.tuw-grid .tuw-th.tuw-key { grid-column: span 2; grid-row: span 2; }

/* phones and narrow tablets: the map first, then the column as a strip that scrolls sideways */
@media (max-width: 820px) {
	.tmaps-body.ta-body { grid-template-columns: 1fr; }
	.ta-body .ta-mapbox { order: 1; }
	.ta-body .ta-panel { order: 2; max-height: none; padding: 8px; }
	.ta-list { display: flex; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x proximity; padding-bottom: 4px; }
	.ta-list li { flex: 0 0 132px; scroll-snap-align: start; }
	.ta-none { flex: 1 1 auto; }
}
@media (prefers-reduced-motion: reduce) { .tu-pin.ta-on span { transition: none; } }