/* 単体のInstagramアイコンをモノトーンに */
.insta-gray,
.insta-gray a { 
  background: transparent !important; /* 背景の丸が付くテーマ向け */
  color: #555 !important;             /* ロゴのみスタイルで効く色 */
}
.insta-gray svg {
  fill: #555 !important;              /* SVGロゴの塗りを上書き */
}

/* ホバーで少し濃くする（任意） */
.insta-gray:hover,
.insta-gray:hover a,
.insta-gray:hover svg {
  color: #111 !important;
  fill: #111 !important;
}

/* ==== Jetpack スライドショー（Swiper）用 ==== */
.fade-no-arrows.wp-block-jetpack-slideshow .swiper-button-prev,
.fade-no-arrows.wp-block-jetpack-slideshow .swiper-button-next {
  display: none !important;
}
.fade-no-arrows.wp-block-jetpack-slideshow .swiper-pagination {
  display: none !important; /* ドットを出したいならこの行を削除 */
}
.fade-no-arrows.wp-block-jetpack-slideshow .swiper-wrapper .swiper-slide {
  opacity: 0;
  transition: opacity 600ms ease-in-out;
}
.fade-no-arrows.wp-block-jetpack-slideshow .swiper-wrapper .swiper-slide.swiper-slide-active {
  opacity: 1;
}

/* ==== Core ギャラリーのカルーセル（Splide）用 ==== */
.fade-no-arrows.wp-block-gallery.is-style-carousel .splide__arrow {
  display: none !important;
}
.fade-no-arrows.wp-block-gallery.is-style-carousel .splide__pagination {
  display: none !important; /* ドットを出したいならこの行を削除 */
}
/* フェード表現（アクティブのみ不透明） */
.fade-no-arrows.wp-block-gallery.is-style-carousel .splide__slide {
  opacity: 0;
  transition: opacity 600ms ease-in-out;
}
.fade-no-arrows.wp-block-gallery.is-style-carousel .splide__slide.is-active {
  opacity: 1;
}

/* ==== Simple Block Gallery（入っている場合）対策（汎用） ==== */
.fade-no-arrows [class*="splide"] .splide__arrow,
.fade-no-arrows [class*="splide"] .splide__pagination {
  display: none !important;
}
.fade-no-arrows [class*="splide"] .splide__slide { 
  opacity: 0; 
  transition: opacity 600ms ease-in-out;
}
.fade-no-arrows [class*="splide"] .splide__slide.is-active { 
  opacity: 1; 
}


/* YA header: logo left, menu right - review draft 2026-10-03 */
@media (max-width: 768px) {
  header.ya-subpage-header {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  header.ya-subpage-header > .wp-block-group.ya-subpage-header {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  header.ya-subpage-header .ya-subpage-header-inner {
    width: 100% !important;
    max-width: 100% !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 12px 0 !important;
    margin: 0 auto !important;
    background-position: left bottom !important;
  }

  header.ya-subpage-header .ya-subpage-header-inner > .wp-block-image {
    flex: 0 1 auto !important;
    width: clamp(160px, 56vw, 216px) !important;
    max-width: calc(100% - 56px) !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  header.ya-subpage-header .ya-subpage-header-inner > .wp-block-image img,
  header.ya-subpage-header .ya-subpage-header-inner > .wp-block-image amp-img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
  }

  header.ya-subpage-header .ya-subpage-header-inner > .wp-block-navigation {
    flex: 0 0 auto !important;
    margin: 0 0 0 auto !important;
  }

  header.ya-subpage-header .wp-block-navigation__responsive-container-open {
    display: flex !important;
    width: 44px !important;
    min-height: 44px !important;
    align-items: center !important;
    justify-content: center !important;
  }

  header.ya-subpage-header .wp-block-navigation__responsive-container:not(.is-menu-open) {
    display: none !important;
  }
}