/* ============================================================
   FRONT: YOUTUBE AND COOKIEYES (Consent Management)
   ============================================================ */

/* Base styling for the YouTube block wrapper (adds rounded corners and shadow) */
.wp-block-embed-youtube .wp-block-embed__wrapper {
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0,0,0,.15);
}

/* * WP Embed YouTube (CookieYes blocked state)
 * Fixes alignment and spacing issues when the iframe is blocked 
 * and replaced by the CookieYes consent placeholder.
 */
.wp-block-embed-youtube .wp-block-embed__wrapper > div,
.wp-block-embed-youtube .wp-block-embed__wrapper > span {
    position: absolute;
    inset: 0; /* Modern shorthand for top/right/bottom/left: 0 */
    width: 100%;
    height: 100%;
    margin: 0 !important; /* Forces the placeholder to fill the wrapper */
    display: flex;
    align-items: center; /* Centers the consent button/text vertically */
    justify-content: center; /* Centers the consent button/text horizontally */
}


/* ==========================================================================
   FRONT: PRIVACY POLICY UPDATE POPUP
   ========================================================================== */        

/* Full-screen dark overlay to block user interaction with the site */
#talitor-privacy-overlay {
    position: fixed; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%;
    background: rgba(0,0,0,0.9); /* Dark semi-transparent background */
    z-index: 999999; /* Extremely high z-index to cover WP Admin bar and headers */
    display: flex; 
    justify-content: center; 
    align-items: center;
}

/* Main modal container for the privacy message */
.talitor-privacy-box {
    background: #ffffff; 
    padding: 40px; 
    max-width: 750px; 
    width: 90%; /* Responsive width for mobile */
    text-align: center; 
    border-radius: 8px; 
    box-shadow: 0 0 20px rgba(0,0,0,0.7);
}

/* "Accept" button styling */
.talitor-btn-accept {
    background: #2271b1; /* Standard WP admin blue */
    color: #ffffff; 
    border: none; 
    padding: 12px 25px;
    font-size: 16px; 
    cursor: pointer; 
    border-radius: 4px; 
    margin-top: 20px;
    width: 100%; 
    display: block;
    
    /* OPTIMIZATION: Smooth transition for hover state */
    transition: background-color 0.2s ease;
}

/* Hover state for the "Accept" button */
.talitor-btn-accept:hover { 
    background: #135e96; /* Darker blue */
}

/* "Logout/Decline" link styling */
.talitor-logout-link {
    display: inline-block; 
    margin-top: 15px; 
    color: #d63638; /* Standard error red */
    text-decoration: underline; 
    font-size: 14px;
}