/* =========================================================================
   КУЗНЯ КАВИ — сторінка блогу
   Токени з kk-header.css (:root)
   ========================================================================= */

body.blog { background: #FAF8F0; }

/* Контейнер сайту на всю ширину */
.container.grid-container { width: 100%; max-width: unset; }
.site-content { display: block; }

/* Прибираємо контейнерні обгортки/фон GeneratePress на блозі */
body.blog .site-content,
body.blog #primary,
body.blog .content-area,
body.blog .site-main,
body.blog article,
body.blog .inside-article,
body.blog .entry-content {
	background: transparent !important; box-shadow: none !important; border: 0 !important;
	padding: 0 !important; margin: 0 !important;
}
body.blog #content > .container,
body.blog #content > .grid-container,
body.blog .site-content > .container,
body.blog .site-content > .grid-container { max-width: 100% !important; padding: 0 !important; }

.kk-blogp { padding: 60px 0 90px; }
.kk-blogp__container { max-width: 1280px; margin: 0 auto; padding: 0 28px; }
.kk-blogp__title { font-size: clamp(26px, 3vw, 36px); font-weight: 800; text-transform: uppercase; margin: 0 0 40px; color: var(--kk-text-dark); }

/* Сітка */
.kk-blogp__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 26px; }

/* Картка */
.kk-blogp__card {
	position: relative; display: block; height: 380px; border-radius: 16px; overflow: hidden;
	background: #ddd center/cover no-repeat; text-decoration: none;
	transition: transform var(--kk-ease);
}
.kk-blogp__card:hover { transform: translateY(-6px); }
.kk-blogp__overlay { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,0) 38%, rgba(0,0,0,.82) 100%); }
.kk-blogp__meta { position: absolute; left: 0; right: 0; bottom: 0; z-index: 1; padding: 24px; color: #fff; display: block; }
.kk-blogp__ctitle { display: block; font-size: 19px; font-weight: 700; line-height: 1.25; margin-bottom: 10px; }
.kk-blogp__date { display: block; font-size: 14px; color: rgba(255,255,255,.75); }

.kk-blogp__empty { color: #6f6a60; font-size: 16px; }

/* Пагінація */
.kk-blogp__pagination { margin-top: 50px; }
.kk-blogp__pagination .page-numbers {
	list-style: none; margin: 0; padding: 0;
	display: flex; align-items: center; justify-content: center; gap: 10px; flex-wrap: wrap;
}
.kk-blogp__pagination .page-numbers li { display: inline-flex; }
.kk-blogp__pagination .page-numbers a,
.kk-blogp__pagination .page-numbers span {
	display: inline-flex; align-items: center; justify-content: center;
	min-width: 46px; height: 46px; padding: 0 10px;
	border: 1px solid rgba(27,26,24,.18); border-radius: 10px;
	background: #fff; color: var(--kk-text-dark); text-decoration: none;
	font-size: 16px; font-weight: 600; transition: background var(--kk-ease), color var(--kk-ease), border-color var(--kk-ease);
}
.kk-blogp__pagination .page-numbers a:hover { border-color: var(--kk-text-dark); }
.kk-blogp__pagination .page-numbers .current {
	background: #171717; border-color: #171717; color: #fff;
}
.kk-blogp__pagination .page-numbers .dots { border: 0; background: transparent; min-width: auto; }
.kk-blogp__pagination .page-numbers .prev,
.kk-blogp__pagination .page-numbers .next { font-size: 20px; }

/* ---------- АДАПТИВ ---------- */
@media (max-width: 900px) {
	.kk-blogp__grid { grid-template-columns: 1fr 1fr; gap: 20px; }
	.kk-blogp__card { height: 340px; }
}
@media (max-width: 560px) {
	.kk-blogp { padding: 36px 0 60px; }
	.kk-blogp__container { padding: 0 18px; }
	.kk-blogp__grid { grid-template-columns: 1fr; gap: 18px; }
	.kk-blogp__card { height: 300px; }
	.kk-blogp__pagination .page-numbers a,
	.kk-blogp__pagination .page-numbers span { min-width: 40px; height: 40px; font-size: 15px; }
}