/**
 * Astra Custom Theme - Custom Styles
 *
 * @package Astra Custom
 * @since 0.1.0
 */

/**
 * 認定施工店カード - ヒーロー画像スタイル
 *
 * アスペクト比 3:2 で統一し、画像をトリミング
 */
.shop-hero-img {
	width: 100%;
	aspect-ratio: 3 / 2;
	object-fit: cover;
	object-position: center;
	transition: filter 0.3s ease;
}

/**
 * 画像リンクホバーエフェクト
 *
 * ホバー時に画像を10%明るくする
 */
a:hover .shop-hero-img {
	filter: brightness(1.1);
}

/**
 * 地域リスト - デスクトップ表示の最大幅制限
 *
 * デスクトップ（1024px以上）のみ親コンテナの最大幅を60emに制限
 * row クラスの負のマージンを考慮するため、親の container-md に適用
 */
@media (min-width: 1024px) {
	.container-md:has(.prefectures-list) {
		max-width: 60em;
	}
}