/* Двухколоночный grid для листингов станций (десктоп) */

/* Скрываем flag-overlay на мобильных (там уже есть отдельный флаг) */
@media (max-width: 767px) {
	.flag-overlay {
		display: none !important;
	}
}

@media (min-width: 768px) {
	.stations-two-col {
		display: block !important;
		border: none !important;
		width: 100%;
		background: transparent !important;
		box-shadow: none !important;
	}
	.stations-two-col tbody {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 10px;
	}
	.stations-two-col tbody tr,
	.stations-two-col tbody tr:nth-of-type(odd),
	.stations-two-col tbody tr:nth-of-type(even) {
		display: flex;
		align-items: center;
		background: #fff;
		border-radius: 8px;
		padding: 8px 10px;
		border: 1px solid #e0e0e0;
		overflow: hidden;
	}
	.stations-two-col tbody tr:hover {
		background: #f8f8f8;
		border-color: #ccc;
	}
	.stations-two-col td,
	.stations-two-col td:first-child,
	.stations-two-col td:last-child {
		border: none !important;
		padding: 0 !important;
		background: transparent !important;
	}
	.stations-two-col td.logo-first-col {
		flex-shrink: 0;
		margin-right: 10px;
	}
	.stations-two-col .logo-wrapper {
		position: relative;
		display: inline-block;
	}
	.stations-two-col .logo-wrapper img.station-logo {
		width: 45px;
		height: 45px;
		border-radius: 6px;
		object-fit: cover;
		display: block;
	}
	.stations-two-col .logo-wrapper .flag-overlay {
		position: absolute;
		bottom: -3px;
		right: -3px;
		width: 20px;
		height: 15px;
		border-radius: 2px;
		box-shadow: 0 1px 3px rgba(0,0,0,0.4);
	}
	.stations-two-col td[data-label="Name"] {
		flex: 1;
		min-width: 0;
		overflow: hidden;
	}
	.stations-two-col td[data-label="Name"] a {
		font-weight: 500;
		font-size: 14px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		display: block;
	}
	/* Скрываем доп. колонки — страну, жанры, битрейт */
	.stations-two-col td.country-column,
	.stations-two-col td[data-label="Genres"],
	.stations-two-col td[data-label="Bitrate"] {
		display: none !important;
	}
	.stations-two-col td[data-label="Play"] {
		flex-shrink: 0;
		margin-left: auto;
	}
	.stations-two-col td[data-label="Favorites"] {
		flex-shrink: 0;
		margin-left: 5px;
	}
	/* Dark theme */
	.dark-theme .stations-two-col tbody tr,
	.dark-theme .stations-two-col tbody tr:nth-of-type(odd),
	.dark-theme .stations-two-col tbody tr:nth-of-type(even) {
		background: #2a2a2a;
		border-color: #404040;
	}
	.dark-theme .stations-two-col tbody tr:hover {
		background: #333;
		border-color: #555;
	}
}