/**
 * RAUM 리뷰 갤러리 스타일
 * category-review.html 템플릿용 (DB 저장본 덮어쓰기 포함)
 */

/* ── 캐러셀 버튼 완전 제거 (파일/DB 어느 쪽이든 숨김) ── */
.raum-carousel-prev,
.raum-carousel-next,
.raum-reviews-carousel-outer .raum-carousel-btn,
.raum-reviews-grid-outer .raum-carousel-btn,
main .raum-carousel-btn {
	display: none !important;
}

/* ── 그리드 컨테이너 overflow ── */
.raum-reviews-grid-outer .wp-block-query,
.raum-reviews-carousel-outer .wp-block-query {
	overflow: visible !important;
}

/* =========================================
   기본 그리드 설정 (워드프레스 기본 레이아웃 덮어쓰기)
   ========================================= */
.raum-review-gallery,
.raum-reviews-grid-outer .raum-review-gallery,
.raum-reviews-grid-outer .wp-block-post-template,
.raum-reviews-grid-outer .wp-block-query .wp-block-post-template,
.raum-reviews-grid-outer .wp-block-query > ul,
.raum-reviews-grid-outer .wp-block-query [class*="post-template"] {
	display: grid !important;
	grid-template-columns: repeat(4, 1fr) !important;
	gap: 20px !important;
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
	overflow: visible !important;
	scroll-snap-type: none !important;
}

/* =========================================
   [데스크탑] 4개씩 3줄 (12개)
   ========================================= */
@media screen and (min-width: 768px) {
	.raum-review-gallery,
	.raum-reviews-grid-outer .raum-review-gallery,
	.raum-reviews-grid-outer .wp-block-post-template,
	.raum-reviews-grid-outer .wp-block-query .wp-block-post-template,
	.raum-reviews-grid-outer .wp-block-query > ul {
		grid-template-columns: repeat(4, 1fr) !important;
	}
}

/* =========================================
   [모바일] 1열 세로 정렬 (12개 모두 스크롤)
   ========================================= */
@media screen and (max-width: 767px) {
	.raum-review-gallery,
	.raum-reviews-grid-outer .raum-review-gallery,
	.raum-reviews-grid-outer .wp-block-post-template,
	.raum-reviews-grid-outer .wp-block-query .wp-block-post-template,
	.raum-reviews-grid-outer .wp-block-query > ul {
		grid-template-columns: 1fr !important;
		gap: 12px !important;
	}
}

/* ── 카드 기본 레이아웃 ── */
.raum-review-card {
	position: relative;
	overflow: hidden;
	border-radius: 8px;
	cursor: pointer;
	background-color: #f0f0f0;
}

/* ── 대표이미지: 4:3 비율로 높이 통일 (내용 보이도록 유지) ── */
.raum-review-card .wp-block-post-featured-image {
	display: block !important;
	margin: 0 !important;
	padding: 0 !important;
	line-height: 0 !important;
	width: 100% !important;
	overflow: hidden !important;
	aspect-ratio: 4 / 3 !important;
}

.raum-review-card .wp-block-post-featured-image > a,
.raum-review-card .wp-block-post-featured-image > div {
	display: block !important;
	margin: 0 !important;
	padding: 0 !important;
	height: 100% !important;
	min-height: 0 !important;
}

.raum-review-card .wp-block-post-featured-image img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	display: block !important;
	vertical-align: middle !important;
	transition: transform 0.4s ease;
}

/* ── 이미지가 없을 때 플레이스홀더 ── */
.raum-review-card .wp-block-post-featured-image:empty {
	background-color: #ddd;
	aspect-ratio: 4 / 3 !important;
	min-height: 180px !important;
}

/* ── hover 시 이미지 살짝 확대 ── */
.raum-review-card:hover .wp-block-post-featured-image img {
	transform: scale(1.05);
}

/* ── 오버레이 패널 (기본: 숨김, hover: 표시) ── */
.raum-review-overlay {
	position: absolute !important;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 1rem 1.1rem 1.1rem !important;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.82) 0%, rgba(0, 0, 0, 0.45) 70%, transparent 100%);
	transform: translateY(100%);
	transition: transform 0.35s ease;
	margin: 0 !important;
	max-width: none !important;
}

/* hover 시 오버레이 슬라이드 업 */
.raum-review-card:hover .raum-review-overlay {
	transform: translateY(0);
}

/* ── 오버레이 내 텍스트 ── */
.raum-review-overlay .wp-block-post-title,
.raum-review-overlay .wp-block-post-title a {
	color: #ffffff !important;
	font-size: 1rem !important;
	font-weight: 700 !important;
	line-height: 1.35;
	margin: 0 0 0.35rem 0 !important;
	text-decoration: none !important;
}

/* 리뷰 텍스트 4줄까지 표시 */
.raum-review-overlay .wp-block-post-excerpt,
.raum-review-overlay .wp-block-post-excerpt p,
.raum-review-overlay .wp-block-post-excerpt__excerpt {
	color: rgba(255, 255, 255, 0.88) !important;
	font-size: 0.85rem !important;
	line-height: 1.5;
	margin: 0 0 0.3rem 0 !important;
	display: -webkit-box !important;
	-webkit-line-clamp: 4 !important;
	-webkit-box-orient: vertical !important;
	overflow: hidden !important;
}

.raum-review-overlay .wp-block-post-excerpt__more-link {
	display: none;
}

.raum-review-overlay .wp-block-post-date {
	color: rgba(255, 255, 255, 0.65) !important;
	font-size: 0.75rem !important;
	margin: 0 !important;
}

/* ── 페이지네이션 간격 ── */
.wp-block-query-pagination {
	margin-top: 2.5rem;
}

/* 리뷰 카테고리: 4×3 그리드, 캐러셀/화살표 없음 */