/**
 * TOW publishing page shortcodes — front-end styles.
 *
 * Scope: the two video-embed shortcodes on the replay page and the Tip of the
 * Week page ([aiwftk_replay_video], [aiwftk_tow_video]). Enqueued
 * conditionally by AIWFTK_TOW_Pages::maybe_enqueue_assets(), only on pages
 * that contain one of the TOW-page shortcodes.
 *
 * Provides a 16:9 responsive wrapper so the YouTube iframe scales to the width
 * of its Divi column.
 *
 * !important on the sizing properties (added 1.58.1): on the live replay page a
 * Divi/host rule was overriding the wrapper and collapsing it to zero height,
 * so the embedded iframe rendered invisible. The plugin normally avoids forced
 * overrides (public-side CSS standard, CLAUDE.md), but the wrapper's own layout
 * box must win here or the video disappears. Scope is limited to the plugin's
 * namespaced .aiwftk-tow-video-wrapper / its iframe; no host elements touched.
 *
 * @package AI_Workflow_Toolkit
 * @since 1.55.0
 */

.aiwftk-tow-video-wrapper {
    position: relative !important;
    width: 100% !important;
    height: 0 !important;
    padding-bottom: 56.25% !important; /* 16:9 aspect ratio */
    overflow: hidden !important;
}

.aiwftk-tow-video-wrapper iframe {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    border: 0 !important;
}

.aiwftk-tow-video-fallback {
    margin: 0;
}