/* c-video-001: レスポンシブ動画 */

.c-video-001 {

  .c-video-001__player {
    border-radius: var(--wp--custom--border--radius--xl);
    overflow: hidden;
    box-shadow: var(--wp--custom--shadow--md);

    .wp-block-embed__wrapper {
      position: relative;
      padding-bottom: 56.25%;
      height: 0;
      overflow: hidden;

      iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0;
      }
    }
  }
}

/* ══════════════════════════════════════════════════
   形状
   ══════════════════════════════════════════════════ */

/** @element root  @group 形状  @label フラット  @order 1 */
.c-video-001--flat .c-video-001__player {
  border-radius: 0;
}

/** @element root  @group 形状  @label 角丸小  @order 2 */
.c-video-001--round-sm .c-video-001__player {
  border-radius: var(--wp--custom--border--radius--md);
}

/* ══════════════════════════════════════════════════
   影
   ══════════════════════════════════════════════════ */

/** @element root  @group 影  @label 影なし  @order 1 */
.c-video-001--shadow-none .c-video-001__player {
  box-shadow: none;
}

/** @element root  @group 影  @label 影大  @order 2 */
.c-video-001--shadow-lg .c-video-001__player {
  box-shadow: var(--wp--custom--shadow--lg);
}

/* ══════════════════════════════════════════════════
   アスペクト比
   ══════════════════════════════════════════════════ */

/** @element root  @group アスペクト比  @label 4:3  @order 1 */
.c-video-001--ratio-4x3 .c-video-001__player .wp-block-embed__wrapper {
  padding-bottom: 75%;
}

/** @element root  @group アスペクト比  @label 1:1  @order 2 */
.c-video-001--ratio-1x1 .c-video-001__player .wp-block-embed__wrapper {
  padding-bottom: 100%;
}