/* --- Sansui Home Section Covers --- */
.sansui-home-section-covers {
  --tile-scale: 1; /* ← 全体スケール（0.9〜1.3などで調整） */
  --section-radius: 16px;
  --section-min-h: calc(560px * var(--tile-scale));
  --section-pad-y: calc(16px * var(--tile-scale));
  --section-pad-x: calc(20px * var(--tile-scale));
  --tiles-gap-x: calc(16px * var(--tile-scale));
  --tiles-gap-y: calc(0px * var(--tile-scale));
  --news-btn-pad-y: calc(12px * var(--tile-scale));
  --news-btn-pad-x: calc(20px * var(--tile-scale));
}

.sansui-home-section-covers .section-title {
  font-size: calc( var(--tile-scale) * clamp(18px, 2.4vw, 24px) );
  font-weight: 700;
  margin: 0;
  line-height: 1.3;
}

.sansui-home-section-covers .section-cta {
  font-size: calc(16px * var(--tile-scale));
  margin: 0;
}

.sansui-home-section-covers .tiles {
  column-gap: var(--tiles-gap-x);
  row-gap: var(--tiles-gap-y);
}

/* Match hero width: center the tiles to the theme's wide size */
.wp-block-group.alignfull.sansui-home-section-covers .tiles {
  width: 100%;
  max-width: var(--wp--style--global--wide-size, 1280px);
  margin-left: auto;
  margin-right: auto;
}

/* --- Whitewash overlay helpers (for individual tiles) --- */
.sansui-home-section-covers .section-cover .wp-block-cover__background {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.sansui-home-section-covers .section-cover .wp-block-cover__background.is-white-overlay {
  background-color: #fff;
}
.sansui-home-section-covers .section-cover .wp-block-cover__background.has-background-dim-30 {
  opacity: 0.3;
}
.sansui-home-section-covers .section-cover .wp-block-cover__background.has-background-dim-40 {
  opacity: 0.4;
}
/* (has-background-dim-60 already exists; use that for stronger wash) */

/* --- Product tile label & stacking --- */
.sansui-home-section-covers .section-cover .wp-block-cover__inner-container {
  position: relative;
  z-index: 6;            /* above .tile-link(z-index:5) */
  pointer-events: none;  /* let the whole tile remain clickable */
}
.sansui-home-section-covers .section-label {
  color: #111;
  font-weight: 700;
  font-size: clamp(18px, 2.4vw, 24px);
  line-height: 1.2;
}

.sansui-home-section-covers .news-cta .wp-block-button__link {
  padding: var(--news-btn-pad-y) var(--news-btn-pad-x);
  border-radius: 9999px;
  font-weight: 700;
  font-size: 16px;
  line-height: 1;
  text-decoration: none;
  display: inline-block;
  box-shadow: none;
  transition: background-color 0.3s ease;
}

@media (max-width: 782px) {
  .sansui-home-section-covers {
    --section-min-h: calc(360px * var(--tile-scale));
    --section-pad-y: calc(20px * var(--tile-scale));
    --section-pad-x: calc(20px * var(--tile-scale));
  }
  .sansui-home-section-covers .section-title {
    font-size: calc( var(--tile-scale) * clamp(16px, 4vw, 20px) );
  }
  .sansui-home-section-covers .section-cta {
    font-size: calc(14px * var(--tile-scale));
  }
}

/* --- Scale utilities (簡単に全体スケールを変更) --- */
.sansui-home-section-covers.scale-90  { --tile-scale: .90; }
.sansui-home-section-covers.scale-95  { --tile-scale: .95; }
.sansui-home-section-covers.scale-100 { --tile-scale: 1; }
.sansui-home-section-covers.scale-105 { --tile-scale: 1.05; }
.sansui-home-section-covers.scale-110 { --tile-scale: 1.10; }
.sansui-home-section-covers.scale-115 { --tile-scale: 1.15; }
.sansui-home-section-covers.scale-120 { --tile-scale: 1.20; }
.sansui-home-section-covers.scale-130 { --tile-scale: 1.30; }