/*
Theme Name:   bonkod.net (Kadence child)
Description:  Дочерняя тема Kadence для блога bonkod.net: журнал о покупках. Индиго + лайм, Manrope (локально).
Template:     kadence
Version:      1.0.0
Text Domain:  bonkod-net-child
License:      GNU General Public License v3.0
*/

:root {
	--bk-indigo: #26215C;
	--bk-indigo-2: #3A3290;
	--bk-indigo-soft: #ECEBF7;
	--bk-lime: #B8E04A;
	--bk-lime-dark: #4D6A00; /* лаймовый оттенок для текста на белом (контраст AA) */
	--bk-line: #E2E3EE;
	--bk-radius: 12px;
}

body {
	font-feature-settings: "ss01" off;
	-webkit-font-smoothing: antialiased;
	overflow-x: clip;
}

h1, h2, h3, h4, .entry-title, .page-title {
	letter-spacing: -0.02em;
}

/* ---------- Шапка ---------- */
#masthead .site-branding a.brand img {
	display: block;
	height: auto;
}
.main-navigation .primary-menu-container > ul > li.menu-item > a {
	text-decoration: none;
	font-weight: 600;
	letter-spacing: 0.01em;
	position: relative;
}
.main-navigation .primary-menu-container > ul > li.menu-item > a::after {
	content: "";
	position: absolute;
	left: 0.6em;
	right: 0.6em;
	bottom: 0.9em;
	height: 3px;
	background: var(--bk-lime);
	transform: scaleX(0);
	transform-origin: left;
	transition: transform .2s ease;
}
.main-navigation .primary-menu-container > ul > li.menu-item > a:hover::after,
.main-navigation .primary-menu-container > ul > li.current-menu-item > a::after,
.main-navigation .primary-menu-container > ul > li.current-menu-parent > a::after {
	transform: scaleX(1);
}
/* «Промокоды» — лаймовая кнопка в меню */
.main-navigation .primary-menu-container > ul > li.bk-menu-promo > a {
	background: var(--bk-lime);
	color: var(--bk-indigo) !important;
	border-radius: 999px;
	padding: 0.45em 1.1em;
	margin-left: 0.6em;
	align-self: center;
}
.main-navigation .primary-menu-container > ul > li.bk-menu-promo > a::after { display: none; }
.main-navigation .primary-menu-container > ul > li.bk-menu-promo > a:hover { background: #fff; }
.mobile-navigation li.bk-menu-promo > a { color: var(--bk-lime) !important; font-weight: 700; }
#masthead .search-toggle-open { color: #fff; }
#masthead .search-toggle-open:hover { color: var(--bk-lime); }

/* ---------- Вводная строка главной ---------- */
.bk-intro {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0.5rem 1.25rem;
	margin: 0 0 2rem;
	padding: 0 0 1.25rem;
	border-bottom: 2px solid var(--bk-indigo);
}
.bk-intro p { margin: 0; }
.bk-intro__kicker {
	font-weight: 800;
	font-size: 0.8rem;
	text-transform: uppercase;
	letter-spacing: 0.12em;
	background: var(--bk-lime);
	color: var(--bk-indigo);
	padding: 0.25em 0.7em;
	border-radius: 4px;
}
.bk-intro__text { flex: 1 1 320px; font-size: 1.05rem; color: var(--global-palette4); }
.bk-intro__link { font-weight: 700; color: var(--bk-indigo); text-decoration: none; border-bottom: 3px solid var(--bk-lime); }
.bk-intro__link:hover { color: var(--bk-indigo-2); }

/* ---------- Карточки статей ---------- */
.loop-entry.content-bg {
	border-radius: var(--bk-radius);
	border: 1px solid var(--bk-line);
	box-shadow: none;
	overflow: hidden;
	transition: transform .2s ease, box-shadow .2s ease;
}
.loop-entry.content-bg:hover {
	transform: translateY(-2px);
	box-shadow: 0 12px 28px rgba(38, 33, 92, .12);
}
/* Обложка в рамке с лаймовым уголком */
.loop-entry .post-thumbnail,
.single-content .post-thumbnail,
.entry-hero .post-thumbnail,
.article-post-thumbnail {
	position: relative;
}
.loop-entry .post-thumbnail::after,
.single .post-thumbnail.article-post-thumbnail::after {
	content: "";
	position: absolute;
	top: 14px;
	left: 14px;
	width: 46px;
	height: 46px;
	border-top: 6px solid var(--bk-lime);
	border-left: 6px solid var(--bk-lime);
	border-top-left-radius: 4px;
	z-index: 2;
	pointer-events: none;
}
.loop-entry .entry-taxonomies a,
.single .entry-taxonomies a {
	display: inline-block;
	background: var(--bk-indigo-soft);
	color: var(--bk-indigo) !important;
	font-weight: 700;
	font-size: 0.72rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	padding: 0.25em 0.6em;
	border-radius: 4px;
	text-decoration: none;
}
.loop-entry .entry-title a { color: var(--bk-indigo); text-decoration: none; }
.loop-entry .entry-title a:hover { color: var(--bk-indigo-2); text-decoration: underline; text-decoration-color: var(--bk-lime); text-decoration-thickness: 3px; }
.loop-entry .post-more-link {
	font-weight: 700;
	color: var(--bk-indigo);
	text-transform: none;
	letter-spacing: 0;
	border-bottom: 2px solid var(--bk-lime);
	text-decoration: none;
}

/* Ведущая статья: первая запись первой страницы главной во всю ширину */
@media (min-width: 768px) {
	body.home:not(.paged) .post-archive > .entry-list-item:first-child {
		grid-column: 1 / -1;
	}
	body.home:not(.paged) .post-archive > .entry-list-item:first-child .entry-title {
		font-size: clamp(1.6rem, 2.4vw, 2.3rem);
		line-height: 1.2;
	}
}
@media (min-width: 1025px) {
	body.home:not(.paged) .post-archive > .entry-list-item:first-child > article.loop-entry {
		height: 100%;
		display: grid;
		grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
		align-items: stretch;
	}
	body.home:not(.paged) .post-archive > .entry-list-item:first-child > article.loop-entry .post-thumbnail {
		margin: 0;
		padding-bottom: 0;
		height: 100%;
		min-height: 360px;
	}
	body.home:not(.paged) .post-archive > .entry-list-item:first-child > article.loop-entry .post-thumbnail-inner {
		position: absolute;
		inset: 0;
	}
	body.home:not(.paged) .post-archive > .entry-list-item:first-child > article.loop-entry .post-thumbnail-inner img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	body.home:not(.paged) .post-archive > .entry-list-item:first-child > article.loop-entry .entry-content-wrap {
		display: flex;
		flex-direction: column;
		justify-content: center;
		padding: 2.5rem;
		background: var(--bk-indigo);
		color: #E9E8F6;
	}
	body.home:not(.paged) .post-archive > .entry-list-item:first-child > article.loop-entry .entry-title a,
	body.home:not(.paged) .post-archive > .entry-list-item:first-child > article.loop-entry .post-more-link { color: #fff; }
	body.home:not(.paged) .post-archive > .entry-list-item:first-child > article.loop-entry .entry-meta,
	body.home:not(.paged) .post-archive > .entry-list-item:first-child > article.loop-entry .entry-meta a { color: #C9C7E6; }
	body.home:not(.paged) .post-archive > .entry-list-item:first-child > article.loop-entry .entry-taxonomies a { background: var(--bk-lime); }
}

/* ---------- Статья ---------- */
.single .entry-content { font-size: 1.07rem; line-height: 1.75; }
.single .entry-content a { color: var(--bk-indigo-2); text-decoration-color: var(--bk-lime); text-decoration-thickness: 2px; }
.single .entry-content blockquote,
.bk-sample-note {
	border-left: 6px solid var(--bk-lime);
	background: var(--bk-indigo-soft);
	padding: 1rem 1.25rem;
	border-radius: 0 var(--bk-radius) var(--bk-radius) 0;
	font-style: normal;
}
.bk-sample-note { font-size: 0.95rem; color: var(--bk-indigo); }

/* ---------- Заголовок рубрики / поиска ---------- */
.archive .entry-hero .page-title,
.search .entry-hero .page-title,
.archive-title { color: var(--bk-indigo); }

/* ---------- Кнопки, поиск ---------- */
.button, button[type="submit"], input[type="submit"], .search-form .search-submit {
	border-radius: 999px;
}
.search-form input.search-field { border-radius: 999px; }

/* ---------- 404 ---------- */
.bk-404 .entry-content-wrap { text-align: left; }
.bk-404 h2 { margin-top: 2rem; }
.bk-404__code {
	font-weight: 800;
	font-size: clamp(4rem, 14vw, 8rem);
	line-height: 1;
	color: var(--bk-indigo);
	margin: 0;
	position: relative;
	display: inline-block;
}
.bk-404__code::after {
	content: "";
	position: absolute;
	left: -10px;
	top: -10px;
	width: 40px;
	height: 40px;
	border-top: 8px solid var(--bk-lime);
	border-left: 8px solid var(--bk-lime);
}
.bk-404__links {
	display: flex;
	flex-wrap: wrap;
	gap: 0.6rem;
	list-style: none;
	padding: 0;
	margin: 1rem 0 0;
}
.bk-404__links a {
	display: inline-block;
	padding: 0.5em 1em;
	border: 2px solid var(--bk-indigo);
	border-radius: 999px;
	font-weight: 700;
	color: var(--bk-indigo);
	text-decoration: none;
}
.bk-404__links a:hover { background: var(--bk-lime); border-color: var(--bk-lime); }

/* ---------- Подвал ---------- */
.site-footer .site-bottom-footer-wrap { color: #D6D4EE; }
.site-footer .site-bottom-footer-wrap a { color: var(--bk-lime); }

/* Длинные слова и адреса не должны распирать мобильную вёрстку */
.entry-content, .entry-title { overflow-wrap: break-word; }
img, svg { max-width: 100%; }