/* additions.css — дополнения к custom-style.css (двуязычность, блог, «Слушать»). Палитра и шрифты — как в теме. */

/* Переключатель языка в шапке: высота как у иконок соцсетей (80px, при скролле 50px). */
.lang-switch {
	display: inline-flex;
	align-items: center;
	height: 80px;
	margin-left: 14px;
	vertical-align: top;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	letter-spacing: .06em;
	transition: height .25s ease-in;
}
.navbar.scrolling .lang-switch { height: 50px; }
.lang-switch .lang {
	display: inline-block;
	padding: 4px 7px;
	color: #fff;
	border: 1px solid transparent;
	border-radius: 4px;
}
.lang-switch a.lang:hover,
.lang-switch a.lang:focus { color: #00c0ff; border-color: #00c0ff; }
.lang-switch .lang.current { color: #ffae18; font-weight: 500; }
.lang-switch .lang + .lang { margin-left: 4px; }
@media (max-width: 1199px) {
	.lang-switch { height: auto; margin: 10px 0 14px 12px; }
}

/* Блог: рубрики */
section.blog .blog-cats { margin: -20px 0 35px; }
section.blog .blog-cats a {
	display: inline-block;
	margin: 0 4px 8px;
	padding: 5px 14px;
	color: #fff;
	background-color: rgba(0,0,0,.65);
	border: 1px solid #656565;
	border-radius: 8px;
	font-size: 15px;
}
section.blog .blog-cats a:hover,
section.blog .blog-cats a:focus { color: #00c0ff; border-color: #00c0ff; }
section.blog .blog-cats a.current { color: #000; background-color: #ffa800; border-color: #ffa800; }

/* Блог: карточки записей */
section.blog .post-card { margin-bottom: 30px; }
section.blog .post-card-link {
	display: block;
	height: 100%;
	background-color: #000;
	color: #fff;
	box-shadow: 0 0 18px 3px #00000000;
	transform: scale(1);
	transition: box-shadow .25s ease-in, transform .25s ease-in;
}
section.blog .post-card-link:hover,
section.blog .post-card-link:focus { box-shadow: 0 0 18px 3px #000000ff; transform: scale(1.02); color: #fff; }
section.blog .post-cover {
	width: 100%;
	aspect-ratio: 16 / 9;
	background-color: #111;
	background-size: cover;
	background-position: center;
}
section.blog .post-cover-empty { background-image: linear-gradient(135deg, #1a1a1a, #000); }
section.blog .post-plaque { padding: 14px 16px 20px; }
section.blog .post-date { display: block; font-size: 13px; color: #aaa; }
section.blog .post-title { margin: 6px 0 10px; font-size: 20px; line-height: 1.3; color: #fff; }
section.blog .post-card-link:hover .post-title { color: #ffa800; }
section.blog .post-excerpt { font-size: 15px; font-weight: 300; line-height: 1.5; color: #ccc; }
section.blog .blog-empty { padding: 40px 20px; font-size: 18px; font-weight: 300; background-color: rgba(0,0,0,.7); }

/* Запись блога */
section.post .post-meta { margin: -30px 0 40px; font-size: 15px; color: #ddd; text-shadow: 0 2px 10px rgba(0,0,0,.8); }
section.post .post-meta a { color: #ffa800; }
section.post .post-body { font-size: 18px; font-weight: 300; line-height: 1.65; }
section.post .post-body h2,
section.post .post-body h3 { margin: 1.6em 0 .6em; }
section.post .post-body img { max-width: 100%; height: auto; }
section.post .post-thumb { margin: 0 0 30px; }
section.post .post-back { margin-top: 40px; font-size: 16px; }

/* «Слушать»: крупные кнопки площадок */
section.listen .listen-intro { margin-bottom: 30px; text-align: center; }
section.listen .listen-link {
	display: flex;
	align-items: center;
	gap: 14px;
	min-height: 64px;
	margin-bottom: 16px;
	padding: 14px 20px;
	color: #fff;
	background-color: #000;
	border: 1px solid #656565;
	border-radius: 8px;
	font-size: 18px;
	transition: border-color .25s ease-in, color .25s ease-in;
}
section.listen .listen-link i { width: 26px; font-size: 24px; text-align: center; }
section.listen .listen-link.primary { min-height: 76px; font-size: 21px; border-color: #ffa800; }
section.listen .listen-link:hover,
section.listen .listen-link:focus { color: #00c0ff; border-color: #00c0ff; }
section.listen .listen-follow { margin: 30px 0 20px; }

/* Шапка на ≥1200px: меню, иконки и переключатель языка в одну строку (русские пункты длиннее английских). */
@media (min-width: 1200px) {
	.navbar .menu-social { white-space: nowrap; flex-shrink: 0; }
	.navbar-dark .navbar-nav .nav-link { padding-left: 8px; padding-right: 8px; letter-spacing: 2px; }
	html[lang="ru-RU"] .navbar-dark .navbar-nav .nav-link { letter-spacing: 1px; }
	.lang-switch { margin-left: 6px; font-size: 13px; }
}
@media (min-width: 1200px) and (max-width: 1439px) {
	.navbar .icon.social { width: 40px; }
	.navbar-dark .navbar-nav .nav-link { padding-left: 6px; padding-right: 6px; letter-spacing: 1px; }
}
@media (min-width: 1200px) and (max-width: 1339px) {
	.navbar-dark .navbar-nav .nav-link { font-size: 14px; }
	.navbar .icon.social { width: 36px; }
	.navbar .navbar-brand .logo { width: 190px; height: auto; }
	.navbar .navbar-brand { margin-right: 8px; }
	/* Соцсети на этих ширинах только в подвале; в шапке — площадки. */
	.navbar .icon.social.sc, .navbar .icon.social.fb, .navbar .icon.social.in, .navbar .icon.social.vk { display: none; }
}