/**
 * Newsroom Toolkit — 슬라이더/섹션 표시 스타일.
 *
 * 카드·슬라이드의 풍부한 룩앤필은 GP Newsroom 자식 테마(news.css)가 정의한다.
 * 이 파일은 (1) Splide 위치 보정, (2) 테마 부재 시 최소 폴백을 담당한다.
 */

/* ---------- 슬라이더 래퍼 ---------- */
.gpnr-slider { margin-bottom: 8px; }
.gpnr-slider .splide__track { border-radius: 10px; }

/* 화살표/페이지네이션 톤 */
.gpnr-slider .splide__arrow {
	background: rgba(0, 0, 0, 0.55);
	opacity: 1;
}
.gpnr-slider .splide__arrow svg { fill: #fff; }
.gpnr-slider .splide__arrow:hover:not(:disabled) { background: var(--gpnr-accent, #cd1b5e); }
.gpnr-slider .splide__pagination__page.is-active { background: var(--gpnr-accent, #cd1b5e); }

/* ---------- 카테고리 섹션 래퍼 ---------- */
.gpnr-catsec + .gpnr-catsec { margin-top: clamp(24px, 4vw, 40px); }

/* ---------- 자동 주입 래퍼: 컬럼/그리드 블로그 레이아웃 호환(테마 부재 대비) ---------- */
/* GeneratePress 'Columns' 레이아웃의 .generate-columns-container(flex) 안에
   주입 블록이 들어가 폭이 붕괴되는 것을 방지(테마 news.css 가 없을 때의 폴백). */
.gpnr-home-inject {
	width: 100%;
	max-width: 100%;
	flex: 0 0 100%;
	float: none;
	clear: both;
}
.generate-columns-container > .gpnr-home-inject { margin-left: 0; padding-left: 0; }
.gpnr-card { min-width: 0; }

/* ---------- 테마 부재 시 최소 폴백 ---------- */
/* (GP Newsroom 미사용 환경에서도 레이아웃이 깨지지 않도록) */
.gpnr-card-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
	gap: 24px;
}
.gpnr-card__link { text-decoration: none; color: inherit; display: block; }
.gpnr-card__thumb {
	display: block;
	aspect-ratio: 3 / 2;
	background-size: cover;
	background-position: center;
	border-radius: 10px;
}
.gpnr-card__headline { font-weight: 700; line-height: 1.4; display: block; margin-top: 10px; }
.gpnr-slide__link { display: block; position: relative; color: #fff; text-decoration: none; aspect-ratio: 16/9; border-radius: 10px; overflow: hidden; background: #111; }
.gpnr-slide__thumb { position: absolute; inset: 0; background-size: cover; background-position: center; }
.gpnr-slide__overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,.82), rgba(0,0,0,0) 60%); }
.gpnr-slide__body { position: absolute; left: 0; right: 0; bottom: 0; padding: 24px; }