/*
Theme Name: Lightning Child Sample
Theme URI:
Template: lightning
Description:
Author:
Tags:
Version: 0.6.1
*/

/* =======================================
   Cover ブロック共通アニメーション
   クラス名： hover-scale
======================================= */

/* 通常時（アニメーション準備） */
.hover-scale .wp-block-cover__image-background {
  transition: transform 0.4s ease-out;
}

/* hover時（拡大） */
.hover-scale:hover .wp-block-cover__image-background {
  transform: scale(1.08);
}

/* スマホ用、inner-container の隙間対策 */
.hover-scale .wp-block-cover__inner-container {
  max-width: 100vw;
}

/* =======================================
   hover-scale-shop（強制版）
   通常画像に100％効かせる
======================================= */

/* 画像を包む要素 */
.hover-scale-shop {
  overflow: hidden !important;
  display: block;
  position: relative;
}

/* 通常時 */
.hover-scale-shop img {
  transition: transform 0.4s ease-out !important;
  transform: none !important; /* 初期値をリセット */
  display: block !important;
  width: 100% !important;
  height: auto;
}

/* hover時（強制拡大） */
.hover-scale-shop:hover img {
  transform: scale(1.08) !important;
}
.hover-scale-shop img {
  will-change: transform;
  backface-visibility: hidden;
}


/* =======================================
   お店テンプレートファイル
======================================= */
/* 電話アイコン＋番号を横並びに */
.acf-tel-group {
	display: flex;
	align-items: center;
	gap: 0.5em; /* アイコンと番号のすき間 */
}

/* 余白を整えたい場合（お好みで） */
.acf-tel-group .vk_icon {
	margin-right: 0.25em;
}

/* キーワード行 */
.point-tags-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    column-gap: 1rem; /* 1rem 間隔 */
    row-gap: 0.3rem;
}

/* ショートコードが暴れるのを防ぐ */
.point-tags-row .wp-block-shortcode {
    margin: 0 !important;
    padding: 0 !important;
    flex: 0 0 auto;
}