/* Ashe Child: Noir — тёмный лайфстайл-блог. */

:root {
	--noir-bg: #1D1822;
	--noir-surface: #272030;
	--noir-deep: #15111A;
	--noir-text: #EEE4DC;
	--noir-muted: #A99CAB;
	--noir-accent: #FFB38A;
	--noir-line: #3A3142;
	--noir-serif: "Cormorant Garamond", Georgia, serif;
	--noir-sans: Commissioner, "Helvetica Neue", Arial, sans-serif;
}

body, #page-wrap, .page-content, .main-content { background-color: var(--noir-bg) !important; color: var(--noir-text); }
body, p, input, button, .post-meta, .post-content, .widget, #main-nav a { font-family: var(--noir-sans); }
h1, h2, h3, h4, h5, h6, .post-title, .slider-title, .header-logo a, .wp-block-heading {
	font-family: var(--noir-serif) !important;
	font-weight: 700;
	letter-spacing: 0;
}
a { color: var(--noir-text); }
a:hover { color: var(--noir-accent) !important; }

/* ---------- Шапка: фото приглушено сливовым тоном ---------- */
#top-bar, #main-nav, #main-menu .sub-menu, #main-menu .sub-menu a { background-color: var(--noir-deep) !important; box-shadow: none !important; border-color: var(--noir-line) !important; }
#top-bar a, #main-nav a, #main-nav i, #main-nav #s { color: var(--noir-text) !important; }
.main-nav-sidebar span { background-color: var(--noir-text) !important; }
#main-nav #s { background-color: var(--noir-deep) !important; }
#main-nav { border-bottom: 1px solid var(--noir-line); }
#main-nav a { text-transform: uppercase; letter-spacing: .14em; font-size: 12px; }

.entry-header { position: relative; background-color: var(--noir-deep) !important; }
.entry-header::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(120deg, rgba(29, 24, 34, .92) 20%, rgba(90, 52, 80, .55) 100%);
	z-index: 0;
}
.entry-header .cv-outer { position: relative; z-index: 1; }
.header-logo { text-align: left; padding-left: 6%; }
.header-logo a {
	color: var(--noir-text) !important;
	font-size: clamp(40px, 6vw, 84px) !important;
	font-style: italic;
	font-weight: 500 !important;
	text-transform: none !important;
	letter-spacing: -0.01em !important;
}
.site-description { color: var(--noir-accent) !important; text-align: left; padding-left: 6%; font-family: var(--noir-sans); letter-spacing: .2em; text-transform: uppercase; }

/* ---------- Слайдер избранного ---------- */
#featured-slider .slider-item .cv-container { background: rgba(21, 17, 26, .55) !important; }
#featured-slider .slider-title { font-size: 44px !important; line-height: 1.15 !important; font-style: italic; font-weight: 500; }
.featured-slider-area, #featured-slider { background: transparent !important; border: 0 !important; }
#featured-slider { padding: 0 !important; }
#featured-slider .slider-read-more a {
	background: var(--noir-accent) !important;
	color: var(--noir-deep) !important;
	border: 0 !important;
	font-family: var(--noir-sans);
	font-weight: 600;
	letter-spacing: .1em;
}
#featured-slider .slider-categories a { color: var(--noir-accent) !important; }

/* ---------- Лента: оба сайдбара одной колонкой слева, записи сеткой в две колонки ---------- */
.main-content.boxed-wrapper {
	display: grid;
	grid-template-columns: 280px minmax(0, 1fr);
	grid-template-rows: auto 1fr;
	gap: 0 48px;
	align-items: start;
}
.main-content::before, .main-content::after { display: none !important; }
.main-content > .sidebar-left-wrap { grid-column: 1; grid-row: 1; }
.main-content > .sidebar-right-wrap { grid-column: 1; grid-row: 2; }
.main-content > .main-container { grid-column: 2; grid-row: 1 / span 2; }
.main-content > .sidebar-left-wrap,
.main-content > .sidebar-right-wrap,
.main-content > .main-container,
.main-content .sidebar-left,
.main-content .sidebar-right { float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; }

.main-container ul.blog-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 44px 34px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.main-container ul.blog-grid > li { margin: 0 !important; padding: 0; width: auto !important; float: none !important; list-style: none; }
.main-container ul.blog-grid > li::before, .main-container ul.blog-grid > li::after { display: none; }
.main-container article.blog-post { margin: 0 !important; padding: 0 0 26px; border-bottom: 1px solid var(--noir-line); }

