/*
 Theme Name:   Soledad Child Theme
 Theme URI:    http://pencidesign.com/
 Description:  Soledad Child Theme - Made by PenciDesign
 Author:       Pencidesign
 Version:      1.0
 Author URI:   http://pencidesign.com/
 Template:     soledad
 Text Domain:  soledad
*/

/* = Theme customization go here
-------------------------------------------------------------- */

/* ===== IGヒーロー：全画面・カバー・フェード ===== */
.mgw-ig-hero{
  position: relative;
  width: 100%;
  height: 100svh !important;   /* 画面いっぱい */
  min-height: 100svh !important;
  overflow: hidden;
  aspect-ratio: auto !important;   /* 過去の比率指定を無効化 */
}
@supports (height: 100dvh){
  .mgw-ig-hero{ height: 100dvh !important; min-height: 100dvh !important; }
}
.mgw-ig-hero .mgw-hero-slide{
  position: absolute; inset: 0;
  background-size: cover;          /* 画像を裁断せず全面フィット */
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0; transition: opacity 1s ease;
}
.mgw-ig-hero .mgw-hero-slide.is-active{ opacity: 1; }
/* 黒オーバーレイ 0.75（必要なら数値だけ調整） */
.mgw-hero-overlay{ position:absolute; inset:0; background:rgba(0,0,0,.75); pointer-events:none; }
/* ヒーロー上のテキストが隠れる場合は、テキスト側にこれを追加：
   position:relative; z-index:1; */

/* （任意）スマホは少し低めにしたい場合はコメントアウト解除
@media (max-width: 768px){
  .mgw-ig-hero{ height: 90svh !important; min-height: 90svh !important; }
}
*/

/* ===== IGフッター：3〜6枚の横並びグリッド ===== */
.mgw-ig-footer-strip{
  display: grid;
  gap: 8px;
  /* 列数はショートコードの count に合わせてサーバ側で出力されます。
     ここでは最小スタイルだけ上書き。 */
  align-items: stretch;
}
.mgw-ig-footer-strip .mgw-ig-thumb{
  display:block; position:relative; overflow:hidden; border-radius:10px;
}
.mgw-ig-footer-strip img{
  width:100%; height:100%; object-fit:cover; display:block; aspect-ratio:1/1;
  transition: transform .3s ease;
}
.mgw-ig-footer-strip .mgw-ig-thumb:hover img{ transform: scale(1.05); }
@media (max-width:768px){
  /* SPは自動で3列になるようショートコード側で設定済み */
}