/* Block: feature_video
 *
 * Empty placeholder. The site-wide styles live in:
 *   - assets/css/style.min.css + custom.css  (loaded when home-style blocks are on the page)
 *   - assets/css/style-resources.css         (loaded when resources-style blocks are on the page)
 *
 * Add per-block overrides here when needed; this file is auto-enqueued by
 * ctmfg_enqueue_module_style() in functions.php whenever this block is
 * present on the current page. */

/* Contained variant — heading above a centered video on a dark band.
   New homepage "Meet Derek" (Figma section #5). Defaults to navy so the
   white heading is always legible; a background_color choice overrides it. */
.vm_video--contained {
    background: var(--ct-navy);
    padding: 80px 0 90px;
}
.vm_video--contained .container {
    max-width: 1180px;
}
.vm_video--contained .vm_video__heading {
    color: #fff;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    font-weight: 300;            /* thin by default; bold only where formatted */
    font-size: clamp(28px, 3.2vw, 50px);
    margin: 0 0 38px;
}
.vm_video--contained .vm_video__heading strong,
.vm_video--contained .vm_video__heading b {
    font-weight: 700;
}
.vm_video--contained .vm_video__media {
    position: relative;
    margin: 0 auto;
    padding: 0 8rem;
}
.vm_video--contained .vimeo-placeholder {
    border-radius: 6px;
}

/* Translucent centered play overlay — hides on play, returns on pause
   (toggled by theme-function.js via the .is-playing class). */
.vimeo-placeholder--overlay { cursor: pointer; }
.vimeo-placeholder--overlay iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    border: 0;
}
.vm-overlay-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 85px;
    height: 98px;
    padding: 0;
    border: 0;
    background: transparent url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='85'%20height='98'%20viewBox='0%200%2085%2098'%20fill='none'%3E%3Cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M0%200L42.6959%2024.2857L85%2048.9631L42.6959%2073.2488L0%2097.9263V48.9631V0Z'%20fill='white'%20fill-opacity='0.8'/%3E%3C/svg%3E") no-repeat center / contain;
    cursor: pointer;
    z-index: 3;
    transition: opacity .2s ease;
}
.vimeo-placeholder--overlay.is-playing .vm-overlay-btn {
    opacity: 0;
    pointer-events: none;
}
.vm_video--contained .video_block_text {
    display: block;
    text-align: center;
    color: #fff;
    margin-top: 18px;
}

@media (max-width: 767px) {
    .vm_video--contained .vm_video__media {
        position: relative;
        margin: 0 auto;
        padding: 0 24px;
    }
}