/* ── CVH Video Hero Block — Frontend ── */

/* Headings inside overlay: white + shadow */
.cvh-block-content h1,
.cvh-block-content h2,
.cvh-block-content h3,
.cvh-block-content h4,
.cvh-block-content h5,
.cvh-block-content h6 {
    color: #ffffff !important;
    text-shadow: 0 2px 12px rgba(0,0,0,.75) !important;
    text-align: center !important;
    max-width: 800px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.cvh-block-content p {
    color: #ffffff !important;
    text-shadow: 0 1px 8px rgba(0,0,0,.65) !important;
    text-align: center !important;
    max-width: 800px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/*
 * Buttons pushed to lower-third via margin-top:auto.
 * pointer-events:auto restores interactivity — the parent <section>
 * has pointer-events:none to fix nav menu hover, but buttons must work.
 */
.cvh-block-content .wp-block-buttons {
    margin-top: auto !important;
    padding-bottom: 6% !important;
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
    pointer-events: auto !important;
}

.cvh-block-content a,
.cvh-block-content button,
.cvh-block-content .wp-block-button__link {
    pointer-events: auto !important;
    cursor: pointer !important;
}

/*
 * Wrapper is click-through so its empty areas don't block Studio-layer buttons
 * rendered beneath it (z-index). Interactive children re-enable pointer events
 * above. (Inline style in render.php sets this too; this is the CSS backstop.)
 */
.cvh-block-content {
    pointer-events: none;
}
.cvh-block-content input,
.cvh-block-content select,
.cvh-block-content textarea,
.cvh-block-content [role="button"],
.cvh-block-content [tabindex] {
    pointer-events: auto !important;
}