/* علامة مائية v2 — Universal Video Overlay Styles */

/* ====================================================
   Cinema Dark theme — specific fixes
   (padding-top: 56.25% + overflow:hidden container)
   ==================================================== */

/* The theme already sets position:relative on .movie-player-wrap */
/* We just need to ensure our z-index is high enough above the iframe */
.movie-player-wrap .alama-maiyya-wm {
    z-index: 99999 !important;
}

/* ====================================================
   Position context for ALL known video containers
   ==================================================== */

/* WordPress native */
.alama-maiyya-video-wrap,
.wp-block-video,
.wp-block-embed__wrapper,
.wp-video,

/* Player libraries */
.video-js,
.plyr__video-wrapper,
.jwplayer,
.mejs-container,
.flowplayer,

/* Cinema / movie theme selectors */
.player-wrapper,
.player-container,
.video-player,
.movie-player,
.film-player,
.embed-player,
.stream-player,
.cinema-player,
.watch-player,
.tv-player,
.series-player,
.episode-player,
.video-container,
.embed-container,
.embed-wrapper,
.iframe-wrapper,
.iframe-container,
.player-box,
.player-area,

/* Responsive helpers */
.embed-responsive,
.responsive-video,
.video-embed,
.video-frame {
    position: relative !important;
}

/* ====================================================
   The watermark element
   ==================================================== */
.alama-maiyya-wm {
    position: absolute;
    z-index: 99999;          /* High z-index to appear above iframes */
    pointer-events: none;    /* Clicks pass through to video/player below */
    user-select: none;
    -webkit-user-select: none;
    line-height: 1.3;
    max-width: 90%;
    box-sizing: border-box;
}

/* Text watermark */
.alama-maiyya-wm.is-text {
    text-shadow:
        1px  1px 4px rgba(0, 0, 0, 1),
        0    0  10px rgba(0, 0, 0, 0.8),
        -1px -1px 3px rgba(0, 0, 0, 0.7);
    white-space: nowrap;
    direction: rtl;
    font-weight: 600;
    letter-spacing: 0.02em;
}

/* Image watermark */
.alama-maiyya-wm.is-image img {
    display: block;
    max-width: 100%;
    height: auto;
    -webkit-user-drag: none;
    user-drag: none;
    pointer-events: none;
}

/* ====================================================
   Position classes
   ==================================================== */
.alama-maiyya-wm.pos-top-left {
    top: var(--am-y, 20px);
    left: var(--am-x, 20px);
}
.alama-maiyya-wm.pos-top-center {
    top: var(--am-y, 20px);
    left: 50%;
    transform: translateX(-50%);
}
.alama-maiyya-wm.pos-top-right {
    top: var(--am-y, 20px);
    right: var(--am-x, 20px);
}
.alama-maiyya-wm.pos-center {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.alama-maiyya-wm.pos-bottom-left {
    bottom: var(--am-y, 20px);
    left: var(--am-x, 20px);
}
.alama-maiyya-wm.pos-bottom-center {
    bottom: var(--am-y, 20px);
    left: 50%;
    transform: translateX(-50%);
}
.alama-maiyya-wm.pos-bottom-right {
    bottom: var(--am-y, 20px);
    right: var(--am-x, 20px);
}

/* ====================================================
   Make sure iframe parents can hold the overlay
   ==================================================== */
.alama-maiyya-video-wrap iframe,
.alama-maiyya-video-wrap video {
    display: block;
    width: 100%;
}