/*
Theme Name: DHL Theme
Theme URI: https://destination-hokkaido-lab.jp/
Author: Destination HOKKAIDO Lab
Author URI: https://destination-hokkaido-lab.jp/
Description: Destination HOKKAIDO Lab公式サイト用オリジナルテーマ。観光DX・写真映像・コンサルティング・新規事業開発の4事業を紹介。Pattern 6 / Sharp Editorial 採用。
Version: 0.2.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dhl-theme
*/

/* メインスタイルは assets/css/main.css に分離 */

/* ================================================
   single-videos.php — 動画プレイヤー
   ================================================ */
.video-stage {
  background: #0a0c0f;
  padding: clamp(2rem, 5vw, 4rem) 0;
}
.video-player {
  position: relative;
  width: min(960px, 92vw);
  margin: 0 auto;
  aspect-ratio: 16 / 9;
}
.video-player iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: none;
}

/* シアターモーダル内 iframe */
.theater-modal__iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: none;
}

/* 映像スペック（大型タイポグラフィ） */
.video-specs {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(2rem, 6vw, 5rem);
  padding: clamp(2rem, 5vw, 3.5rem) 0;
  border-top: 1px solid rgba(255,255,255,.12);
  border-bottom: 1px solid rgba(255,255,255,.12);
  margin-block: clamp(2rem, 4vw, 3rem);
}
.video-specs__label {
  font-size: .68rem;
  letter-spacing: .18em;
  text-transform: uppercase;
  opacity: .45;
  margin: 0 0 .5rem;
}
.video-specs__value {
  font-size: clamp(1.6rem, 4.5vw, 2.8rem);
  font-weight: 300;
  letter-spacing: .02em;
  line-height: 1.1;
  margin: 0;
}
.video-specs__item--cat .video-specs__value {
  font-size: clamp(1rem, 2.5vw, 1.4rem);
  opacity: .7;
}

/* ショート動画（縦型 9:16） */
.video-stage--short {
  display: flex;
  justify-content: center;
}
.video-stage--short .video-player {
  width: min(400px, 92vw);
  aspect-ratio: 9 / 16;
}

/* クレジット */
.video-credit {
  margin-block: clamp(2rem, 4vw, 3rem);
}
.video-credit__list {
  list-style: none;
  padding: 0;
  margin: .75rem 0 0;
  display: flex;
  flex-direction: column;
  gap: .3rem;
}
.video-credit__list li {
  font-size: .85rem;
  opacity: .7;
}

/* 関連映像グリッド */
.videos-related-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(280px, 100%), 1fr));
  gap: 1.5rem;
  margin-top: 1.5rem;
}
.video-card {
  display: block;
  text-decoration: none;
  color: inherit;
}
.video-card__fig {
  position: relative;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  margin: 0;
}
.video-card__fig img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .4s ease;
}
.video-card:hover .video-card__fig img {
  transform: scale(1.04);
}
.video-card__time {
  position: absolute;
  bottom: .5rem;
  right: .6rem;
  background: rgba(0,0,0,.65);
  color: #fff;
  font-size: .75rem;
  padding: .15em .5em;
  border-radius: 2px;
}
.video-card__body {
  padding: .75rem 0 0;
}
.video-card__client {
  font-size: .75rem;
  opacity: .55;
  margin: 0 0 .25rem;
}
.video-card__title {
  font-size: .95rem;
  margin: 0;
  line-height: 1.5;
}