.blog-post .post-media { margin-bottom: 16px; overflow: hidden; }
.blog-post .post-media img { aspect-ratio: 4 / 5; object-fit: cover; width: 100%; transition: transform .6s ease; }
.blog-post:hover .post-media img { transform: scale(1.04); }
@media (prefers-reduced-motion: reduce) { .blog-post .post-media img { transition: none; } .blog-post:hover .post-media img { transform: none; } }

.blog-post .post-header, .blog-post .post-content, .blog-post .read-more { text-align: left !important; }
.blog-post .post-categories a { color: var(--noir-accent) !important; font-family: var(--noir-sans); font-size: 11px; letter-spacing: .18em; }
.blog-post .post-title { margin: 6px 0 8px; font-size: 30px !important; line-height: 1.1; }
.blog-post .post-title a { color: var(--noir-text) !important; }
.blog-post .post-meta, .blog-post .post-meta a, .blog-post .post-meta span { color: var(--noir-muted) !important; text-align: left; }
.blog-post .post-content p { color: #D3C7CF; font-size: 15px; line-height: 1.65; text-align: left !important; }
.blog-post .read-more a {
	background: transparent !important;
	color: var(--noir-accent) !important;
	border: 0 !important;
	border-bottom: 1px solid var(--noir-accent) !important;
	padding: 0 0 2px !important;
	font-family: var(--noir-sans);
	letter-spacing: .14em;
}
/* В сетке похожие записи и кнопки «поделиться» лишние */
.blog-post .related-posts, .blog-post .post-footer { display: none !important; }
.post-separator, .blog-post::after { display: none; }

/* ---------- Сайдбар ---------- */
.sidebar-right .ashe-widget, .sidebar-left .ashe-widget { background: var(--noir-surface) !important; border: 0 !important; padding: 22px !important; }
.ashe-widget .wp-block-heading, .ashe-widget .widget-title, .ashe-widget h2 {
	color: var(--noir-text) !important;
	font-size: 24px !important;
	font-style: italic;
	text-align: left !important;
	border: 0 !important;
	background: transparent !important;
}
.ashe-widget .wp-block-heading::before, .ashe-widget .wp-block-heading::after { display: none !important; }
.ashe-widget, .ashe-widget a, .ashe-widget li { color: var(--noir-text) !important; border-color: var(--noir-line) !important; }
.ashe-widget input, .wp-block-search__input { background: var(--noir-deep) !important; color: var(--noir-text) !important; border-color: var(--noir-line) !important; }
.wp-block-search__button { background: var(--noir-accent) !important; color: var(--noir-deep) !important; border: 0 !important; }

/* ---------- Пагинация и подвал ---------- */
.blog-pagination a, .blog-pagination span { background: var(--noir-surface) !important; color: var(--noir-text) !important; border-color: var(--noir-line) !important; }
#page-footer, .footer-copyright { background: var(--noir-deep) !important; color: var(--noir-muted) !important; border-color: var(--noir-line) !important; }
#page-footer a { color: var(--noir-accent) !important; }
.scrolltop { background: var(--noir-accent) !important; color: var(--noir-deep) !important; }

/* ---------- Узкие экраны: одна колонка, сайдбар под лентой ---------- */
@media (max-width: 979px) {
	.main-content.boxed-wrapper { grid-template-columns: minmax(0, 1fr); gap: 40px; }
	.main-content > .main-container { grid-column: 1; grid-row: 1; }
	.main-content > .sidebar-left-wrap { grid-row: 2; }
	.main-content > .sidebar-right-wrap { grid-row: 3; }
	#featured-slider .slider-title { font-size: 30px !important; }
	.header-logo, .site-description { text-align: center; padding-left: 0; }
}
@media (max-width: 640px) {
	.main-container ul.blog-grid { grid-template-columns: minmax(0, 1fr); gap: 34px; }
	.blog-post .post-media img { aspect-ratio: 4 / 3; }
}

/* H1 главной (mu-plugin portfolio-headings) — над сеткой записей */
.main-container > .portfolio-home-h1 { color: var(--noir-text); font-size: clamp(1.8rem, 3vw, 2.6rem); line-height: 1.15; margin: 0 0 34px; }