/* assets/css/video-player.css */
/* 動画プレイヤーのサイズ調整CSS */

/* エディタ内の動画（投稿・プラン限定共通サイズ） */
.wp-editor-container video,
.mce-content-body video,
.purimall-editor-video-preview video,
.wpview-wrap.wpview-type-video video {
    max-width: 320px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    display: block !important;
    margin: 10px 0 !important;
    border-radius: 4px !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
}

.wp-editor-container img,
.mce-content-body img {
    max-width: 200px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    display: block !important;
    margin: 10px 0 !important;
    border-radius: 4px !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
}

/* ギャラリー内の画像は除外 */
.wp-editor-container .gallery img,
.mce-content-body .gallery img,
.wp-editor-container .wp-block-gallery img,
.mce-content-body .wp-block-gallery img {
    max-width: 150px !important;
    max-height: 150px !important;
}

/* フロントエンド表示用（通常サイズ） */
.entry-content video,
.post-content video {
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
    margin: 10px auto !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
}

.entry-content img,
.post-content img {
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
    margin: 10px auto !important;
    border-radius: 8px !important;
}

/* エディター内の動画・画像コンテナ（左揃え） */
.wp-editor-container p:has(video),
.wp-editor-container p:has(img),
.mce-content-body p:has(video),
.mce-content-body p:has(img) {
    text-align: left !important;
    margin: 15px 0 !important;
}

/* ギャラリー内のコンテナは中央揃えのまま */
.wp-editor-container .gallery,
.mce-content-body .gallery,
.wp-editor-container .wp-block-gallery,
.mce-content-body .wp-block-gallery {
    text-align: center !important;
}