/* ========================================
   БЛОГ - СЕТКА И КАРТОЧКИ
   ======================================== */

/* Сетка постов */
.item__row{display: flex; flex-wrap: wrap; gap: 50px 20px}
.item__block{width: calc((100% - 40px) / 3); display: flex; flex-direction: column; height: 100%}

/* Обложка */
.item__cover{border-radius: 20px; overflow: hidden; position: relative; display: block; transition: opacity 0.3s ease}
.item__cover:hover{opacity: 0.9}
.item__cover img{width: 100%; height: auto; display: block}

/* Заголовок */
.item__title{font: 700 30px/34px 'Philosopher'; color: #402714; padding: 20px 0 10px; text-decoration: none; transition: color 0.3s ease; display: block}
.item__title:hover{color: #BCA774}

/* Инфо блок (дата) */
.item__info{display: flex; gap: 20px; padding: 0 0 15px; font-weight: 400; font-size: 14px; line-height: 1.3; color: #8a7a6a}
.item__info-char{display: flex; align-items: center; gap: 8px}
.item__info-char svg{width: 20px; height: 20px; flex-shrink: 0; fill: none; stroke: #8a7a6a}
.item__info-char svg use{stroke: #8a7a6a}

/* Контент */
.item__content{font-weight: 400; font-size: 16px; line-height: 1.5; color: #402714; flex: 1}

/* Кнопки - прижимаем к низу */
.btn__group{margin-top: auto; padding-top: 20px}
.btn__group .btn{display: inline-flex; align-items: center; gap: 10px}
.btn__group svg{transform: translateY(3px)}

/* Пустое состояние */
.blog-empty{text-align: center; padding: 60px 20px; width: 100%}
.blog-empty p{font: 400 18px/1.5 'Philosopher'; color: #402714; opacity: 0.7}


/* ========================================
   БЛОГ - SWIPER
   ======================================== */

.wrapper__blog{position: relative}

/* Стрелки навигации */
.blog-more-arrow{top: 50%; position: absolute; z-index: 5; transform: translateY(-50%); margin-top: -27px; left: -40px; background: none; border: none; cursor: pointer; padding: 0}
.blog-more-arrow.swiper-arrow-next{right: -40px; left: auto}
.blog-more-arrow svg{transition: filter 0.3s ease}
.blog-more-arrow.swiper-button-disabled svg,
.blog-more-arrow.swiper-button-disabled:hover svg{filter: brightness(0.5); opacity: 0.2; cursor: not-allowed}
.blog-more-arrow:hover svg{filter: brightness(0.5)}

.wrapper__blog .swiper-slide{height:auto; display:flex; flex-direction:column}
/* ========================================
   БЛОГ - ЗАГОЛОВКИ (если используются)
   ======================================== */

.widget__title-h1{padding-bottom: 60px}
.widget__title-desc{display: flex; align-items: center; gap: 0 10px}
.widget__title-desc svg{animation: icon-rotate 8s linear infinite}
@keyframes icon-rotate{
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}


/* ========================================
   БЛОГ - АДАПТИВ
   ======================================== */

/* 1499px */
@media(max-width: 1499px){
	.item__title{font: 700 26px/30px 'Philosopher'; padding: 15px 0 8px}
	.widget__title-desc svg{width: 40px; height: auto}
	.item__content{font-size: 15px}
	.item__info{font-size: 13px; gap: 15px}
	.item__info-char svg{width: 18px; height: 18px}
}

/* 1199px */
@media(max-width: 1199px){
	.item__block{width: calc((100% - 20px) / 2)}
	.widget__title-desc svg{width: 32px; height: auto}
	.widget__title-h1 .widget__title-desc{margin-top: 10px}
}

/* 991px */
@media(max-width: 991px){
	.widget__title-h1{padding-bottom: 40px}
	.item__title{font: 700 24px/28px 'Philosopher'; padding: 10px 0 8px}
	.widget__title-desc svg{width: 24px; height: auto}
	.btn__group .btn{gap: 7px}
	.btn__group svg{transform: translateY(1px)}
	.item__info{font-size: 12px; gap: 12px; padding: 0 0 10px}
	.item__info-char svg{width: 16px; height: 16px}
}

/* 767px */
@media(max-width: 767px){
	.widget__title-h1{padding-bottom: 30px}
	.item__row{gap: 30px 0}
	.item__block{width: 100%}
	.item__content{font-size: 14px}
	.item__info{font-size: 12px; gap: 15px}
}

/* 575px */
@media(max-width: 575px){
	.widget__title-desc svg{display: none}
	.wrapper__blog .swiper{overflow: visible}
	.wrapper__blog .swiper-slide{max-width: 360px;}
	.blog-more-arrow{display: none}
	.wrapper__blog .swiper-pagination{display: block; position: relative; margin-top: 20px}
	.wrapper__blog .swiper-pagination-bullet{width: 10px; height: 10px; background: #D4C5B8; opacity: 1; border-radius: 50%}
	.wrapper__blog .swiper-pagination-bullet-active{background: #BCA774}
}
/* 350px */
@media(max-width: 350px){
	.btn__group svg{display: none}
	.item__info{flex-wrap: wrap; gap: 8px}
}
/* ========================================
   БЛОГ - ПАГИНАЦИЯ (десктоп скрыта)
   ======================================== */

@media(min-width: 576px){
	.wrapper__blog .swiper-pagination{display: none}
}