/*
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％効かせる
======================================= */

/* 枠（figure.hover-scale-shop）を「一定サイズの箱」にする */
figure.hover-scale-shop,
.hover-scale-shop {
  position: relative;
  display: block;
  overflow: hidden;         /* はみ出しを隠す */
  margin: 0;                /* 画像上下の余白をなくす（お好みで） */
  aspect-ratio: 3 / 2;      /* 縦横比を固定（必要に応じて変更してOK） */
}

/* 画像は「箱の中にピッタリ固定」 */
figure.hover-scale-shop img,
.hover-scale-shop img {
  position: absolute;
  inset: 0;                 /* top/right/bottom/left: 0; と同じ */
  width: 100%;
  height: 100%;
  object-fit: cover;        /* 塗りつぶし */
  display: block;
  transform: scale(1);      /* 初期状態 */
  transform-origin: center center;
  transition: transform 0.4s ease-out;
  will-change: transform;   /* アニメを滑らかに */
}

/* hover時：箱の中だけでズーム */
figure.hover-scale-shop:hover img,
.hover-scale-shop:hover img {
  transform: scale(1.08);
}




/*電話番号の見せ方*/
.acf-tel-group {
  display: flex !important;
  align-items: center;
  gap: 0.25em !important; /* ← アイコンと数字の間隔 */
  margin: 0 !important;
  padding: 0 !important;
}

.acf-tel-group p {
  margin: 0 !important;
}


/* =======================================
   電話番号整理
======================================= */
/* ボタン行：左揃え ＆ スキマ詰める */
.acf-button-row {
  display: flex !important;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.4rem; /* 好みで調整 */
}

/* 空の p タグを消す */
.acf-button-row > p {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* 子要素を flex item として扱わせる（重要） */
.acf-button-row > div {
  display: flex !important;
  align-items: center;
  margin: 0 !important;
}

/* VKボタンの不要余白を削る */
.acf-button-row .vk_button {
  margin: 0 !important;
}