.om-player-wrapper {
    position: relative;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto 2rem;
    border-radius: 16px;
    overflow: hidden;
    font-family: inherit;
    direction: ltr; 
}
.om-hidden {
    display: none !important;
}
.om-cta-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(8px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
}
.om-cta-content {
    background: rgba(255, 255, 255, 0.15);
    padding: 30px;
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,0.3);
    text-align: center;
    color: #fff;
    box-shadow: 0 10px 30px rgba(0,0,0,0.3);
    direction: rtl;
}
.om-cta-content h3 {
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 24px;
    color: #fff;
}
.om-cta-btn {
    display: inline-block;
    padding: 10px 24px;
    background: #4ade80;
    color: #000 !important;
    text-decoration: none;
    font-weight: bold;
    border-radius: 8px;
    transition: transform 0.2s, background 0.2s;
}
.om-cta-btn:hover {
    transform: scale(1.05);
    background: #22c55e;
}


/* YouTube embed: keep a working iframe fallback if the Plyr CDN cannot load. */
.om-youtube-container {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    border-radius: 16px;
    background: #000;
}
.om-youtube-container .plyr__video-embed,
.om-youtube-container .plyr__video-embed iframe {
    width: 100%;
    height: 100%;
}
.om-youtube-container .plyr__video-embed iframe {
    position: absolute;
    inset: 0;
    border: 0;
}

/* Aparat Embed Fix */
.om-aparat-container {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
    height: 0;
    overflow: hidden;
    width: 100%;
    border-radius: 16px;
}
.om-aparat-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

/* 1. Glassmorphism */
.om-player-wrapper.theme-glass .plyr__controls {
    background: rgba(255, 255, 255, 0.15) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 12px;
    margin: 10px;
    color: #fff !important;
}

/* 2. Neumorphic */
.om-player-wrapper.theme-neumorphic {
    background: #e0e5ec;
    border-radius: 20px;
    padding: 10px;
    box-shadow: 9px 9px 16px rgba(163,177,198,0.6), -9px -9px 16px rgba(255,255,255, 0.5);
}
.om-player-wrapper.theme-neumorphic .plyr__controls {
    background: transparent !important;
    color: #4a5568 !important;
}
.om-player-wrapper.theme-neumorphic .plyr__control {
    box-shadow: 4px 4px 8px rgba(163,177,198,0.6), -4px -4px 8px rgba(255,255,255, 0.5);
    border-radius: 50%;
    margin: 0 4px;
    background: #e0e5ec !important;
    color: #4a5568 !important;
}

/* 3. Obsidian */
.om-player-wrapper.theme-obsidian {
    background: #000;
}
.om-player-wrapper.theme-obsidian .plyr__controls {
    background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.8)) !important;
    color: #fff !important;
    padding-bottom: 20px;
}

/* 4. Cyberpunk */
.om-player-wrapper.theme-cyberpunk {
    border: 2px solid #00ffcc;
    box-shadow: 0 0 15px rgba(0, 255, 204, 0.4);
    background: #111;
}
.om-player-wrapper.theme-cyberpunk .plyr__controls {
    background: #0a0a0a !important;
    border-top: 1px solid #00ffcc;
}
.om-player-wrapper.theme-cyberpunk .plyr__control {
    color: #00ffcc !important;
    text-shadow: 0 0 5px #00ffcc;
}

/* 5. Editorial */
.om-player-wrapper.theme-editorial {
    background: #fff;
    border-radius: 0;
    border: 1px solid #ddd;
}
.om-player-wrapper.theme-editorial .plyr__controls {
    background: #fff !important;
    color: #000 !important;
    border-radius: 0;
}

/* 6. Aurora (شفق قطبی) */
.om-player-wrapper.theme-aurora {
    background: #fff;
    box-shadow: 0 15px 35px rgba(0,0,0,0.05);
}
.om-player-wrapper.theme-aurora .plyr__controls {
    background: rgba(255, 255, 255, 0.8) !important;
    backdrop-filter: blur(10px) !important;
    border-radius: 20px;
    margin: 15px;
    padding: 10px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.08);
}
.om-player-wrapper.theme-aurora .plyr__progress:hover input[type=range]::-webkit-slider-runnable-track {
    background: linear-gradient(90deg, #ff9a9e 0%, #fecfef 99%, #fecfef 100%);
}
.om-player-wrapper.theme-aurora .plyr__control--overlaid {
    background: linear-gradient(135deg, #a18cd1 0%, #fbc2eb 100%);
}

/* 7. Latte (کرمی و لایف‌استایل) */
.om-player-wrapper.theme-latte {
    background: #faf7f2;
    border: 1px solid #e8e2d5;
}
.om-player-wrapper.theme-latte .plyr__controls {
    background: #fdfbf7 !important;
    color: #5c4d43 !important;
    border-top: 1px solid #f0ebe1;
}
.om-player-wrapper.theme-latte .plyr__control {
    color: #8c7b6f !important;
}
.om-player-wrapper.theme-latte .plyr__control:hover {
    background: #f0ebe1 !important;
    color: #5c4d43 !important;
}
.om-player-wrapper.theme-latte .plyr__progress input[type=range]::-webkit-slider-thumb {
    background: #8c7b6f;
}

/* 8. Floating Light (سفید معلق) */
.om-player-wrapper.theme-floating {
    background: transparent;
}
.om-player-wrapper.theme-floating .plyr__controls {
    background: #ffffff !important;
    border-radius: 50px;
    margin: 20px auto;
    width: 90%;
    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
    color: #333 !important;
}
.om-player-wrapper.theme-floating .plyr__control--overlaid {
    background: #ffffff;
    color: #333;
    box-shadow: 0 10px 25px rgba(0,0,0,0.15);
}


.om-player-validation-notice {
    margin: 12px 0;
    padding: 12px 16px;
    border: 1px solid #d97706;
    border-radius: 10px;
    background: #fffbeb;
    color: #92400e;
    direction: rtl;
    text-align: right;
    font-size: 14px;
}