/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

/* Scrollbar hide utility */
.scrollbar-hide {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

.scrollbar-hide::-webkit-scrollbar {
  display: none;  /* Safari and Chrome */
}

/* YouTubeプレビュー動画のコントロール完全非表示 */
.youtube-player-wrapper {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none !important;
}

/* iframeを拡大して上下のコントロール領域をクリッピングで隠す */
.youtube-player-wrapper iframe {
  position: absolute !important;
  top: -60px !important;
  left: -10px !important;
  width: calc(100% + 20px) !important;
  height: calc(100% + 120px) !important;
  pointer-events: none !important;
  border: 0 !important;
}

/* iframeの上に透明オーバーレイを配置して全イベントを遮断 */
.youtube-player-overlay {
  position: absolute;
  inset: 0;
  z-index: 5;
  background: transparent;
  pointer-events: auto;
}

/* アコーディオンのデフォルト矢印を非表示にする */
details summary::-webkit-details-marker {
  display: none;
}
details summary {
  display: flex;
}

/* アコーディオンが開いたときに矢印アイコンを回転する */
details[open] .accordion-arrow {
  transform: rotate(180deg);
}