/* ==========================================================================
   TRAILER SECTION
   ========================================================================== */

.trailer-section {
    width: 100%;
    background-color: var(--bg-dark); /* Linked to #0f172a */
    color: var(--text-white);         /* Linked to #ffffff */
    margin: 0 auto;
}

.video-wrapper {
    position: relative;
    width: 60%;
    aspect-ratio: 16 / 9;
    background: #000;
    border-radius: 8px;
    overflow: hidden;
}
/**
.cookieconsent-optout-marketing {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('');
    background-size: cover;
    color: #fff;
    text-align: center;
    padding: 20px;
}
*/

.cookieconsent-optout-marketing {
    width: 100%;
    height: 100%;
}

.video-placeholder-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 100%; /* Make sure it fills the Cookiebot div */
    width: 100%;
    background: #1a1a1a;
    padding: 20px;
}

.accept-video-btn {
    background: #a746f7; /* YouTube Red */
    color: #fff;
    border: none;
    padding: 12px 24px;
    font-weight: bold;
    border-radius: 4px;
    cursor: pointer;
    margin-top: 15px;
    transition: transform 0.2s ease;
}

.accept-video-btn:hover {
    transform: scale(1.05);
    background: #cc0000;
}

iframe[src*="youtube-nocookie"], 
iframe[data-cookieblock-src*="youtube-nocookie"] {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    display: block;
}


/* ==========================================================================
   RESPONSIVE ADJUSTMENTS
   ========================================================================== */

@media (max-width: 1024px) {
    .video-wrapper {
        width: 95%; /* Expands to fill smaller screens */
    }
}