/*
Theme Name: OLTANA-002 Child
Version: 1.0.0
Template: oltana-002
Author: CROOVER inc.
Author URI: https://croover.co.jp
*/

/* =========================
   ACCESS：画像カラムだけ最小上書き（親の配分は触らない）
   ========================= */
#ol-section-access{
  /* 調整しやすいトークン */
  --access-pad-pc-top: 24px;   /* PC：画像カラムの上余白 */
  --access-pad-pc-right: clamp(16px, 2vw, 24px); /* PC：画像カラムの右余白 */
  --access-pad-sp: 30px;       /* SP：画像カラムの外側余白 */
  --access-gap-pc: 16px;       /* PC：画像と画像の間隔 */
  --access-gap-sp: 10px;       /* SP：画像と画像の間隔 */
  --access-gap-bottom: 20px;   /* SP：画像下と情報表の間隔 */
  --access-border: var(--ol-border-color, #e5e5e5); /* テーマの罫線色に追従 */
}

/* 左：画像カラム（ラッパ）? 配分は親のまま。外側余白のみ追加 */
#ol-section-access .ol-access__media{
  box-sizing: border-box;
  flex-basis: 50%;
  max-width: 50%;
  display: block;
  padding-top: var(--access-pad-pc-top);
  padding-right: var(--access-pad-pc-right);
}

/* 右：情報カラム ? 幅配分は親のまま（触らない） */

/* 画像ブロックを縦積み＋余白は margin-top で一元管理 */
#ol-section-access .ol-access__media .ol-access__image{
  display: block;
  margin: 0;      /* 既存余白をリセット */
  padding: 0;     /* 親の mixin パディングを打ち消す */
}

/* 画像本体：四角＆フル幅（親の .ol-radius-regular を無効化） */
#ol-section-access .ol-access__media .ol-access__image img,
#ol-section-access img.ol-radius-regular,
#ol-section-access .ol-access__map{
  display: block;
  width: 100%;
  height: auto;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* PC：画像と画像の間隔 */
@media (min-width: 1025px){
  #ol-section-access .ol-access__media .ol-access__image + .ol-access__image{
    margin-top: var(--access-gap-pc);
  }
}

/* SP：画像カラムは全幅化＋外側余白、画像間の罫線は“画像側のみ”無効化 */
@media (max-width: 1024px){
  #ol-section-access .ol-access__media{
    flex-basis: 100%;
    max-width: 100%;
    padding: var(--access-pad-sp);
    padding-bottom: var(--access-gap-bottom); /* ← 下側に空きを復活 */
  }
  #ol-section-access .ol-access__media .ol-access__image + .ol-access__image{
    margin-top: var(--access-gap-sp);
  }
  /* 画像間に入る疑似ボーダーを完全に無効化（画像側に限定） */
  #ol-section-access .ol-access__media .ol-access__image::before,
  #ol-section-access .ol-access__media .ol-access__image::after,
  #ol-section-access .ol-access__media .ol-access__image *::before,
  #ol-section-access .ol-access__media .ol-access__image *::after{
    content: none !important;
    border: 0 !important;
    background: none !important;
    box-shadow: none !important;
  }

  /* 重要：店名（情報1行目）の“上罫線”を明示的に出す */
  #ol-section-access .ol-access__info .ol-access__info-item:first-child{
    position: relative;
    border-top: 1px solid var(--access-border);
  }
}

/* ACCESS：SP時に .ol-access__image に付く左・下の罫線を無効化（インラインCSS対策） */
@media screen and (max-width: 540px) {
  #ol-section-access .ol-access__image {
    border-left: 0 !important;
    border-bottom: 0 !important;
  }
}