/**
 * トップページ「イベント情報」スライダー
 *
 * アイキャッチにはチラシ（A4 縦）が入ることが多い。チラシによって画像ファイル内の白い余白や
 * 地の色が違うため、枠が見えないと絵柄の大きさ・位置がばらばらに見える。
 * 画像の枠を白地の角丸カードとして見せ、チラシはその中に高さ基準で全体を収める（切れない）。
 * 質感はコラムのカード（白地・角丸 20px・茶系の淡い影）と揃える。
 *
 * @package satooya-custom
 */

.satooya-event-slider .wp-block-post-featured-image {
	overflow: hidden;
	border-radius: 20px;
	background: #fff;
	box-shadow: 0 4px 16px rgba( 180, 120, 80, 0.14 );
}

.satooya-event-slider .wp-block-post-featured-image img {
	box-sizing: border-box;
	padding: 12px;
	border-radius: 0 !important; /* ブロック設定の角丸（20px）は枠側で持つ */
	background: #fff;
	object-fit: contain;
}

/* 1枚おきにカードを 32px 下げる（ジグザグ配置）ための余白ブロックを無効にし、高さを揃える。
   本文では 3 枚のスライドの先頭（query の直前）に vk spacer（PC・タブレットのみ表示）が入っている */
.satooya-event-slider .vk_slider_item_container > .wp-block-vk-blocks-spacer {
	display: none;
}

/* 影が切れないよう、スライドの上下に少し余白を持たせる */
.satooya-event-slider .swiper-slide {
	padding-top: 6px;
	padding-bottom: 6px;
}