/* Caizi Gallery Compat — 基礎版面；外觀細節由子佈景主題 style.css 的 .aigpl-* 規則負責 */

/* 相簿列表與相簿內頁格線 */
.czgc-grid { display: flex; flex-wrap: wrap; margin: 0 -12px; }
.czgc-grid .aigpl-columns { box-sizing: border-box; padding: 0 12px; margin-bottom: 30px; }
.czgc-grid .aigpl-col-1 { width: 100%; }
.czgc-grid .aigpl-col-2 { width: 50%; }
.czgc-grid .aigpl-col-3 { width: 33.3333%; }
.czgc-grid .aigpl-col-4 { width: 25%; }
.czgc-grid .aigpl-img-wrp { height: 210px; overflow: hidden; border-radius: 50px; }
.czgc-grid .aigpl-img-link,
.czgc-grid .aigpl-img { display: block; width: 100%; height: 100%; }
.czgc-grid .aigpl-img { object-fit: cover; transition: transform .3s ease; }
.czgc-grid .aigpl-img-link:hover .aigpl-img { transform: scale(1.05); }
.aigpl-center { text-align: center; }

.czgc-album-head { margin-bottom: 24px; }
.czgc-back { display: inline-block; margin-bottom: 8px; color: #7ebec5; }
.czgc-album-title { font-size: 22px; color: #666; }

@media (max-width: 980px) {
	.czgc-grid .aigpl-col-3, .czgc-grid .aigpl-col-4 { width: 50%; }
}
@media (max-width: 479px) {
	.czgc-grid .aigpl-columns { width: 100%; }
}

/* 輪播 */
.czgc-slider { position: relative; --czgc-show: 3; }
.czgc-viewport { overflow: hidden; }
.czgc-track { display: flex; transition: transform .3s ease; will-change: transform; }
.czgc-slider .aigpl-slider-slide { flex: 0 0 calc(100% / var(--czgc-show)); box-sizing: border-box; padding: 0 12px; }
.czgc-slider .aigpl-img-link,
.czgc-slider .aigpl-img { display: block; width: 100%; height: auto; }
.czgc-slider .slick-prev,
.czgc-slider .slick-next {
	position: absolute; top: 50%; z-index: 2; width: 40px; height: 40px; margin-top: -20px;
	padding: 0; border: 0; cursor: pointer; font-size: 0; background-color: transparent;
}
.czgc-slider .slick-prev { left: -5%; }
.czgc-slider .slick-next { right: -5%; }
.czgc-dots { display: flex; justify-content: center; gap: 8px; margin-top: 12px; }
.czgc-dots:empty { display: none; }
.czgc-dots button { width: 10px; height: 10px; padding: 0; border: 0; border-radius: 50%; background: #ccc; cursor: pointer; }
.czgc-dots button.is-active { background: #7ebec5; }

@media (max-width: 980px) {
	.czgc-slider { --czgc-show: 2 !important; }
}
@media (max-width: 479px) {
	.czgc-slider { --czgc-show: 1 !important; }
}