/* ギャラリー自動スクロール — WPコアの columns / is-layout-flex より後で読む */
.wp-block-gallery.is-style-trimone-gallery-marquee,
.wp-block-gallery.trimone-gallery-marquee {
  --trimone-gallery-gap: 16px;
  --trimone-gallery-item-width: clamp(180px, 28vw, 300px);
  display: block !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  overflow: hidden !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-inline: 0;
  gap: 0 !important;
}

.wp-block-gallery.is-style-trimone-gallery-marquee .trimone-gallery-marquee__track,
.wp-block-gallery.trimone-gallery-marquee .trimone-gallery-marquee__track {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  gap: 0 !important;
  width: max-content !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none;
  will-change: transform;
  transform: translate3d(0, 0, 0);
  /* 動きは JS（rAF）。OSの「動きを減らす」でも止まらない */
}

.wp-block-gallery.is-style-trimone-gallery-marquee .trimone-gallery-marquee__set,
.wp-block-gallery.trimone-gallery-marquee .trimone-gallery-marquee__set {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  flex: 0 0 auto !important;
  gap: var(--trimone-gallery-gap) !important;
  width: max-content !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.wp-block-gallery.is-style-trimone-gallery-marquee .trimone-gallery-marquee__set + .trimone-gallery-marquee__set,
.wp-block-gallery.trimone-gallery-marquee .trimone-gallery-marquee__set + .trimone-gallery-marquee__set {
  margin-left: var(--trimone-gallery-gap) !important;
}

.wp-block-gallery.is-style-trimone-gallery-marquee.has-nested-images figure.wp-block-image:not(#individual-image),
.wp-block-gallery.trimone-gallery-marquee.has-nested-images figure.wp-block-image:not(#individual-image) {
  width: var(--trimone-gallery-item-width) !important;
  max-width: var(--trimone-gallery-item-width) !important;
  flex-grow: 0 !important;
}

.wp-block-gallery.is-style-trimone-gallery-marquee .trimone-gallery-marquee__set > figure.wp-block-image,
.wp-block-gallery.is-style-trimone-gallery-marquee .trimone-gallery-marquee__set > figure.wp-block-image:not(#individual-image),
.wp-block-gallery.trimone-gallery-marquee .trimone-gallery-marquee__set > figure.wp-block-image,
.wp-block-gallery.trimone-gallery-marquee .trimone-gallery-marquee__set > figure.wp-block-image:not(#individual-image),
.wp-block-gallery.is-style-trimone-gallery-marquee .trimone-gallery-marquee__set > *,
.wp-block-gallery.trimone-gallery-marquee .trimone-gallery-marquee__set > *,
.wp-block-gallery.is-style-trimone-gallery-marquee .trimone-gallery-marquee__track > figure.wp-block-image,
.wp-block-gallery.trimone-gallery-marquee .trimone-gallery-marquee__track > figure.wp-block-image {
  flex: 0 0 var(--trimone-gallery-item-width) !important;
  flex-grow: 0 !important;
  width: var(--trimone-gallery-item-width) !important;
  min-width: var(--trimone-gallery-item-width) !important;
  max-width: var(--trimone-gallery-item-width) !important;
  margin: 0 !important;
}

.wp-block-gallery.is-style-trimone-gallery-marquee .trimone-gallery-marquee__set img,
.wp-block-gallery.trimone-gallery-marquee .trimone-gallery-marquee__set img,
.wp-block-gallery.is-style-trimone-gallery-marquee .trimone-gallery-marquee__track > figure img,
.wp-block-gallery.trimone-gallery-marquee .trimone-gallery-marquee__track > figure img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  border-radius: 8px;
  pointer-events: auto;
}

.wp-block-gallery.is-style-trimone-gallery-marquee .trimone-gallery-marquee__set a,
.wp-block-gallery.trimone-gallery-marquee .trimone-gallery-marquee__set a {
  display: block;
  width: 100%;
  text-decoration: none;
}

.wp-block-gallery.is-style-trimone-gallery-marquee .trimone-gallery-marquee__set a:hover img,
.wp-block-gallery.trimone-gallery-marquee .trimone-gallery-marquee__set a:hover img,
.wp-block-gallery.is-style-trimone-gallery-marquee .trimone-gallery-marquee__set .luminous:hover,
.wp-block-gallery.trimone-gallery-marquee .trimone-gallery-marquee__set .luminous:hover,
.wp-block-gallery.is-style-trimone-gallery-marquee .trimone-gallery-marquee__set img:hover,
.wp-block-gallery.trimone-gallery-marquee .trimone-gallery-marquee__set img:hover {
  opacity: 0.92;
  transition: opacity 0.2s ease;
}

/* 複製セットも見た目のホバーは効かせる（拡大は JS で元画像へ委譲） */
.wp-block-gallery.is-style-trimone-gallery-marquee .trimone-gallery-marquee__set[aria-hidden="true"],
.wp-block-gallery.trimone-gallery-marquee .trimone-gallery-marquee__set[aria-hidden="true"] {
  cursor: pointer;
}

@media (max-width: 768px) {
  .wp-block-gallery.is-style-trimone-gallery-marquee,
  .wp-block-gallery.trimone-gallery-marquee {
    --trimone-gallery-gap: 12px;
    --trimone-gallery-item-width: clamp(150px, 55vw, 240px);
  }
}