/**
 * Cdana Pro Player Styles
 * Next-Gen Liquid Cinema & Frosted Glass Design
 * Pixel-Perfect Polish, Vibrant Luminous Accents & Ambient Glow
 */

:root {
    --cdana-brand: #0284c7;
    --plyr-color-main: var(--cdana-brand, var(--plyr-color-main, #0284c7));
    --plyr-video-control-color: #ffffff;
    --plyr-video-control-color-hover: #ffffff;
    --plyr-range-thumb-background: #ffffff;
    --plyr-range-fill-background: var(--cdana-brand, var(--plyr-color-main, #0284c7));
    --plyr-video-control-background-hover: transparent;
    --cdana-player-radius: 16px;
}

/* Dynamic brand accent integration */
.cdana-player-wrapper,
.cdana-audio-wrapper,
.cdana-playlist-wrapper {
    --plyr-color-main: var(--cdana-brand, #0284c7) !important;
}

.cdana-player-wrapper .plyr__control--overlaid,
.cdana-audio-wrapper .plyr__control--overlaid {
    background: var(--cdana-brand, #0284c7) !important;
}

.cdana-player-wrapper .plyr__progress input[type="range"]::-webkit-slider-thumb,
.cdana-audio-wrapper .plyr__progress input[type="range"]::-webkit-slider-thumb {
    border-color: var(--cdana-brand, #0284c7);
}

.cdana-player-wrapper .plyr__progress input[type="range"]::-moz-range-thumb,
.cdana-audio-wrapper .plyr__progress input[type="range"]::-moz-range-thumb {
    border-color: var(--cdana-brand, #0284c7);
}

/* Animations */
@keyframes cdana-pulse {
    0%, 100% {
        opacity: 1;
        transform: scale(1);
    }
    50% {
        opacity: 0.45;
        transform: scale(0.85);
    }
}

@keyframes cdana-glow-pulse {
    0%, 100% {
        box-shadow: 0 0 30px rgba(255, 23, 68, 0.45), 0 0 0 1.5px rgba(255, 255, 255, 0.3) inset;
    }
    50% {
        box-shadow: 0 0 50px rgba(255, 23, 68, 0.75), 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
    }
}

/* Force Vazirmatn Font & Persian Numerals Across All Elements */
.cdana-player-wrapper,
.cdana-player-wrapper *,
.cdana-audio-wrapper,
.cdana-audio-wrapper *,
.cdana-playlist-container,
.cdana-playlist-container *,
.plyr,
.plyr *,
.plyr__tooltip,
.plyr__menu,
.plyr__time,
.cdana-caption,
.cdana-captions,
.cdana-ad-overlay,
.cdana-ad-overlay *,
.cdana-audio-ad-bar,
.cdana-audio-ad-bar *,
.cdana-chapter-badge,
.cdana-chapter-pill,
.cdana-audio-chapter-chip,
.cdana-audio-chapter-chip * {
    font-family: 'Vazirmatn', 'Vazir', 'IRANSans', 'B Yekan', system-ui, -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-feature-settings: 'ss01' 1 !important;
}

/* Outer Wrapper - Constrained & Balanced Centered Framing */
.cdana-player-wrapper {
    width: 100% !important;
    max-width: var(--cdana-player-width, 850px) !important; /* Balanced, readable default */
    margin: 24px auto !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    box-shadow: 0 10px 30px -8px rgba(0, 0, 0, 0.45) !important;
    background: #000000 !important;
    box-sizing: border-box !important;
    position: relative !important;
}

/* 16:9 Aspect Ratio Container - Preserves Standard HD Proportion */
.cdana-player-container {
    container-type: inline-size;
    container-name: cdanaplayer;
    position: relative !important;
    width: 100% !important;
    aspect-ratio: 16 / 9 !important;
    background: #000 !important;
    overflow: hidden !important;
    line-height: 0;
    user-select: none;
}

.cdana-player-container .plyr,
.cdana-player-container .plyr--video,
.plyr,
.plyr__video-wrapper {
    width: 100% !important;
    height: 100% !important;
    border-radius: 14px !important;
}

/* Force LTR on video element for standard PiP progress bar */
video.cdana-player,
.plyr__video-wrapper video {
    height: 100% !important;
    width: 100% !important;
    object-fit: contain;
    direction: ltr !important;
}

/* Luxury Frosted Watermark Pill Badge */
.cdana-watermark {
    position: absolute;
    top: 20%;
    left: 15%;
    z-index: 25 !important;
    pointer-events: none;
    user-select: none;
    background: rgba(10, 14, 22, 0.65);
    border: 1px solid rgba(255, 255, 255, 0.22);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-radius: 20px;
    padding: 6px 16px;
    color: #ffffff;
    font-size: 13px;
    line-height: 1.5 !important;
    display: inline-block !important;
    font-weight: 700;
    letter-spacing: 0.5px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.6);
    transition: top 1.2s ease, left 1.2s ease;
    white-space: nowrap;
    direction: auto;
    unicode-bidi: plaintext;
}

/* Center Large Play Button - Luminous Liquid Ruby Orb */
.plyr--video .plyr__control--overlaid {
    background: var(--cdana-brand, var(--plyr-color-main, #0284c7)) !important;
    border: 2px solid rgba(255, 255, 255, 0.3) !important;
    box-shadow: 0 0 25px color-mix(in srgb, var(--cdana-brand, var(--plyr-color-main, #0284c7)) 60%, transparent) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
    width: 72px !important;
    height: 72px !important;
    border-radius: 50% !important;
    transition: transform 0.28s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.25s ease !important;
}

.plyr--video .plyr__control--overlaid:hover {
    transform: translate(-50%, -50%) scale(1.14) !important;
    box-shadow: 0 18px 55px rgba(213, 0, 50, 0.85), 0 0 0 2.5px rgba(255, 255, 255, 0.6) inset !important;
}

.plyr--video .plyr__control--overlaid svg {
    left: 2px !important;
    position: relative !important;
    filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.45));
}

/* =========================================================
   CINEMATIC AMBIENT BOTTOM CONTROL DOCK
========================================================= */
.plyr--video .plyr__controls {
    direction: ltr !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    background: linear-gradient(
        0deg,
        rgba(6, 8, 14, 0.98) 0%,
        rgba(6, 8, 14, 0.82) 40%,
        rgba(6, 8, 14, 0.32) 75%,
        transparent 100%
    ) !important;
    padding: 38px 18px 14px 18px !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 6px !important;
    z-index: 25 !important;
}

/* =========================================================
   1. NEON PROGRESS BAR & LUMINOUS SCRUBBER
========================================================= */
.plyr__progress__container {
    order: 1 !important;
    flex: 1 1 100% !important;
    width: 100% !important;
    position: relative !important;
    margin: 0 0 8px 0 !important;
    padding: 6px 0 !important;
    cursor: pointer !important;
}

.plyr__progress input[type="range"] {
    height: 4px !important;
    border-radius: 2px !important;
    transition: height 0.15s cubic-bezier(0.4, 0, 0.2, 1) !important;
    color: var(--cdana-brand, var(--plyr-color-main, #0284c7)) !important;
}

.plyr__progress__container:hover input[type="range"] {
    height: 7px !important;
}

/* Video & Audio Scrubber Thumb (Consistent white circle with brand border, exactly like audio) */
.cdana-player-wrapper .plyr__progress input[type="range"]::-webkit-slider-thumb,
.cdana-audio-wrapper .plyr__progress input[type="range"]::-webkit-slider-thumb,
.plyr__progress input[type="range"]::-webkit-slider-thumb {
    background: #ffffff !important;
    border: 2px solid var(--cdana-brand, #0284c7) !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3) !important;
    width: 14px !important;
    height: 14px !important;
    border-radius: 50% !important;
    cursor: pointer !important;
    transform: scale(1) !important;
    opacity: 1 !important;
    visibility: visible !important;
    transition: transform 0.15s ease, box-shadow 0.15s ease !important;
}

.cdana-player-wrapper .plyr__progress input[type="range"]::-moz-range-thumb,
.cdana-audio-wrapper .plyr__progress input[type="range"]::-moz-range-thumb,
.plyr__progress input[type="range"]::-moz-range-thumb {
    background: #ffffff !important;
    border: 2px solid var(--cdana-brand, #0284c7) !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3) !important;
    width: 14px !important;
    height: 14px !important;
    border-radius: 50% !important;
    cursor: pointer !important;
}

.plyr__progress__container:hover input[type="range"]::-webkit-slider-thumb {
    transform: scale(1.15) !important;
}

/* Precision Chapter Cutouts (YouTube-style Segmented Timeline) */
.cdana-player-wrapper .plyr__progress,
.cdana-player-wrapper .plyr__progress__container {
    position: relative !important;
}

.cdana-chapter-cutouts {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 11px !important;
    pointer-events: none !important;
    z-index: 10 !important;
    display: block !important;
}

.cdana-chapter-mark {
    position: absolute !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 4px !important;
    height: 14px !important;
    background: #06080d !important;
    border-radius: 2px !important;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.95) !important;
    border-left: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-right: 1px solid rgba(0, 0, 0, 0.6) !important;
    pointer-events: none !important;
    z-index: 10 !important;
    display: block !important;
    transition: height 0.15s ease, transform 0.15s ease !important;
}

.plyr__progress__container:hover .cdana-chapter-mark,
.plyr__progress:hover .cdana-chapter-mark {
    height: 17px !important;
}

/* =========================================================
   2. ROW 2: CONTROLS PLACEMENT & LUXURY BUTTONS
========================================================= */
.plyr__controls > *:not(.plyr__progress__container) {
    order: 2 !important;
}

/* Translucent Frosted Glass Icon Pods */
.plyr__controls .plyr__control {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 10px !important;
    width: 36px !important;
    height: 36px !important;
    padding: 6px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #e2e8f0 !important;
    opacity: 0.94;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    transition: all 0.22s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.plyr__controls .plyr__control:hover,
.plyr__control:hover {
    opacity: 1 !important;
    background: color-mix(in srgb, var(--cdana-brand, var(--plyr-color-main, #0284c7)) 18%, rgba(255, 255, 255, 0.08)) !important;
    border-color: color-mix(in srgb, var(--cdana-brand, var(--plyr-color-main, #0284c7)) 45%, transparent) !important;
    color: var(--cdana-brand, var(--plyr-color-main, #0284c7)) !important;
    transform: translateY(-2px) scale(1.06) !important;
    box-shadow: 0 0 16px color-mix(in srgb, var(--cdana-brand, var(--plyr-color-main, #0284c7)) 35%, transparent) !important;
}

.plyr__controls .plyr__control:active {
    transform: scale(0.95) !important;
}

.plyr__controls .plyr__control svg {
    width: 19px !important;
    height: 19px !important;
    fill: currentColor !important;
    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3));
}

/* Reset default margin on first child */
.plyr__controls .plyr__controls__item:first-child,
.plyr__controls > *:first-child {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

/* Custom 10s Seek Icons - Sharp, Crisp, Transparent Vector */
.cdana-seek-10 {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
}

.cdana-seek-10 svg {
    width: 20px !important;
    height: 20px !important;
    fill: none !important;
    pointer-events: none;
    transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.cdana-seek-10 svg path {
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.8px !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}

.cdana-seek-10 svg text {
    fill: currentColor !important;
    stroke: none !important;
    font-family: 'Vazirmatn', sans-serif !important;
    font-size: 7.5px !important;
    font-weight: 900 !important;
    user-select: none;
}

.plyr__control[data-plyr="rewind"]:hover .cdana-seek-10 svg {
    transform: rotate(-18deg);
}

.plyr__control[data-plyr="fast-forward"]:hover .cdana-seek-10 svg {
    transform: rotate(18deg);
}

/* =========================================================
   COMPACT VOLUME CAPSULE (Always Visible)
========================================================= */
.plyr__volume {
    display: inline-flex !important;
    align-items: center !important;
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 20px !important;
    padding: 0 8px 0 2px !important;
    height: 36px !important;
    margin: 0 4px !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

.plyr__volume:hover {
    border-color: rgba(255, 255, 255, 0.18) !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25) !important;
}

.plyr__volume .plyr__control[data-plyr="mute"] {
    background: transparent !important;
    border: none !important;
    width: 30px !important;
    height: 30px !important;
    padding: 0 !important;
    box-shadow: none !important;
    transform: none !important;
}

.plyr__volume input[type="range"] {
    width: 55px !important;
    max-width: 55px !important;
    opacity: 1 !important;
    visibility: visible !important;
    margin: 0 6px !important;
    height: 3.5px !important;
    border-radius: 2px !important;
    color: var(--cdana-brand, var(--plyr-color-main, #0284c7)) !important;
    display: block !important;
}

.plyr__volume input[type="range"]::-webkit-slider-thumb {
    background: #ffffff !important;
    box-shadow: 0 0 8px rgba(255, 255, 255, 0.9) !important;
    width: 11px !important;
    height: 11px !important;
    border-radius: 50% !important;
}

/* =========================================================
   FROSTED GLASS CAPSULES: TIME & CHAPTER BADGE
========================================================= */
.plyr__time {
    display: inline-flex !important;
    align-items: center !important;
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 20px !important;
    padding: 0 12px !important;
    height: 36px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #e2e8f0 !important;
    margin: 0 4px !important;
    direction: ltr !important;
    white-space: nowrap !important;
    letter-spacing: 0.2px;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
}

/* Completely remove Plyr default slash (⁄) and any pseudo separators on time */
.plyr__time + .plyr__time::before,
.plyr__time + .plyr__time:before,
.plyr__time--current + .plyr__time--duration::before,
.plyr__time--current + .plyr__time--duration:before,
.plyr__time::before,
.plyr__time:before {
    display: none !important;
    content: none !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 0 !important;
    height: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

/* Chapter Pill: strictly single line, matching frosted glass capsules (.plyr__time) */
.cdana-yt-chapter-text,
.cdana-chapter-pill,
.cdana-chapter-badge {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.08);
    color: #ffffff;
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    padding: 0 12px !important;
    height: 32px !important;
    border-radius: 16px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    margin-left: 6px !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    white-space: nowrap !important;
    max-width: 140px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    flex-shrink: 0 !important;
    line-height: 1 !important;
    cursor: pointer !important;
    user-select: none !important;
    transition: background 0.2s ease, border-color 0.2s ease !important;
}

.cdana-yt-chapter-text:hover,
.cdana-chapter-pill:hover,
.cdana-chapter-badge:hover {
    background: rgba(255, 255, 255, 0.1) !important;
    border-color: var(--cdana-brand, #0284c7) !important;
}

.cdana-yt-chapter-text .dot-separator,
.cdana-chapter-pill .dot-separator,
.cdana-chapter-badge .dot-separator {
    color: var(--cdana-brand, #0284c7);
    font-weight: bold !important;
    font-size: 13px !important;
    text-shadow: 0 0 8px var(--cdana-brand, #0284c7);
}

.cdana-yt-chapter-text .ch-title,
.cdana-chapter-pill .ch-title,
.cdana-chapter-pill span {
    color: inherit !important;
    white-space: nowrap !important;
    display: inline-block !important;
    line-height: 1 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 110px !important;
}

.cdana-yt-chapter-text svg,
.cdana-chapter-pill svg {
    display: none !important;
}

/* =========================================================
   CONTAINER QUERIES & RESPONSIVE COMPACT RULES (< 720px)
========================================================= */
.cdana-player-wrapper {
    container-type: inline-size;
}

@container (max-width: 720px) {
    .plyr__controls .cdana-chapter-badge,
    .plyr__controls .cdana-yt-chapter-text,
    .plyr__controls [class*="chapter-badge"],
    .plyr__controls [class*="chapter-pill"] {
        display: none !important;
    }
    .plyr__volume input[type="range"] {
        display: none !important;
    }
}

@media (max-width: 720px) {
    .cdana-player-wrapper .plyr__controls .cdana-chapter-badge,
    .cdana-player-wrapper .plyr__controls .cdana-yt-chapter-text,
    .cdana-player-wrapper .plyr__controls [class*="chapter-badge"],
    .cdana-player-wrapper .plyr__controls [class*="chapter-pill"] {
        display: none !important;
    }
}

.cdana-player-wrapper.cdana-is-compact .plyr__controls .cdana-chapter-badge,
.cdana-player-wrapper.cdana-is-compact .plyr__controls .cdana-yt-chapter-text,
.cdana-player-wrapper.cdana-is-compact .plyr__controls [class*="chapter-badge"],
.cdana-player-wrapper.cdana-is-compact .plyr__controls [class*="chapter-pill"] {
    display: none !important;
}

.cdana-player-wrapper.cdana-is-compact .plyr__volume input[type="range"] {
    display: none !important;
}

/* =========================================================
   RIGHT-SIDE CONTROLS CLUSTER
========================================================= */
.plyr__controls > .plyr__menu,
.plyr__controls > [data-plyr="settings"] {
    margin-left: auto !important;
    margin-right: 0 !important;
}

/* Sliders direction */
.plyr__progress,
.plyr__progress__container,
.plyr__progress input[type='range'],
.plyr__volume input[type='range'] {
    direction: ltr !important;
}

/* =========================================================
   OBSIDIAN GLASS SETTINGS MENU (RTL, Luxury Accents)
========================================================= */
.plyr__menu {
    direction: rtl !important;
}

.plyr__menu__container {
    direction: rtl !important;
    text-align: right !important;
    right: 14px !important;
    left: auto !important;
    min-width: 224px !important;
    background: rgba(10, 14, 22, 0.96) !important;
    backdrop-filter: blur(24px) saturate(200%) !important;
    -webkit-backdrop-filter: blur(24px) saturate(200%) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-radius: 16px !important;
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.8), 0 0 0 1px rgba(255, 23, 68, 0.12) inset !important;
    padding: 10px 8px !important;
    color: #fff !important;
    z-index: 50 !important;
}

.plyr__menu__container[hidden],
.plyr__menu__container [hidden] {
    display: none !important;
}

/* Menu Items: Full width rows, right-aligned Persian text, far-left arrow */
.plyr__menu__container .plyr__control,
.plyr__menu__container [role="menuitem"],
.plyr__menu__container [role="menuitemradio"],
.plyr__menu__container .plyr__control--forward {
    width: 100% !important;
    height: auto !important;
    min-height: 40px !important;
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    direction: rtl !important;
    text-align: right !important;
    padding: 10px 14px 10px 36px !important;
    border-radius: 10px !important;
    font-size: 13.5px !important;
    font-weight: 500 !important;
    color: #e2e8f0 !important;
    box-sizing: border-box !important;
    background: transparent !important;
    opacity: 1 !important;
    border: none !important;
    box-shadow: none !important;
    transform: none !important;
    transition: background 0.2s ease, color 0.2s ease !important;
}

.plyr__menu__container .plyr__control:hover,
.plyr__menu__container [role="menuitem"]:hover,
.plyr__menu__container [role="menuitemradio"]:hover,
.plyr__menu__container .plyr__control--forward:hover {
    background: rgba(255, 255, 255, 0.09) !important;
    color: #ffffff !important;
    transform: none !important;
    box-shadow: none !important;
}

/* Eliminate rogue arrows from menu controls */
.plyr__menu__container .plyr__control--forward::after,
.plyr__menu__container .plyr__control--forward svg,
.plyr__menu__container .plyr__control--forward .icon--forward {
    display: none !important;
    content: none !important;
    border: none !important;
}

/* Back button in submenus strictly without stray arrow */
.plyr__menu__container .plyr__control--back {
    padding-right: 14px !important;
    padding-left: 14px !important;
    color: var(--plyr-color-main, var(--cdana-brand, var(--plyr-color-main, #0284c7))) !important;
    font-weight: 600 !important;
}

.plyr__menu__container .plyr__control--back::after,
.plyr__menu__container .plyr__control--back::before,
.plyr__menu__container .plyr__control--back svg {
    display: none !important;
    content: none !important;
    border: none !important;
    width: 0 !important;
    height: 0 !important;
    visibility: hidden !important;
}

/* Prevent stray pseudo-elements inside inner text spans */
.plyr__menu__container span::after {
    display: none !important;
}

.plyr__menu__container [role="menuitemradio"]::after {
    display: none !important;
}

/* Audio Player: eliminate overlapping triangle on back button and use clean inline chevron */
.cdana-audio-wrapper .plyr__menu__container .plyr__control--back::after {
    display: none !important;
    content: none !important;
}

.cdana-audio-wrapper .plyr__menu__container .plyr__control--back::before {
    content: '' !important;
    display: inline-block !important;
    width: 6px !important;
    height: 6px !important;
    border-top: 2px solid currentColor !important;
    border-right: 2px solid currentColor !important;
    border-bottom: none !important;
    border-left: none !important;
    transform: rotate(45deg) !important;
    flex-shrink: 0 !important;
    margin-left: 8px !important;
    margin-right: 2px !important;
    position: static !important;
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

/* Radio selection layout and glowing indicator */
.plyr__menu__container [role="menuitemradio"] {
    position: relative !important;
    padding-right: 40px !important;
    padding-left: 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

.cdana-audio-wrapper .plyr__menu__container [role="menu"] [role="menuitemradio"],
.cdana-audio-wrapper .plyr__menu__container [role="menuitemradio"],
.cdana-audio-wrapper .plyr__menu__container button[role="menuitemradio"] {
    padding-right: 44px !important;
    justify-content: flex-start !important;
    direction: rtl !important;
    text-align: right !important;
}

.cdana-audio-wrapper .plyr__menu__container [role="menuitemradio"] > span {
    direction: ltr !important;
    unicode-bidi: plaintext !important;
    text-align: right !important;
    width: auto !important;
    display: inline-flex !important;
}

.plyr__menu__container [role="menuitemradio"] > span {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    text-align: right !important;
}

.plyr__menu__container [role="menuitemradio"]::before {
    content: '' !important;
    position: absolute !important;
    right: 14px !important;
    left: auto !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 10px !important;
    height: 10px !important;
    border-radius: 50% !important;
    background-color: transparent !important;
    border: 1.5px solid rgba(255, 255, 255, 0.35) !important;
    box-sizing: border-box !important;
    flex-shrink: 0 !important;
    transition: background-color 0.2s ease, box-shadow 0.2s ease !important;
}

.plyr__menu__container [role="menuitemradio"][aria-checked="true"]::before {
    background-color: var(--cdana-brand, var(--plyr-color-main, #0284c7)) !important;
    border-color: #ffffff !important;
    box-shadow: 0 0 8px var(--cdana-brand, var(--plyr-color-main, #0284c7)) !important;
}

.plyr__menu__container [role="menuitemradio"][aria-checked="true"] {
    color: var(--cdana-brand, var(--plyr-color-main, #0284c7)) !important;
    background: color-mix(in srgb, var(--cdana-brand, var(--plyr-color-main, #0284c7)) 15%, transparent) !important;
    font-weight: 700 !important;
}

.plyr__menu__container [role="menuitemradio"][aria-checked="false"]::before {
    background-color: transparent !important;
    box-shadow: none !important;
    border-color: rgba(255, 255, 255, 0.35) !important;
}

.plyr__menu__container [role="menuitemradio"][aria-checked="false"] {
    color: rgba(255, 255, 255, 0.82) !important;
    background: transparent !important;
    font-weight: 400 !important;
}

.plyr__menu__container .plyr__menu__value {
    margin-right: auto !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 600 !important;
}

.plyr__menu__container .plyr__control--back {
    padding-right: 36px !important;
    padding-left: 14px !important;
    color: var(--cdana-brand, var(--plyr-color-main, #0284c7)) !important;
    font-weight: 600 !important;
}

/* =========================================================
   TOOLTIPS (Standard & Chapter Scrubber)
========================================================= */
.plyr__tooltip {
    background: rgba(10, 14, 22, 0.95) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    border-radius: 8px !important;
    padding: 6px 12px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6) !important;
    direction: rtl !important;
    text-align: center !important;
    z-index: 9999 !important;
}

/* YouTube Chapter Scrubber Tooltip */
.plyr__progress .plyr__tooltip {
    background: rgba(10, 14, 22, 0.96) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    color: #ffffff !important;
    border-radius: 10px !important;
    padding: 8px 14px !important;
    font-family: 'Vazirmatn', sans-serif !important;
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.7), 0 0 15px rgba(0, 0, 0, 0.4) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 3px !important;
    white-space: nowrap !important;
    line-height: 1.3 !important;
    z-index: 9999 !important;
    pointer-events: none !important;
}

.cdana-ch-tooltip-title {
    display: block !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    direction: rtl !important;
    text-align: center !important;
    max-width: 240px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.7) !important;
}

.cdana-ch-tooltip-time {
    display: block !important;
    font-size: 11.5px !important;
    font-weight: 700 !important;
    color: var(--cdana-brand, var(--plyr-color-main, #38bdf8)) !important;
    direction: ltr !important;
    font-feature-settings: 'tnum';
}

/* =========================================================
   MOBILE / COMPACT MODE LAYOUT (<= 580px)
========================================================= */
@media (max-width: 580px) {
    .cdana-yt-chapter-text,
    .cdana-chapter-badge,
    .cdana-chapter-pill,
    [class*="chapter-badge"],
    [class*="chapter-pill"] {
        display: none !important;
    }

    /* Mobile Volume Capsule */
    .plyr__volume {
        display: inline-flex !important;
        align-items: center !important;
        background: rgba(255, 255, 255, 0.06) !important;
        border: 1px solid rgba(255, 255, 255, 0.1) !important;
        border-radius: 20px !important;
        padding: 0 8px 0 2px !important;
        height: 36px !important;
        margin: 0 2px !important;
    }

    .plyr__volume .plyr__control[data-plyr="mute"] {
        background: transparent !important;
        width: 30px !important;
        height: 30px !important;
    }

    .plyr__volume input[type="range"] {
    width: 55px !important;
    max-width: 55px !important;
    opacity: 1 !important;
    visibility: visible !important;
    margin: 0 6px !important;
    height: 3.5px !important;
    border-radius: 2px !important;
    color: var(--cdana-brand, var(--plyr-color-main, #0284c7)) !important;
    display: block !important;
}

    .plyr__controls .plyr__control {
        width: 32px !important;
        height: 32px !important;
        padding: 4px !important;
    }

    .plyr--video .plyr__controls {
        padding: 20px 10px 8px 10px !important;
    }
}


/* =========================================================
   BRANDING LOGO OVERLAY
========================================================= */
.cdana-player-logo {
    position: absolute;
    z-index: 15;
    max-width: 90px;
    max-height: 45px;
    pointer-events: auto;
    transition: opacity 0.25s ease, transform 0.25s ease;
    opacity: 0.85;
}

.cdana-player-logo:hover {
    opacity: 1;
    transform: scale(1.05);
}

.cdana-player-logo img {
    width: 100%;
    height: auto;
    max-height: 45px;
    object-fit: contain;
    display: block;
    filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.6));
}

.cdana-player-logo.cdana-logo-top-left {
    top: 16px;
    left: 16px;
}

.cdana-player-logo.cdana-logo-top-right {
    top: 16px;
    right: 16px;
}

.cdana-player-logo.cdana-logo-bottom-left {
    bottom: 55px;
    left: 16px;
}

.cdana-player-logo.cdana-logo-bottom-right {
    bottom: 55px;
    right: 16px;
}


/* =========================================================
   VIDEO ADS SYSTEM (Pre-roll & Multi Mid-roll)
========================================================= */
/* Overlay wrapper must NEVER hijack clicks and remains hidden until playback starts */
.cdana-ad-overlay {
    display: none;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 22 !important;
    pointer-events: none !important; /* Allows clicks to pass through to Play button */
    cursor: default !important;
}

/* Elevate ad overlay above player controls and video wrapper whenever an ad is actively playing */
.cdana-player-wrapper.is-ad-playing .cdana-ad-overlay,
.cdana-player-wrapper.cdana-ad-active .cdana-ad-overlay,
.cdana-ad-overlay.is-active {
    display: block !important;
    z-index: 9999 !important;
    pointer-events: none !important;
}

/* Ensure clicks on any child of skip button (text, number, icon) target the button directly */
.cdana-ad-skip-btn * {
    pointer-events: none !important;
}
.cdana-audio-skip-btn * {
    pointer-events: none !important;
}

/* Ensure center play button sits clearly and receives clicks */
.plyr--video .plyr__control--overlaid {
    z-index: 25 !important;
    pointer-events: auto !important;
}

/* Specific interactive ad elements re-enable pointer events */
.cdana-ad-badge {
    position: absolute !important;
    top: 16px !important;
    right: 16px !important;
    background: rgba(0, 0, 0, 0.8) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    color: #facc15 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    padding: 4px 12px !important;
    border-radius: 6px !important;
    pointer-events: auto !important;
}

/* Semi-transparent Glassmorphism Skip Box */
.cdana-ad-skip-btn {
    position: absolute !important;
    bottom: 54px !important;
    right: 16px !important;
    left: auto !important;
    background: rgba(15, 23, 42, 0.65) !important; /* Semi-transparent */
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(255, 255, 255, 0.25) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35) !important;
    color: #ffffff !important;
    padding: 8px 16px !important;
    border-radius: 8px !important;
    font-family: 'Vazirmatn', sans-serif !important;
    font-size: 12.5px !important;
    font-weight: 500 !important;
    cursor: not-allowed !important;
    pointer-events: auto !important;
    transition: all 0.25s ease !important;
    user-select: none !important;
    z-index: 28 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    direction: rtl !important;
}

.cdana-ad-skip-btn .cdana-ad-countdown {
    font-weight: 700 !important;
    color: #facc15 !important;
    min-width: 12px !important;
    display: inline-block !important;
    text-align: center !important;
}

/* Active State (Unlocked at 0 seconds) */
.cdana-ad-skip-btn.is-active {
    background: rgba(15, 23, 42, 0.88) !important;
    border-color: var(--cdana-brand, #0284c7) !important;
    color: #ffffff !important;
    cursor: pointer !important;
    font-weight: 600 !important;
}

.cdana-ad-skip-btn.is-active:hover {
    background: var(--cdana-brand, #0284c7) !important;
    color: #ffffff !important;
    transform: scale(1.03) !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.5) !important;
}

/* CTA Button pinned to the BOTTOM-LEFT */
.cdana-ad-cta-btn {
    position: absolute !important;
    bottom: 56px !important;
    left: 16px !important;
    right: auto !important;
    background: rgba(15, 23, 42, 0.85) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    border: 1px solid rgba(255, 255, 255, 0.25) !important;
    color: #ffffff !important;
    text-decoration: none !important;
    padding: 7px 14px !important;
    border-radius: 8px !important;
    font-family: 'Vazirmatn', sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    pointer-events: auto !important;
    transition: all 0.2s ease !important;
    z-index: 26 !important;
    direction: rtl !important;
}
.cdana-ad-cta-btn:hover {
    background: var(--cdana-brand, #0284c7) !important;
    border-color: var(--cdana-brand, #0284c7) !important;
    color: #ffffff !important;
}



/* Multiple yellow cue marks on progress track */
.cdana-ad-cue {
    position: absolute;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    width: 4px;
    height: 7px;
    background: #facc15 !important;
    border-radius: 1px;
    pointer-events: none;
    z-index: 6;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.8);
}
.cdana-playing-ad .plyr__progress__container {
    pointer-events: none !important;
    opacity: 0.3 !important;
}
.cdana-playing-ad .cdana-yt-chapter-text,
.cdana-playing-ad .cdana-chapter-pill {
    display: none !important;
}

/* Quality menu item badge styling */
.plyr__menu__container [data-plyr="quality"] {
    font-family: 'Vazirmatn', sans-serif !important;
}
.plyr__menu__container .plyr__menu__value {
    direction: ltr !important;
    font-size: 11px !important;
    background: rgba(255, 255, 255, 0.12) !important;
    padding: 2px 6px !important;
    border-radius: 4px !important;
    margin-right: auto !important;
    margin-left: 6px !important;
}

/* Auto (خودکار) Resolution Badge in Plyr Settings Menu */
.plyr__menu__container [data-plyr="quality"][value="0"] span::after,
.plyr__menu__container [data-plyr="quality"][value="-1"] span::after {
    content: ' (خودکار)';
    font-size: 11px;
    opacity: 0.8;
}

/* Admin Columns Badges for cdana_video Post Type */
.column-shortcode code.cdana-copyable-code:hover {
    background: #e2e8f0 !important;
    border-color: #94a3b8 !important;
}
.column-shortcode code.cdana-copyable-code:active {
    transform: scale(0.98);
}


/* ==========================================================================
   Cdana Dedicated Audio Player System (.cdana-audio-wrapper)
   ========================================================================== */
.cdana-audio-wrapper {
    width: 100%;
    max-width: 680px;
    margin: 20px auto;
    font-family: 'Vazirmatn', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    box-sizing: border-box;
    direction: rtl;
    position: relative;
}

/* Audio Ad Bar */
.cdana-audio-ad-bar[style*="none"] {
    display: none !important;
}
.cdana-audio-ad-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    background: rgba(15, 23, 42, 0.95);
    border: 1px solid rgba(245, 158, 11, 0.4);
    border-radius: 12px;
    padding: 10px 16px;
    margin-bottom: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35);
    box-sizing: border-box;
    width: 100%;
    direction: rtl;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}
.cdana-audio-ad-left {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}
.cdana-audio-ad-badge {
    background: linear-gradient(135deg, #f59e0b, #d97706);
    color: #ffffff;
    font-size: 11px;
    font-weight: 800;
    padding: 3px 8px;
    border-radius: 4px;
    letter-spacing: 0.2px;
}
.cdana-audio-ad-cta {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background: rgba(255, 255, 255, 0.1);
    color: #e2e8f0;
    font-size: 11px;
    font-weight: 600;
    text-decoration: none;
    padding: 3px 10px;
    border-radius: 4px;
    border: 1px solid rgba(255, 255, 255, 0.15);
    transition: all 0.2s ease;
}
.cdana-audio-ad-cta:hover {
    background: rgba(255, 255, 255, 0.2);
    color: #ffffff;
}
.cdana-audio-skip-btn {
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: #cbd5e1;
    font-family: inherit;
    font-size: 11.5px;
    font-weight: 600;
    padding: 5px 12px;
    border-radius: 6px;
    cursor: not-allowed;
    transition: all 0.2s ease;
}
.cdana-audio-skip-btn:not([disabled]) {
    cursor: pointer;
    background: #0284c7;
    border-color: #0284c7;
    color: #ffffff;
    font-weight: 700;
}
.cdana-audio-skip-btn:not([disabled]):hover {
    background: #0369a1;
}
.cdana-audio-ad-countdown {
    color: #fbbf24;
    font-weight: 700;
    margin: 0 2px;
}

/* =======================================================
   LUXURY AUDIO CHAPTERS SHELF & DOCK
   ======================================================= */
.cdana-audio-chapters-bar {
    display: flex;
    align-items: center;
    gap: 12px;
    background: linear-gradient(180deg, #111b2f 0%, #0d1527 100%);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-bottom: 1px solid rgba(255, 255, 255, 0.03);
    border-radius: 16px 16px 0 0;
    padding: 8px 14px;
    box-sizing: border-box;
    width: 100%;
    direction: rtl;
    position: relative;
    z-index: 2 !important;
    box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.25);
}

/* Fused connection with card directly below it */
.cdana-audio-chapters-bar + .cdana-audio-card {
    position: relative !important;
    z-index: 25 !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-top: none !important;
    box-shadow: 0 14px 28px -6px rgba(0, 0, 0, 0.45) !important;
}

/* Chapters Shelf Header Badge */
.cdana-chapters-shelf-header {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
    border-left: 1px solid rgba(255, 255, 255, 0.08);
    padding-left: 12px;
}

.cdana-chapters-badge-title {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #f1f5f9;
    font-size: 11.5px;
    font-weight: 700;
    letter-spacing: 0.2px;
}

.cdana-chapters-badge-title svg {
    color: var(--cdana-brand, #38bdf8);
    filter: drop-shadow(0 0 6px var(--cdana-brand, #38bdf8));
}

.cdana-chapters-count-pill {
    font-size: 10px;
    font-weight: 700;
    color: #94a3b8;
    background: rgba(255, 255, 255, 0.06);
    padding: 2px 7px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.06);
}

/* Scrollable Chapter Track with Smooth Fade Mask */
.cdana-audio-chapters-scroll {
    display: flex;
    align-items: center;
    gap: 8px;
    overflow-x: auto;
    padding: 2px 2px 3px 2px;
    scrollbar-width: none;
    -ms-overflow-style: none;
    flex: 1;
    min-width: 0;
}

.cdana-audio-chapters-scroll::-webkit-scrollbar {
    display: none;
}

/* Modern Chapter Chip */
.cdana-audio-chapter-chip {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 999px;
    padding: 5px 12px 5px 7px;
    font-family: inherit;
    font-size: 11.5px;
    font-weight: 600;
    color: #cbd5e1;
    cursor: pointer;
    white-space: nowrap;
    flex-shrink: 0;
    position: relative;
    user-select: none;
    transition: all 0.22s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Numeric Chapter Index Badge */
.cdana-audio-chapter-chip .chip-index {
    width: 19px;
    height: 19px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.08);
    color: #94a3b8;
    font-size: 10px;
    font-weight: 800;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: all 0.2s ease;
}

/* Equalizer Bars (visible only when active) */
.cdana-audio-chapter-chip .chip-eq {
    display: none;
    align-items: flex-end;
    gap: 2.5px;
    height: 13px;
    width: 14px;
    flex-shrink: 0;
}

.cdana-audio-chapter-chip .chip-eq i {
    width: 2.5px;
    background: var(--cdana-brand, #38bdf8);
    border-radius: 3px;
    display: block;
}

@keyframes cdanaEqWave1 {
    0% { height: 3px; }
    50% { height: 12px; }
    100% { height: 5px; }
}
@keyframes cdanaEqWave2 {
    0% { height: 11px; }
    50% { height: 4px; }
    100% { height: 13px; }
}
@keyframes cdanaEqWave3 {
    0% { height: 6px; }
    50% { height: 13px; }
    100% { height: 4px; }
}

.cdana-audio-chapter-chip.active .chip-eq i:nth-child(1) {
    animation: cdanaEqWave1 0.75s ease-in-out infinite alternate;
}
.cdana-audio-chapter-chip.active .chip-eq i:nth-child(2) {
    animation: cdanaEqWave2 0.65s ease-in-out infinite alternate;
}
.cdana-audio-chapter-chip.active .chip-eq i:nth-child(3) {
    animation: cdanaEqWave3 0.85s ease-in-out infinite alternate;
}

.cdana-audio-chapter-chip .chip-title {
    line-height: 1;
    font-size: 11.5px;
    font-weight: 600;
    color: inherit;
}

/* Time Badge */
.cdana-audio-chapter-chip .chip-time {
    direction: ltr;
    font-family: monospace;
    font-size: 10px;
    color: #94a3b8;
    background: rgba(0, 0, 0, 0.35);
    padding: 2px 6px;
    border-radius: 6px;
    border: 1px solid rgba(255, 255, 255, 0.05);
    letter-spacing: 0.5px;
    transition: all 0.2s ease;
}

/* Chip Hover State */
.cdana-audio-chapter-chip:hover {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.2);
    color: #ffffff;
    transform: translateY(-1.5px);
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.3);
}

.cdana-audio-chapter-chip:hover .chip-index {
    background: rgba(255, 255, 255, 0.16);
    color: #ffffff;
}

.cdana-audio-chapter-chip:hover .chip-time {
    color: #e2e8f0;
    border-color: rgba(255, 255, 255, 0.12);
}

/* Chip Active State: Glowing, animated, luxury */
.cdana-audio-chapter-chip.active {
    background: linear-gradient(135deg, rgba(2, 132, 199, 0.28) 0%, rgba(15, 23, 42, 0.85) 100%) !important;
    border-color: var(--cdana-brand, #38bdf8) !important;
    color: #ffffff !important;
    box-shadow: 0 0 16px rgba(2, 132, 199, 0.38), inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
    transform: translateY(-1px);
}

.cdana-audio-chapter-chip.active .chip-index {
    display: none !important;
}

.cdana-audio-chapter-chip.active .chip-eq {
    display: inline-flex !important;
}

.cdana-audio-chapter-chip.active .chip-time,
.cdana-player-wrapper .cdana-audio-chapter-chip.active .chip-time,
.cdana-audio-wrapper .cdana-audio-chapter-chip.active .chip-time {
    color: #ffffff !important;
    background: var(--cdana-brand, #0284c7) !important;
    border-color: var(--cdana-brand, #38bdf8) !important;
    font-weight: 700 !important;
    box-shadow: 0 1px 6px rgba(2, 132, 199, 0.4) !important;
}

/* Audio Main Card */
.cdana-audio-card {
    display: flex;
    align-items: center;
    gap: 16px;
    background: #0f172a;
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 14px;
    padding: 14px 18px;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.4);
    box-sizing: border-box;
}
.cdana-audio-cover {
    width: 78px;
    height: 78px;
    flex-shrink: 0;
    border-radius: 16px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
    background: transparent;
}
.cdana-audio-cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: inherit;
}
.cdana-audio-details {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.cdana-audio-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}
.cdana-audio-titles {
    min-width: 0;
    flex: 1;
}
.cdana-audio-title {
    margin: 0;
    color: #f8fafc;
    font-size: 14px;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.4;
}
.cdana-audio-artist {
    display: block;
    color: #94a3b8;
    font-size: 12px;
    margin-top: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.cdana-audio-dl-btn {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    background: rgba(255, 255, 255, 0.08);
    color: #94a3b8;
    border: 1px solid rgba(255, 255, 255, 0.1);
    font-size: 11.5px;
    font-weight: 600;
    padding: 4px 9px;
    border-radius: 6px;
    text-decoration: none;
    white-space: nowrap;
    transition: all 0.2s ease;
}
.cdana-audio-dl-btn:hover {
    background: rgba(255, 255, 255, 0.16);
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.2);
}

/* Plyr Audio Specific Customizations */
.cdana-audio-card .plyr,
.cdana-audio-card .plyr--audio,
.cdana-audio-card .plyr__controls,
.cdana-audio-wrapper .cdana-audio-card .plyr__controls,
.cdana-player-wrapper .cdana-audio-card .plyr__controls {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
}

/* =======================================================
   CDANA AUDIO PLAYER: 2-TIER CLEAN LAYOUT
   ======================================================= */

/* 1. Base Controls Wrapper */
.cdana-player-wrapper:not([data-audio-theme*="cassette"]):not([data-theme*="cassette"]) .cdana-audio-card .plyr--audio .plyr__controls,
.cdana-player-wrapper:not([data-audio-theme*="cassette"]):not([data-theme*="cassette"]) .cdana-audio-card .plyr__controls,
.cdana-audio-card:not([data-audio-theme*="cassette"]):not([data-theme*="cassette"]) .plyr__controls,
.cdana-audio-card .plyr__controls {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 6px !important;
    padding: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
    background: transparent !important;
    color: #cbd5e1 !important;
    border: none !important;
}

/* 2. TIER 1: Dedicated Full-Width Progress Bar (Row 1) */
.cdana-player-wrapper:not([data-audio-theme*="cassette"]):not([data-theme*="cassette"]) .cdana-audio-card .plyr__controls .plyr__progress__container,
.cdana-audio-card .plyr__controls .plyr__progress__container {
    order: 1 !important;
    flex: 0 0 100% !important;
    width: 100% !important;
    min-width: 100% !important;
    margin: 2px 0 10px 0 !important;
    padding: 0 !important;
}

.cdana-player-wrapper[data-theme="dark-glass"] .cdana-audio-card .plyr__progress input[type="range"],
.cdana-audio-wrapper[data-theme="dark-glass"] .cdana-audio-card .plyr__progress input[type="range"],
.cdana-player-wrapper:not([data-theme]):not([data-audio-theme]) .cdana-audio-card .plyr__progress input[type="range"] {
    height: 6px !important;
    cursor: pointer !important;
    border-radius: 999px !important;
    width: 100% !important;
}

.cdana-player-wrapper[data-theme="dark-glass"] .cdana-audio-card .plyr__progress input[type="range"]::-webkit-slider-thumb,
.cdana-audio-wrapper[data-theme="dark-glass"] .cdana-audio-card .plyr__progress input[type="range"]::-webkit-slider-thumb,
.cdana-player-wrapper:not([data-theme]):not([data-audio-theme]) .cdana-audio-card .plyr__progress input[type="range"]::-webkit-slider-thumb {
    width: 14px !important;
    height: 14px !important;
    border-radius: 50% !important;
    background: #ffffff !important;
    border: 2px solid var(--cdana-brand, #0284c7) !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.45) !important;
    transition: transform 0.15s ease !important;
}

.cdana-player-wrapper[data-theme="dark-glass"] .cdana-audio-card .plyr__progress input[type="range"]:hover::-webkit-slider-thumb,
.cdana-audio-wrapper[data-theme="dark-glass"] .cdana-audio-card .plyr__progress input[type="range"]:hover::-webkit-slider-thumb {
    transform: scale(1.25) !important;
}

/* 3. TIER 2: ALL Buttons & Controls Strictly in ONE Line (Row 2) */
.cdana-audio-card .plyr__controls > *:not(.plyr__progress__container) {
    order: 2 !important;
    flex-shrink: 0 !important;
    margin: 0 !important; /* Remove Plyr default margins that cause unwanted line breaking */
}

/* Play button */
.cdana-player-wrapper:not([data-audio-theme*="cassette"]):not([data-theme*="cassette"]) .cdana-audio-card .plyr__controls [data-plyr="play"],
.cdana-audio-card .plyr__controls [data-plyr="play"] {
    width: 36px !important;
    height: 36px !important;
    padding: 0 !important;
    background: rgba(255, 255, 255, 0.12) !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.cdana-player-wrapper:not([data-audio-theme*="cassette"]):not([data-theme*="cassette"]) .cdana-audio-card .plyr__controls [data-plyr="play"]:hover,
.cdana-audio-card .plyr__controls [data-plyr="play"]:hover {
    background: var(--cdana-brand, #0284c7) !important;
    border-color: var(--cdana-brand, #0284c7) !important;
    color: #ffffff !important;
    transform: scale(1.08) !important;
    box-shadow: 0 4px 14px rgba(2, 132, 199, 0.4) !important;
}

/* 10-Second Skip Buttons */
.cdana-player-wrapper:not([data-audio-theme*="cassette"]):not([data-theme*="cassette"]) .cdana-audio-card .plyr__controls [data-plyr="rewind"],
.cdana-player-wrapper:not([data-audio-theme*="cassette"]):not([data-theme*="cassette"]) .cdana-audio-card .plyr__controls [data-plyr="fast-forward"],
.cdana-audio-card .plyr__controls [data-plyr="rewind"],
.cdana-audio-card .plyr__controls [data-plyr="fast-forward"] {
    width: 30px !important;
    height: 30px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #cbd5e1 !important;
    background: rgba(255, 255, 255, 0.06) !important;
    border-radius: 50% !important;
    transition: all 0.2s ease !important;
}

.cdana-player-wrapper:not([data-audio-theme*="cassette"]):not([data-theme*="cassette"]) .cdana-audio-card .plyr__controls [data-plyr="rewind"]:hover,
.cdana-player-wrapper:not([data-audio-theme*="cassette"]):not([data-theme*="cassette"]) .cdana-audio-card .plyr__controls [data-plyr="fast-forward"]:hover,
.cdana-audio-card .plyr__controls [data-plyr="rewind"]:hover,
.cdana-audio-card .plyr__controls [data-plyr="fast-forward"]:hover {
    color: var(--cdana-brand, #38bdf8) !important;
    background: rgba(255, 255, 255, 0.14) !important;
    transform: scale(1.1) !important;
}

/* Time Badges (Current & Duration) */
.cdana-player-wrapper:not([data-theme="clay-pastel"]):not([data-theme="warm-sand"]):not([data-theme="soft-neumorph"]):not([data-audio-theme="clay-pastel"]):not([data-audio-theme="warm-sand"]):not([data-audio-theme="soft-neumorph"]):not([data-theme*="cassette"]):not([data-audio-theme*="cassette"]) .cdana-audio-card .plyr__controls .plyr__time,
.cdana-audio-wrapper:not([data-theme="clay-pastel"]):not([data-theme="warm-sand"]):not([data-theme="soft-neumorph"]):not([data-audio-theme="clay-pastel"]):not([data-audio-theme="warm-sand"]):not([data-audio-theme="soft-neumorph"]):not([data-theme*="cassette"]):not([data-audio-theme*="cassette"]) .cdana-audio-card .plyr__controls .plyr__time,
.cdana-audio-card:not([data-theme]):not([data-audio-theme]) .plyr__controls .plyr__time {
    padding: 3px 8px !important;
    font-size: 11.5px !important;
    font-family: inherit !important;
    background: rgba(255, 255, 255, 0.07) !important;
    border-radius: 6px !important;
    color: #cbd5e1 !important;
    letter-spacing: 0.5px !important;
}

/* =======================================================
   CDANA AUDIO PLAYER: VOLUME CAPSULE & GEAR FIX
   ======================================================= */

/* 1. Complete Volume Capsule (Encloses BOTH speaker icon and slider) */
.cdana-player-wrapper:not([data-audio-theme*="cassette"]):not([data-theme*="cassette"]) .cdana-audio-card .plyr__controls .plyr__volume,
.cdana-audio-card .plyr__controls .plyr__volume {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    background: rgba(255, 255, 255, 0.07) !important;
    border-radius: 999px !important;
    padding: 4px 12px 4px 8px !important;
    width: auto !important;
    max-width: none !important;
    min-width: 115px !important;
    box-sizing: border-box !important;
    flex-shrink: 0 !important;
}

/* Speaker Mute Button inside capsule */
.cdana-player-wrapper:not([data-audio-theme*="cassette"]):not([data-theme*="cassette"]) .cdana-audio-card .plyr__controls .plyr__volume button[data-plyr="mute"],
.cdana-audio-card .plyr__controls .plyr__volume button[data-plyr="mute"] {
    background: transparent !important;
    width: 24px !important;
    height: 24px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #cbd5e1 !important;
    flex-shrink: 0 !important;
}

.cdana-player-wrapper:not([data-audio-theme*="cassette"]):not([data-theme*="cassette"]) .cdana-audio-card .plyr__controls .plyr__volume button[data-plyr="mute"]:hover,
.cdana-audio-card .plyr__controls .plyr__volume button[data-plyr="mute"]:hover {
    color: #ffffff !important;
}

/* Volume Slider strictly inside capsule */
.cdana-player-wrapper[data-theme="dark-glass"] .cdana-audio-card .plyr__controls .plyr__volume input[type="range"],
.cdana-audio-wrapper[data-theme="dark-glass"] .cdana-audio-card .plyr__controls .plyr__volume input[type="range"],
.cdana-player-wrapper:not([data-theme]):not([data-audio-theme]) .cdana-audio-card .plyr__controls .plyr__volume input[type="range"] {
    width: 65px !important;
    max-width: 65px !important;
    min-width: 60px !important;
    height: 5px !important;
    cursor: pointer !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
}

.cdana-player-wrapper[data-theme="dark-glass"] .cdana-audio-card .plyr__controls .plyr__volume input[type="range"]::-webkit-slider-thumb,
.cdana-audio-wrapper[data-theme="dark-glass"] .cdana-audio-card .plyr__controls .plyr__volume input[type="range"]::-webkit-slider-thumb,
.cdana-player-wrapper:not([data-theme]):not([data-audio-theme]) .cdana-audio-card .plyr__controls .plyr__volume input[type="range"]::-webkit-slider-thumb {
    width: 12px !important;
    height: 12px !important;
    border-radius: 50% !important;
    background: #ffffff !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) !important;
}

/* 2. Audio Settings Gear Button (Crisp Circular Geometry matching adjacent controls) */
.cdana-audio-card .plyr__controls .plyr__menu {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    flex-shrink: 0 !important;
    position: relative !important;
    z-index: 70 !important;
}

.cdana-player-wrapper:not([data-audio-theme*="cassette"]):not([data-theme*="cassette"]) .cdana-audio-card .plyr__controls > .plyr__menu > [data-plyr="settings"],
.cdana-audio-wrapper:not([data-audio-theme*="cassette"]):not([data-theme*="cassette"]) .cdana-audio-card .plyr__controls > .plyr__menu > [data-plyr="settings"],
.cdana-player-wrapper:not([data-audio-theme*="cassette"]):not([data-theme*="cassette"]) .cdana-audio-card .plyr__controls > [data-plyr="settings"],
.cdana-audio-wrapper:not([data-audio-theme*="cassette"]):not([data-theme*="cassette"]) .cdana-audio-card .plyr__controls > [data-plyr="settings"],
.cdana-audio-card:not([data-audio-theme*="cassette"]):not([data-theme*="cassette"]) .plyr__controls > .plyr__menu > [data-plyr="settings"],
.cdana-audio-card:not([data-audio-theme*="cassette"]):not([data-theme*="cassette"]) .plyr__controls > [data-plyr="settings"] {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: rgba(255, 255, 255, 0.07) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #cbd5e1 !important;
    flex-shrink: 0 !important;
    cursor: pointer !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) !important;
    transition: all 0.2s ease !important;
}

.cdana-player-wrapper:not([data-audio-theme*="cassette"]):not([data-theme*="cassette"]) .cdana-audio-card .plyr__controls > .plyr__menu > [data-plyr="settings"] svg,
.cdana-player-wrapper:not([data-audio-theme*="cassette"]):not([data-theme*="cassette"]) .cdana-audio-card .plyr__controls > [data-plyr="settings"] svg,
.cdana-audio-wrapper:not([data-audio-theme*="cassette"]):not([data-theme*="cassette"]) .cdana-audio-card .plyr__controls > .plyr__menu > [data-plyr="settings"] svg,
.cdana-audio-wrapper:not([data-audio-theme*="cassette"]):not([data-theme*="cassette"]) .cdana-audio-card .plyr__controls > [data-plyr="settings"] svg {
    width: 17px !important;
    height: 17px !important;
    fill: currentColor !important;
    stroke: none !important;
    display: block !important;
    margin: 0 auto !important;
    pointer-events: none !important;
    transition: transform 0.2s ease !important;
}

.cdana-player-wrapper:not([data-audio-theme*="cassette"]):not([data-theme*="cassette"]) .cdana-audio-card .plyr__controls > .plyr__menu > [data-plyr="settings"]:hover,
.cdana-player-wrapper:not([data-audio-theme*="cassette"]):not([data-theme*="cassette"]) .cdana-audio-card .plyr__controls > [data-plyr="settings"]:hover,
.cdana-audio-wrapper:not([data-audio-theme*="cassette"]):not([data-theme*="cassette"]) .cdana-audio-card .plyr__controls > .plyr__menu > [data-plyr="settings"]:hover,
.cdana-audio-wrapper:not([data-audio-theme*="cassette"]):not([data-theme*="cassette"]) .cdana-audio-card .plyr__controls > [data-plyr="settings"]:hover,
.cdana-player-wrapper:not([data-audio-theme*="cassette"]):not([data-theme*="cassette"]) .cdana-audio-card .plyr__controls > .plyr__menu > [data-plyr="settings"][aria-expanded="true"],
.cdana-audio-wrapper:not([data-audio-theme*="cassette"]):not([data-theme*="cassette"]) .cdana-audio-card .plyr__controls > .plyr__menu > [data-plyr="settings"][aria-expanded="true"] {
    background: rgba(255, 255, 255, 0.16) !important;
    color: var(--cdana-brand, #38bdf8) !important;
    border-color: var(--cdana-brand, #38bdf8) !important;
    box-shadow: 0 0 10px rgba(56, 189, 248, 0.35) !important;
    transform: scale(1.06) !important;
}

.cdana-player-wrapper:not([data-audio-theme*="cassette"]):not([data-theme*="cassette"]) .cdana-audio-card .plyr__controls > .plyr__menu > [data-plyr="settings"]:active,
.cdana-audio-wrapper:not([data-audio-theme*="cassette"]):not([data-theme*="cassette"]) .cdana-audio-card .plyr__controls > .plyr__menu > [data-plyr="settings"]:active {
    transform: scale(0.96) !important;
}
.cdana-player-wrapper[data-theme="dark-glass"] .cdana-audio-card .plyr__control,
.cdana-audio-wrapper[data-theme="dark-glass"] .cdana-audio-card .plyr__control {
    color: #e2e8f0 !important;
    transition: all 0.2s ease !important;
}
.cdana-player-wrapper[data-theme="dark-glass"] .cdana-audio-card .plyr__control:hover,
.cdana-audio-wrapper[data-theme="dark-glass"] .cdana-audio-card .plyr__control:hover {
    background: rgba(255, 255, 255, 0.12) !important;
    color: var(--cdana-brand, #38bdf8) !important;
}
.cdana-player-wrapper:not([data-audio-theme*="cassette"]):not([data-theme*="cassette"]) .cdana-audio-card .plyr__control--overlaid,
.cdana-audio-card .plyr__control--overlaid {
    background: var(--cdana-brand, #0284c7) !important;
}
.cdana-player-wrapper:not([data-audio-theme*="cassette"]):not([data-theme*="cassette"]) .cdana-audio-card .plyr__time,
.cdana-audio-card .plyr__time {
    font-family: monospace !important;
    font-size: 11.5px !important;
    color: #cbd5e1 !important;
    direction: ltr !important;
}
.cdana-audio-card input[type='range'] {
    color: var(--cdana-brand, #0284c7) !important;
}
.cdana-audio-playing-ad .plyr__progress__container {
    pointer-events: none !important;
    opacity: 0.35 !important;
}

/* Mobile Responsiveness for Audio Card */
@media (max-width: 540px) {
    .cdana-audio-card {
        padding: 12px 14px;
        gap: 12px;
    }
    .cdana-audio-cover {
        width: 62px;
        height: 62px;
    }
    .cdana-audio-title {
        font-size: 13px;
    }
    .cdana-audio-artist {
        font-size: 11px;
    }
    .cdana-audio-card .plyr__volume {
        max-width: 70px !important;
    }
}


/* =======================================================
   CDANA PRO PLAYER: SETTINGS MENU RTL & CLEANUP FIX
   ======================================================= */

/* 1. Main Menu Container (Flawless frosted glass card, zero stray scrollbars, clean RTL) */
.cdana-player-wrapper .plyr__menu__container,
.cdana-audio-wrapper .plyr__menu__container,
.cdana-audio-card .plyr__menu__container {
    direction: rtl !important;
    text-align: right !important;
    width: 220px !important;
    min-width: 220px !important;
    max-width: 240px !important;
    background: rgba(15, 23, 42, 0.98) !important;
    backdrop-filter: blur(20px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    border-radius: 12px !important;
    padding: 0 !important;
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.65) !important;
    box-sizing: border-box !important;
    z-index: 999999 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
}

.cdana-player-wrapper .plyr__menu__container::-webkit-scrollbar,
.cdana-audio-wrapper .plyr__menu__container::-webkit-scrollbar,
.cdana-audio-card .plyr__menu__container::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}

/* 2. Menu Inner Wrapper & Panels */
.cdana-player-wrapper .plyr__menu__container > div,
.cdana-audio-wrapper .plyr__menu__container > div,
.cdana-player-wrapper .plyr__menu__container [role="menu"],
.cdana-audio-wrapper .plyr__menu__container [role="menu"] {
    padding: 5px !important;
    box-sizing: border-box !important;
    margin: 0 !important;
}

/* 3. Menu Item Controls (Smooth hover, clean padding, proper RTL alignment) */
.cdana-player-wrapper .plyr__menu__container [role="menu"] button,
.cdana-audio-wrapper .plyr__menu__container [role="menu"] button,
.cdana-player-wrapper .plyr__menu__container .plyr__control,
.cdana-audio-wrapper .plyr__menu__container .plyr__control {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    border-radius: 8px !important;
    width: 100% !important;
    height: 40px !important;
    padding: 0 10px !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    font-family: inherit !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    color: inherit !important;
    cursor: pointer !important;
    direction: rtl !important;
    text-align: right !important;
    transition: background 0.16s ease !important;
    box-sizing: border-box !important;
}

.cdana-player-wrapper .plyr__menu__container .plyr__control:hover,
.cdana-audio-wrapper .plyr__menu__container .plyr__control:hover,
.cdana-player-wrapper .plyr__menu__container [role="menu"] button:hover,
.cdana-audio-wrapper .plyr__menu__container [role="menu"] button:hover {
    background: rgba(255, 255, 255, 0.09) !important;
}

/* Fallback white color strictly for dark themes */
.cdana-player-wrapper:not([data-theme="clay-pastel"]):not([data-theme="warm-sand"]):not([data-theme="soft-neumorph"]):not([data-audio-theme="clay-pastel"]):not([data-audio-theme="warm-sand"]):not([data-audio-theme="soft-neumorph"]):not([data-theme*="cassette"]):not([data-audio-theme*="cassette"]) .plyr__menu__container .plyr__control,
.cdana-audio-wrapper:not([data-theme="clay-pastel"]):not([data-theme="warm-sand"]):not([data-theme="soft-neumorph"]):not([data-audio-theme="clay-pastel"]):not([data-audio-theme="warm-sand"]):not([data-audio-theme="soft-neumorph"]):not([data-theme*="cassette"]):not([data-audio-theme*="cassette"]) .plyr__menu__container .plyr__control,
.cdana-player-wrapper:not([data-theme="clay-pastel"]):not([data-theme="warm-sand"]):not([data-theme="soft-neumorph"]):not([data-audio-theme="clay-pastel"]):not([data-audio-theme="warm-sand"]):not([data-audio-theme="soft-neumorph"]):not([data-theme*="cassette"]):not([data-audio-theme*="cassette"]) .plyr__menu__container [role="menu"] button,
.cdana-audio-wrapper:not([data-theme="clay-pastel"]):not([data-theme="warm-sand"]):not([data-theme="soft-neumorph"]):not([data-audio-theme="clay-pastel"]):not([data-audio-theme="warm-sand"]):not([data-audio-theme="soft-neumorph"]):not([data-theme*="cassette"]):not([data-audio-theme*="cassette"]) .plyr__menu__container [role="menu"] button {
    color: #ffffff !important;
}

/* 4. Text & Value Alignment in RTL (Spaced completely apart, high readability) */
.cdana-player-wrapper .plyr__menu__container .plyr__control > span:first-child,
.cdana-audio-wrapper .plyr__menu__container .plyr__control > span:first-child {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    direction: rtl !important;
    text-align: right !important;
    color: inherit !important;
    font-weight: 600 !important;
    font-size: 13.5px !important;
}

.cdana-player-wrapper:not([data-theme="clay-pastel"]):not([data-theme="warm-sand"]):not([data-theme="soft-neumorph"]):not([data-audio-theme="clay-pastel"]):not([data-audio-theme="warm-sand"]):not([data-audio-theme="soft-neumorph"]):not([data-theme*="cassette"]):not([data-audio-theme*="cassette"]) .plyr__menu__container .plyr__control > span:first-child,
.cdana-audio-wrapper:not([data-theme="clay-pastel"]):not([data-theme="warm-sand"]):not([data-theme="soft-neumorph"]):not([data-audio-theme="clay-pastel"]):not([data-audio-theme="warm-sand"]):not([data-audio-theme="soft-neumorph"]):not([data-theme*="cassette"]):not([data-audio-theme*="cassette"]) .plyr__menu__container .plyr__control > span:first-child {
    color: #ffffff !important;
}

/* 5. Speed / Value Badge (Clean pill on the far left) */
.cdana-player-wrapper .plyr__menu__container .plyr__menu__value,
.cdana-audio-wrapper .plyr__menu__container .plyr__menu__value,
.plyr__menu__container .plyr__menu__value {
    padding: 3px 10px !important;
    border-radius: 6px !important;
    font-size: 11.5px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    flex-shrink: 0 !important;
    transition: all 0.16s ease !important;
}

.cdana-player-wrapper:not([data-theme="clay-pastel"]):not([data-theme="warm-sand"]):not([data-theme="soft-neumorph"]):not([data-audio-theme="clay-pastel"]):not([data-audio-theme="warm-sand"]):not([data-audio-theme="soft-neumorph"]):not([data-theme*="cassette"]):not([data-audio-theme*="cassette"]) .plyr__menu__container .plyr__menu__value,
.cdana-audio-wrapper:not([data-theme="clay-pastel"]):not([data-theme="warm-sand"]):not([data-theme="soft-neumorph"]):not([data-audio-theme="clay-pastel"]):not([data-audio-theme="warm-sand"]):not([data-audio-theme="soft-neumorph"]):not([data-theme*="cassette"]):not([data-audio-theme*="cassette"]) .plyr__menu__container .plyr__menu__value {
    background: rgba(255, 255, 255, 0.12) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.22) !important;
}

.cdana-player-wrapper .plyr__menu__container .plyr__control:hover .plyr__menu__value,
.cdana-audio-wrapper .plyr__menu__container .plyr__control:hover .plyr__menu__value,
.plyr__menu__container .plyr__control:hover .plyr__menu__value {
    background: rgba(2, 132, 199, 0.3) !important;
    border-color: #38bdf8 !important;
    color: #ffffff !important;
}

/* 6. STRICTLY REMOVE ANY COLLIDING CHEVRONS OR ARROWS */
.cdana-player-wrapper .plyr__menu__container .plyr__control--forward::after,
.cdana-audio-wrapper .plyr__menu__container .plyr__control--forward::after,
.plyr__menu__container .plyr__control--forward::after,
.cdana-player-wrapper .plyr__menu__container .plyr__control--forward svg,
.cdana-audio-wrapper .plyr__menu__container .plyr__control--forward svg {
    display: none !important;
    content: none !important;
    border: none !important;
    width: 0 !important;
    height: 0 !important;
}

/* 7. Submenu Back Button (Points right in RTL) */
.cdana-player-wrapper .plyr__menu__container .plyr__control--back,
.cdana-audio-wrapper .plyr__menu__container .plyr__control--back,
.plyr__menu__container .plyr__control--back {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    padding: 8px 10px 10px 10px !important;
    margin-bottom: 6px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 0 !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
    color: var(--cdana-brand, #38bdf8) !important;
    direction: rtl !important;
    text-align: right !important;
    background: transparent !important;
}

.cdana-player-wrapper .plyr__menu__container .plyr__control--back::before,
.cdana-audio-wrapper .plyr__menu__container .plyr__control--back::before,
.plyr__menu__container .plyr__control--back::before {
    content: '' !important;
    display: inline-block !important;
    width: 5px !important;
    height: 5px !important;
    border-top: 1.5px solid currentColor !important;
    border-right: 1.5px solid currentColor !important;
    border-bottom: none !important;
    border-left: none !important;
    transform: rotate(45deg) !important;
    margin-left: 8px !important;
    margin-right: 0 !important;
    flex-shrink: 0 !important;
}

.cdana-player-wrapper .plyr__menu__container .plyr__control--back::after,
.cdana-audio-wrapper .plyr__menu__container .plyr__control--back::after,
.plyr__menu__container .plyr__control--back::after {
    display: none !important;
    content: none !important;
}

/* 8. Submenu Radio Items (Speed 0.5x ... 2x) */
.cdana-player-wrapper .plyr__menu__container [role="menuitemradio"],
.cdana-audio-wrapper .plyr__menu__container [role="menuitemradio"],
.plyr__menu__container [role="menuitemradio"] {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 8px 12px !important;
    border-radius: 7px !important;
    font-size: 13px !important;
    color: #cbd5e1 !important;
    direction: rtl !important;
    text-align: right !important;
    transition: all 0.15s ease !important;
    position: relative !important;
}

.cdana-player-wrapper .plyr__menu__container [role="menuitemradio"]:hover,
.cdana-audio-wrapper .plyr__menu__container [role="menuitemradio"]:hover,
.plyr__menu__container [role="menuitemradio"]:hover {
    background: rgba(255, 255, 255, 0.08) !important;
    color: #ffffff !important;
}

.cdana-player-wrapper .plyr__menu__container [role="menuitemradio"][aria-checked="true"],
.cdana-audio-wrapper .plyr__menu__container [role="menuitemradio"][aria-checked="true"],
.plyr__menu__container [role="menuitemradio"][aria-checked="true"] {
    background: rgba(2, 132, 199, 0.18) !important;
    color: #ffffff !important;
    font-weight: 700 !important;
}

.cdana-player-wrapper .plyr__menu__container [role="menuitemradio"]::before,
.cdana-audio-wrapper .plyr__menu__container [role="menuitemradio"]::before,
.plyr__menu__container [role="menuitemradio"]::before {
    content: '' !important;
    display: inline-block !important;
    width: 6px !important;
    height: 6px !important;
    border-radius: 50% !important;
    margin-right: auto !important;
    margin-left: 4px !important;
    background: transparent !important;
    border: 1.5px solid rgba(255, 255, 255, 0.3) !important;
    transition: all 0.15s ease !important;
    position: static !important;
    transform: none !important;
    order: 2 !important;
}

.cdana-player-wrapper .plyr__menu__container [role="menuitemradio"][aria-checked="true"]::before,
.cdana-audio-wrapper .plyr__menu__container [role="menuitemradio"][aria-checked="true"]::before,
.plyr__menu__container [role="menuitemradio"][aria-checked="true"]::before {
    background: var(--cdana-brand, #38bdf8) !important;
    border-color: var(--cdana-brand, #38bdf8) !important;
    box-shadow: 0 0 8px var(--cdana-brand, rgba(56, 189, 248, 0.6)) !important;
}


/* =======================================================
   CDANA ABSOLUTE BRAND COLOR CASCADE ENGINE
   ======================================================= */

/* Force variable scoping on Plyr elements directly */
.cdana-player-wrapper .plyr,
.cdana-player-wrapper .plyr--video,
.cdana-audio-wrapper .plyr,
.cdana-audio-wrapper .plyr--audio,
.cdana-audio-wrapper .plyr__controls {
    --plyr-color-main: var(--cdana-brand, #0284c7) !important;
    --plyr-audio-range-fill-background: var(--cdana-brand, #0284c7) !important;
    --plyr-range-fill-background: var(--cdana-brand, #0284c7) !important;
    --plyr-range-fill-color: var(--cdana-brand, #0284c7) !important;
}

/* Force range input color and accent on WebKit & Blink */
.cdana-player-wrapper input[type="range"],
.cdana-audio-wrapper input[type="range"] {
    accent-color: var(--cdana-brand, #0284c7) !important;
    color: var(--cdana-brand, #0284c7) !important;
}

/* Force range track fill for both progress bar and volume (dark-glass / default) */
.cdana-player-wrapper[data-theme="dark-glass"] .cdana-audio-card .plyr__progress input[type="range"]::-webkit-slider-thumb,
.cdana-player-wrapper[data-theme="dark-glass"] .cdana-audio-card .plyr__volume input[type="range"]::-webkit-slider-thumb,
.cdana-audio-wrapper[data-theme="dark-glass"] .cdana-audio-card .plyr__progress input[type="range"]::-webkit-slider-thumb,
.cdana-audio-wrapper[data-theme="dark-glass"] .cdana-audio-card .plyr__volume input[type="range"]::-webkit-slider-thumb {
    background: #ffffff !important;
    border: 2px solid var(--cdana-brand, #0284c7) !important;
}

/* Force button states (dark-glass / default) */
.cdana-player-wrapper[data-theme="dark-glass"] .cdana-audio-card .plyr__controls [data-plyr="play"]:hover,
.cdana-audio-wrapper[data-theme="dark-glass"] .cdana-audio-card .plyr__controls [data-plyr="play"]:hover {
    background: var(--cdana-brand, #0284c7) !important;
    color: #ffffff !important;
}

.cdana-player-wrapper[data-theme="dark-glass"] .cdana-audio-card .plyr__controls [data-plyr="rewind"]:hover,
.cdana-player-wrapper[data-theme="dark-glass"] .cdana-audio-card .plyr__controls [data-plyr="fast-forward"]:hover,
.cdana-player-wrapper[data-theme="dark-glass"] .cdana-audio-card .plyr__controls [data-plyr="settings"]:hover,
.cdana-audio-wrapper[data-theme="dark-glass"] .cdana-audio-card .plyr__controls [data-plyr="rewind"]:hover,
.cdana-audio-wrapper[data-theme="dark-glass"] .cdana-audio-card .plyr__controls [data-plyr="fast-forward"]:hover,
.cdana-audio-wrapper[data-theme="dark-glass"] .cdana-audio-card .plyr__controls [data-plyr="settings"]:hover {
    color: var(--cdana-brand, #0284c7) !important;
}

/* Settings Menu Speed Badge (dark-glass / default) */
.cdana-audio-wrapper[data-theme="dark-glass"] .plyr__menu__container .plyr__menu__value,
.cdana-player-wrapper[data-theme="dark-glass"] .plyr__menu__container .plyr__menu__value {
    background: rgba(255, 255, 255, 0.08) !important;
    color: var(--cdana-brand, #0284c7) !important;
    border: 1px solid var(--cdana-brand, #0284c7) !important;
}

/* Active Menu Item Check/Selection (dark-glass / default) */
.cdana-audio-wrapper[data-theme="dark-glass"] .plyr__menu__container [role="menuitemradio"][aria-checked="true"]::before,
.cdana-player-wrapper[data-theme="dark-glass"] .plyr__menu__container [role="menuitemradio"][aria-checked="true"]::before {
    background: var(--cdana-brand, #0284c7) !important;
}


/* Control buttons order defined centrally in EXACT ORDER LOCK below */

/* =======================================================
   CDANA PLAYLIST: CORRECT RTL 2-COLUMN LAYOUT & BREAKOUT
   ======================================================= */
.cdana-playlist-wrapper {
    width: 100% !important;
    max-width: 1200px !important;
    margin: 28px auto !important;
    box-sizing: border-box !important;
    clear: both !important;
}

/* Gutenberg / Theme Layout Breakout */
.entry-content .cdana-playlist-wrapper,
.wp-block-post-content .cdana-playlist-wrapper,
.is-layout-constrained > .cdana-playlist-wrapper,
.wp-site-blocks .cdana-playlist-wrapper {
    max-width: min(1200px, 98vw) !important;
    width: 100% !important;
}

.cdana-playlist-container {
    display: flex !important;
    flex-direction: row-reverse !important; /* Forces Sidebar to the RIGHT and Video to the LEFT */
    gap: 24px !important;
    direction: rtl !important;
    text-align: right !important;
    background: #0f172a;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 16px !important;
    padding: 20px !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    font-family: 'Vazirmatn', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    color: #f8fafc;
    align-items: stretch !important;
}

.cdana-playlist-container * {
    box-sizing: border-box !important;
}

/* Ensure player inside playlist NEVER has standalone top/bottom margin */
.cdana-playlist-wrapper .cdana-player-wrapper,
.cdana-playlist-container .cdana-player-wrapper,
.cdana-playlist-player-slot .cdana-player-wrapper,
.cdana-playlist-wrapper .cdana-audio-wrapper,
.cdana-playlist-container .cdana-audio-wrapper,
.cdana-playlist-player-slot .cdana-audio-wrapper {
    margin: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
}

/* Right Column: Playlist Sidebar (34% default for video) */
.cdana-playlist-sidebar {
    flex: 0 0 34% !important;
    max-width: 34% !important;
    min-width: 280px !important;
    display: flex !important;
    flex-direction: column !important;
    background: rgba(30, 41, 59, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 16px !important;
    padding: 16px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    align-self: stretch !important;
}

/* Audio Playlist Sidebar: Expanded height to display more episodes */
.cdana-playlist-container[data-playlist-type="audio"] {
    align-items: stretch !important;
}

.cdana-playlist-container[data-playlist-type="audio"] .cdana-playlist-sidebar {
    flex: 0 0 310px !important;
    max-width: 340px !important;
    min-width: 270px !important;
    min-height: 480px !important;
    height: auto !important;
    max-height: none !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
}

.cdana-playlist-container[data-playlist-type="audio"] .cdana-playlist-items-list {
    flex: 1 1 auto !important;
    overflow-y: auto !important;
    max-height: 420px !important;
    min-height: 360px !important;
    padding-left: 2px !important;
    padding-right: 2px !important;
}

/* Left Column: Player Stage (66% default) */
.cdana-playlist-main-stage {
    flex: 1 1 66% !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    gap: 12px !important;
}

.cdana-playlist-container[data-playlist-type="audio"] .cdana-playlist-main-stage {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    min-height: 480px !important;
    height: auto !important;
    max-height: none !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    gap: 12px !important;
}

.cdana-playlist-container[data-playlist-type="audio"] .cdana-playlist-main-stage .cdana-sidebar-info-card {
    margin-top: 0 !important;
    border-radius: 18px !important;
    padding: 14px 18px !important;
}

.cdana-playlist-container[data-playlist-type="audio"] .cdana-playlist-main-stage .cdana-playlist-nav-bar {
    margin-top: auto !important;
}

.cdana-playlist-player-slot {
    width: 100% !important;
    border-radius: 12px !important;
    overflow: visible !important; /* Allow popups, menus and settings to show without clipping */
    background: transparent !important;
    box-shadow: none !important;
    position: relative !important;
    z-index: 20 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.cdana-playlist-player-slot .cdana-player-wrapper,
.cdana-playlist-player-slot .cdana-audio-wrapper {
    margin: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
}

/* Symmetrical Middle / Sidebar Episode Info Card */
.cdana-playlist-episode-card {
    flex: 0 0 auto !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    border-radius: 14px !important;
    padding: 12px 14px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    transition: all 0.2s ease !important;
}

.cdana-sidebar-info-card {
    margin-top: auto !important;
    border-radius: 14px !important;
    padding: 12px 14px !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    flex-shrink: 0 !important;
}

.cdana-episode-card-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    margin-bottom: 6px !important;
}

.cdana-episode-card-title-wrap {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.cdana-episode-card-tag {
    font-size: 11px !important;
    font-weight: 700 !important;
    padding: 2px 8px !important;
    border-radius: 6px !important;
    line-height: 1.5 !important;
}

.cdana-episode-card-status {
    font-size: 10px !important;
    font-weight: 600 !important;
    padding: 2px 8px !important;
    border-radius: 999px !important;
    line-height: 1.5 !important;
    transition: all 0.2s ease !important;
}

.cdana-episode-level-badge,
.cdana-playlist-custom-badge {
    font-size: 10px !important;
    font-weight: 700 !important;
    padding: 2px 8px !important;
    border-radius: 6px !important;
    line-height: 1.5 !important;
    display: inline-flex !important;
    align-items: center !important;
    white-space: nowrap !important;
}

.cdana-episode-card-counter {
    font-size: 11px !important;
    font-weight: 600 !important;
    opacity: 0.8 !important;
}

.cdana-episode-active-title {
    margin: 0 0 4px 0 !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1.4 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.cdana-episode-active-meta {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 14px !important;
    font-size: 11px !important;
}

.cdana-episode-active-meta span {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
}

.cdana-episode-active-desc {
    margin: 4px 0 0 0 !important;
    font-size: 11px !important;
    line-height: 1.5 !important;
    opacity: 0.85 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

.cdana-episode-card-footer {
    margin-top: 6px !important;
    display: flex !important;
    align-items: center !important;
}

.cdana-episode-resource-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    font-size: 10.5px !important;
    font-weight: 700 !important;
    padding: 3px 10px !important;
    border-radius: 8px !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    line-height: 1.4 !important;
}

/* Sidebar Header */
.cdana-playlist-sidebar-header {
    padding: 0 0 14px 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    margin-bottom: 10px !important;
}

.cdana-playlist-header-text {
    flex: 1 !important;
    min-width: 0 !important;
}

.cdana-playlist-title {
    margin: 0 !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    color: #f8fafc !important;
    line-height: 1.4 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.cdana-playlist-type-tag {
    font-size: 11px !important;
    color: #94a3b8 !important;
    margin-top: 2px !important;
    display: inline-block !important;
}

.cdana-playlist-total-badge {
    font-size: 11px !important;
    font-weight: 700 !important;
    background: var(--cdana-brand, #0284c7) !important;
    color: #ffffff !important;
    padding: 4px 10px !important;
    border-radius: 999px !important;
    white-space: nowrap !important;
    box-shadow: 0 2px 8px rgba(2, 132, 199, 0.3) !important;
}

/* Episode Items List */
.cdana-playlist-items-list {
    overflow-y: auto !important;
    padding: 2px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    flex: 1 !important;
}

.cdana-playlist-items-list::-webkit-scrollbar {
    width: 6px !important;
}

.cdana-playlist-items-list::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.15) !important;
    border-radius: 999px !important;
}

/* Clean RTL Episode Cards inside Sidebar */
.cdana-playlist-item {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-direction: row !important; /* RTL Natural Flow: Thumbnail/Num on Right -> Title -> Status on Left */
    gap: 12px !important;
    padding: 10px 12px !important;
    border-radius: 8px !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    border: 1px solid transparent !important;
    background: rgba(255, 255, 255, 0.03) !important;
    margin-bottom: 4px !important;
    user-select: none !important;
}

.cdana-playlist-item:hover {
    background: rgba(255, 255, 255, 0.08) !important;
}

.cdana-playlist-item.is-active,
.cdana-playlist-item.active {
    background: rgba(2, 132, 199, 0.18) !important;
    border-color: var(--cdana-brand, #0284c7) !important;
    box-shadow: inset 3px 0 0 var(--cdana-brand, #0284c7) !important;
}

.cdana-playlist-item-num {
    font-size: 12px !important;
    font-weight: 700 !important;
    color: #64748b !important;
    width: 22px !important;
    text-align: center !important;
    flex-shrink: 0 !important;
}

.cdana-playlist-item.is-active .cdana-playlist-item-num .num-text,
.cdana-playlist-item.active .cdana-playlist-item-num .num-text {
    display: none !important;
}

.cdana-playlist-item.is-active .cdana-playlist-item-num .play-icon,
.cdana-playlist-item.active .cdana-playlist-item-num .play-icon {
    display: inline-block !important;
    color: var(--cdana-brand, #0284c7) !important;
}

.cdana-playlist-item:not(.is-active):not(.active) .play-icon {
    display: none !important;
}

.cdana-playlist-item-thumb {
    width: 48px !important;
    height: 32px !important;
    border-radius: 4px !important;
    object-fit: cover !important;
    flex-shrink: 0 !important;
    background: #1e293b !important;
    overflow: hidden !important;
}

.cdana-playlist-item-thumb img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

.cdana-playlist-item-meta {
    flex: 1 !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

.cdana-playlist-item-title {
    margin: 0 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #cbd5e1 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    line-height: 1.4 !important;
}

.cdana-playlist-item.is-active .cdana-playlist-item-title,
.cdana-playlist-item.active .cdana-playlist-item-title {
    color: #ffffff !important;
    font-weight: 700 !important;
}

.cdana-playlist-item-sub {
    font-size: 11px !important;
    color: #94a3b8 !important;
    display: block !important;
    margin-top: 2px !important;
}

/* High-contrast unselected text for light & neutral themes */
.cdana-playlist-container:not([data-theme="dark-glass"]) .cdana-playlist-item:not(.is-active):not(.active) .cdana-playlist-item-title,
.cdana-playlist-wrapper:not([data-theme="dark-glass"]) .cdana-playlist-item:not(.is-active):not(.active) .cdana-playlist-item-title {
    color: #241507 !important;
    font-weight: 800 !important;
}

.cdana-playlist-container:not([data-theme="dark-glass"]) .cdana-playlist-item:not(.is-active):not(.active) .cdana-playlist-item-sub,
.cdana-playlist-wrapper:not([data-theme="dark-glass"]) .cdana-playlist-item:not(.is-active):not(.active) .cdana-playlist-item-sub {
    color: #593e22 !important;
    font-weight: 700 !important;
}

.cdana-playlist-container:not([data-theme="dark-glass"]) .cdana-playlist-item:not(.is-active):not(.active) .cdana-playlist-item-num .num-text,
.cdana-playlist-wrapper:not([data-theme="dark-glass"]) .cdana-playlist-item:not(.is-active):not(.active) .cdana-playlist-item-num .num-text {
    color: #593e22 !important;
    font-weight: 800 !important;
}

/* Animated Wave & Item Status */
.cdana-playlist-item-status {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    flex-shrink: 0 !important;
}

.cdana-playing-wave {
    display: none !important;
}

.cdana-playlist-item.is-active .cdana-playing-wave,
.cdana-playlist-item.active .cdana-playing-wave {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    padding: 2px 7px !important;
    border-radius: 20px !important;
    background: rgba(2, 132, 199, 0.1) !important;
    border: 1px solid rgba(2, 132, 199, 0.2) !important;
    box-sizing: border-box !important;
}

.cdana-wave-speaker {
    display: inline-block !important;
    color: var(--cdana-brand, #0284c7) !important;
    flex-shrink: 0 !important;
}

.cdana-wave-bars {
    display: inline-flex !important;
    align-items: flex-end !important;
    gap: 2px !important;
    height: 12px !important;
}

.cdana-wave-bars span,
.cdana-playing-wave > span:not(.cdana-wave-bars) {
    width: 2.5px !important;
    background: var(--cdana-brand, #0284c7) !important;
    border-radius: 99px !important;
}

.cdana-wave-bars span:nth-child(1) { animation: cdanaPlaylistWave1 0.85s infinite ease-in-out !important; }
.cdana-wave-bars span:nth-child(2) { animation: cdanaPlaylistWave2 0.7s infinite ease-in-out 0.15s !important; }
.cdana-wave-bars span:nth-child(3) { animation: cdanaPlaylistWave3 0.95s infinite ease-in-out 0.3s !important; }
.cdana-wave-bars span:nth-child(4) { animation: cdanaPlaylistWave4 0.75s infinite ease-in-out 0.1s !important; }

@keyframes cdanaPlaylistWave1 {
    0%, 100% { height: 3px; }
    50% { height: 12px; }
}
@keyframes cdanaPlaylistWave2 {
    0%, 100% { height: 11px; }
    50% { height: 4px; }
}
@keyframes cdanaPlaylistWave3 {
    0%, 100% { height: 5px; }
    50% { height: 12px; }
}
@keyframes cdanaPlaylistWave4 {
    0%, 100% { height: 9px; }
    50% { height: 3px; }
}

/* Bottom Navigation Bar RTL Alignment */
.cdana-playlist-nav-bar {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    background: rgba(30, 41, 59, 0.5) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 10px !important;
    padding: 10px 16px !important;
    direction: rtl !important;
}

.cdana-playlist-prev-btn,
.cdana-playlist-next-btn,
.cdana-playlist-nav-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    background: rgba(255, 255, 255, 0.08) !important;
    color: #f8fafc !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 8px !important;
    padding: 8px 16px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
    user-select: none !important;
    font-family: inherit !important;
    line-height: 1 !important;
}

.cdana-playlist-nav-btn:hover:not(:disabled),
.cdana-playlist-prev-btn:hover:not(:disabled),
.cdana-playlist-next-btn:hover:not(:disabled) {
    background: var(--cdana-brand, #0284c7) !important;
    border-color: var(--cdana-brand, #0284c7) !important;
    color: #ffffff !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(2, 132, 199, 0.35) !important;
}

.cdana-playlist-nav-btn:disabled,
.cdana-playlist-prev-btn:disabled,
.cdana-playlist-next-btn:disabled {
    opacity: 0.35 !important;
    cursor: not-allowed !important;
    filter: grayscale(1) !important;
    transform: none !important;
}

.cdana-playlist-current-info {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    gap: 3px !important;
    overflow: hidden !important;
    flex: 1 !important;
    min-width: 0 !important;
}

.cdana-playlist-counter {
    font-size: 11px !important;
    color: #94a3b8;
    font-weight: 500 !important;
}

.cdana-playlist-current-title {
    font-size: 13px !important;
    color: #f1f5f9;
    font-weight: 700 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 380px !important;
}

/* --------------------------------------------------------------------------
   BRAND COLOR ENGINE: Apply custom brand color dynamically across playlist
   -------------------------------------------------------------------------- */
.cdana-playlist-container[data-has-custom-color="1"] .cdana-playlist-total-badge,
.cdana-playlist-wrapper[data-has-custom-color="1"] .cdana-playlist-total-badge {
    background: var(--cdana-brand) !important;
    color: #ffffff !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25) !important;
    box-shadow: 0 2px 10px color-mix(in srgb, var(--cdana-brand) 45%, transparent) !important;
}

.cdana-playlist-container[data-has-custom-color="1"] .cdana-playlist-progress-fill,
.cdana-playlist-wrapper[data-has-custom-color="1"] .cdana-playlist-progress-fill {
    background: var(--cdana-brand) !important;
}

.cdana-playlist-container[data-has-custom-color="1"] .cdana-playlist-item.is-active,
.cdana-playlist-container[data-has-custom-color="1"] .cdana-playlist-item.active,
.cdana-playlist-wrapper[data-has-custom-color="1"] .cdana-playlist-item.is-active,
.cdana-playlist-wrapper[data-has-custom-color="1"] .cdana-playlist-item.active {
    background: var(--cdana-brand) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25) !important;
    box-shadow: 0 4px 14px color-mix(in srgb, var(--cdana-brand) 40%, transparent) !important;
}

.cdana-playlist-container[data-has-custom-color="1"] .cdana-playlist-item.is-active *,
.cdana-playlist-container[data-has-custom-color="1"] .cdana-playlist-item.active *,
.cdana-playlist-wrapper[data-has-custom-color="1"] .cdana-playlist-item.is-active *,
.cdana-playlist-wrapper[data-has-custom-color="1"] .cdana-playlist-item.active * {
    color: #ffffff !important;
}

.cdana-playlist-container[data-has-custom-color="1"] .cdana-playlist-item.is-active .cdana-playing-wave span,
.cdana-playlist-container[data-has-custom-color="1"] .cdana-playlist-item.active .cdana-playing-wave span,
.cdana-playlist-wrapper[data-has-custom-color="1"] .cdana-playlist-item.is-active .cdana-playing-wave span,
.cdana-playlist-wrapper[data-has-custom-color="1"] .cdana-playlist-item.active .cdana-playing-wave span {
    background-color: #ffffff !important;
}

.cdana-playlist-container[data-has-custom-color="1"] .cdana-episode-resource-btn,
.cdana-playlist-wrapper[data-has-custom-color="1"] .cdana-episode-resource-btn {
    background: var(--cdana-brand) !important;
    color: #ffffff !important;
    border-color: var(--cdana-brand) !important;
}

.cdana-playlist-container[data-has-custom-color="1"] .cdana-episode-resource-btn:hover,
.cdana-playlist-wrapper[data-has-custom-color="1"] .cdana-episode-resource-btn:hover {
    filter: brightness(1.15) !important;
}

.cdana-playlist-container[data-has-custom-color="1"] .cdana-episode-card-status.is-completed,
.cdana-playlist-wrapper[data-has-custom-color="1"] .cdana-episode-card-status.is-completed {
    background: var(--cdana-brand) !important;
    color: #ffffff !important;
}

.cdana-playlist-container[data-has-custom-color="1"] .cdana-audio-chapter-chip.active,
.cdana-playlist-wrapper[data-has-custom-color="1"] .cdana-audio-chapter-chip.active {
    background: var(--cdana-brand) !important;
    color: #ffffff !important;
}

.cdana-playlist-container[data-has-custom-color="1"] .cdana-audio-chapter-chip.active .chip-time,
.cdana-playlist-wrapper[data-has-custom-color="1"] .cdana-audio-chapter-chip.active .chip-time {
    background: #111827 !important;
    background: color-mix(in srgb, var(--cdana-brand) 70%, #000000) !important;
    color: #ffffff !important;
}

.cdana-playlist-container[data-has-custom-color="1"] .plyr--audio input[type="range"]::-webkit-slider-thumb,
.cdana-playlist-wrapper[data-has-custom-color="1"] .plyr--audio input[type="range"]::-webkit-slider-thumb {
    border-color: var(--cdana-brand) !important;
}

.cdana-playlist-container[data-has-custom-color="1"] .plyr--audio .plyr__progress input[type="range"],
.cdana-playlist-container[data-has-custom-color="1"] .plyr--audio .plyr__volume input[type="range"] {
    color: var(--cdana-brand) !important;
}

.cdana-playlist-container[data-has-custom-color="1"] .cdana-playlist-next-btn:not(:disabled) {
    border-color: color-mix(in srgb, var(--cdana-brand) 50%, transparent) !important;
}

.cdana-playlist-container[data-has-custom-color="1"] .cdana-playlist-next-btn:hover:not(:disabled),
.cdana-playlist-container[data-has-custom-color="1"] .cdana-playlist-prev-btn:hover:not(:disabled) {
    background: var(--cdana-brand) !important;
    border-color: var(--cdana-brand) !important;
    color: #ffffff !important;
}

.cdana-playlist-container[data-has-custom-color="1"] .cdana-playlist-next-btn:hover:not(:disabled) *,
.cdana-playlist-container[data-has-custom-color="1"] .cdana-playlist-prev-btn:hover:not(:disabled) * {
    color: #ffffff !important;
}

/* Mobile Responsiveness (< 920px) */
@media (max-width: 920px) {
    .cdana-playlist-container {
        flex-direction: column !important; /* Stack: Video on top, Sidebar below */
        padding: 14px !important;
    }
    .cdana-playlist-container[data-playlist-type="audio"] .cdana-playlist-sidebar,
    .cdana-playlist-container[data-playlist-type="audio"] .cdana-playlist-main-stage,
    .cdana-playlist-sidebar {
        flex: 1 1 100% !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: none !important;
    }
    .cdana-playlist-container[data-playlist-type="audio"] .cdana-playlist-sidebar {
        max-height: 360px !important;
    }
    .cdana-playlist-current-title {
        max-width: 180px !important;
    }
}

@media (max-width: 540px) {
    .cdana-playlist-nav-btn span,
    .cdana-playlist-prev-btn span,
    .cdana-playlist-next-btn span {
        display: none !important;
    }

    .cdana-playlist-nav-btn,
    .cdana-playlist-prev-btn,
    .cdana-playlist-next-btn {
        padding: 8px 10px !important;
    }

    .cdana-playlist-current-title {
        max-width: 140px !important;
        font-size: 12px !important;
    }
}

/* =======================================================
   CDANA CONTROLS BAR: PHYSICAL DOM FLOW (NO FRAGILE ORDERS)
   ======================================================= */
.cdana-player-wrapper .plyr__controls {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    direction: ltr !important; /* Left-to-right physical alignment */
    gap: 6px !important;
    padding: 10px 14px !important;
    box-sizing: border-box !important;
}

/* Reset all rogue CSS orders from earlier edits */
.cdana-player-wrapper .plyr__controls > * {
    order: initial !important;
}

/* Timeline progress bar takes 100% width on top row */
.cdana-player-wrapper .plyr__controls .plyr__progress__container,
.cdana-player-wrapper .plyr__controls .plyr__progress {
    order: -1 !important;
    flex: 0 0 100% !important;
    width: 100% !important;
    margin-bottom: 8px !important;
}

/* Left Cluster Spacing */
.cdana-player-wrapper .plyr__controls [data-plyr="rewind"],
.cdana-player-wrapper .plyr__controls [data-plyr="play"],
.cdana-player-wrapper .plyr__controls [data-plyr="fast-forward"],
.cdana-player-wrapper .plyr__controls [data-plyr="forward"] {
    margin: 0 2px !important;
}

.cdana-player-wrapper .plyr__controls .plyr__time--current {
    margin-left: 6px !important;
    margin-right: 0 !important;
}

.cdana-player-wrapper .plyr__controls .plyr__time--duration {
    margin-left: 2px !important;
    margin-right: 0 !important;
}

.cdana-player-wrapper .plyr__controls .plyr__volume {
    margin-left: 6px !important;
    margin-right: 0 !important;
}

.cdana-player-wrapper .plyr__controls .cdana-chapter-badge,
.cdana-player-wrapper .plyr__controls .cdana-yt-chapter-text,
.cdana-player-wrapper .plyr__controls [class*="chapter-badge"],
.cdana-player-wrapper .plyr__controls [class*="chapter-pill"] {
    position: static !important;
    display: inline-flex !important;
    align-items: center !important;
    vertical-align: middle !important;
    margin-left: 8px !important;
    margin-right: 0 !important;
    max-width: 140px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    direction: rtl !important; /* Persian chapter title text */
    z-index: 2 !important;
}

.cdana-player-wrapper.cdana-is-compact .plyr__controls {
    gap: 3px !important;
    padding: 8px 10px !important;
}

.cdana-player-wrapper.cdana-is-mobile .plyr__controls {
    gap: 2px !important;
    padding: 6px 8px !important;
}

/* Pushes the Right Cluster (Settings, PiP, Fullscreen) to the far right */
/* Captions button - visible when tracks available */
.cdana-player-wrapper .plyr__controls [data-plyr="captions"],
.cdana-player-wrapper .plyr__controls .plyr__control--captions {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    width: auto !important;
    height: auto !important;
    margin: 0 2px !important;
}

.cdana-player-wrapper .plyr__controls [data-plyr="captions"].plyr__control--pressed {
    color: var(--cdana-brand, #0284c7) !important;
}

/* Settings button / menu container */
.cdana-player-wrapper .plyr__controls .plyr__menu,
.cdana-player-wrapper .plyr__controls [data-plyr="settings"] {
    order: initial !important;
    margin: 0 2px !important;
}

/* Push Right Cluster (Captions, Settings, PiP, Fullscreen) cleanly to the far right */
.cdana-player-wrapper .plyr__controls [data-plyr="captions"]:not([hidden]):not([style*="display: none"]) {
    margin-left: auto !important;
}

.cdana-player-wrapper .plyr__controls:not(:has([data-plyr="captions"]:not([hidden]):not([style*="display: none"]))) .plyr__menu {
    margin-left: auto !important;
}

.cdana-player-wrapper .plyr__controls [data-plyr="pip"],
.cdana-player-wrapper .plyr__controls [data-plyr="fullscreen"] {
    margin: 0 2px !important;
}

/* Safety: Never display ad buttons when all ad playing flags are absent and overlay is not active */
.cdana-player-wrapper:not(.is-ad-playing):not(.has-preroll-playing):not(.cdana-ad-active):not(.cdana-playing-ad) .cdana-ad-overlay:not(.is-active),
.cdana-player-wrapper:not(.is-ad-playing):not(.has-preroll-playing):not(.cdana-ad-active):not(.cdana-playing-ad) .cdana-ad-overlay:not(.is-active) [class*="cdana-ad-"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Ensure controls bar is always on top and clickable on the main video */
.cdana-player-wrapper:not(.is-ad-playing) .plyr__controls {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    z-index: 40 !important;
}

.cdana-player-wrapper .plyr__poster {
    transition: opacity 0.2s ease !important;
}


/* =======================================================
   AD PLAYBACK ISOLATION: HIDE CONTROLS & ELEVATE SKIP BTN
   ======================================================= */

/* 1. Forcibly hide and disable player controls bar while ANY ad is playing */
.cdana-player-wrapper.is-ad-playing .plyr__controls,
.cdana-player-wrapper.has-preroll-playing .plyr__controls {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateY(100%) !important;
}

/* =======================================================
   RELIABLE ON-VIDEO AD OVERLAYS
   ======================================================= */
.cdana-player-wrapper {
    position: relative !important;
}

.cdana-player-wrapper .plyr__video-wrapper {
    position: relative !important;
}

/* Ad Overlay Container: Locked directly inside video surface */
.cdana-player-wrapper .plyr__video-wrapper .cdana-ad-overlay,
.cdana-player-wrapper .cdana-ad-overlay,
.cdana-player-wrapper .cdana-ad-layer {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2147483640 !important;
    pointer-events: none !important;
}

/* Skip Button: Anchored firmly on bottom-right of video surface */
.cdana-player-wrapper .plyr__video-wrapper .cdana-ad-skip-btn,
.cdana-player-wrapper .cdana-ad-skip-btn {
    position: absolute !important;
    bottom: 20px !important;
    right: 20px !important;
    z-index: 2147483647 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    background: rgba(15, 23, 42, 0.92) !important;
    color: #ffffff !important;
    border: 2px solid rgba(255, 255, 255, 0.35) !important;
    border-radius: 8px !important;
    padding: 10px 18px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    direction: rtl !important;
    text-align: center !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.6) !important;
    pointer-events: auto !important;
    cursor: default !important;
    user-select: none !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.cdana-player-wrapper .plyr__video-wrapper .cdana-ad-skip-btn *,
.cdana-player-wrapper .cdana-ad-skip-btn * {
    color: inherit !important;
    pointer-events: none !important;
}

.cdana-player-wrapper .plyr__video-wrapper .cdana-ad-skip-btn.is-ready,
.cdana-player-wrapper .cdana-ad-skip-btn.is-ready {
    background: #0284c7 !important;
    border-color: #38bdf8 !important;
    cursor: pointer !important;
    animation: cdanaPulseBtn 1.5s infinite !important;
}

@keyframes cdanaPulseBtn {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.03); }
}

/* Ad Badge on top-right of video surface */
.cdana-player-wrapper .plyr__video-wrapper .cdana-ad-badge,
.cdana-player-wrapper .cdana-ad-badge {
    position: absolute !important;
    top: 16px !important;
    right: 16px !important;
    z-index: 2147483647 !important;
    background: #f59e0b !important;
    color: #000000 !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    padding: 4px 10px !important;
    border-radius: 6px !important;
    pointer-events: none !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4) !important;
}

/* CTA Link on bottom-left of video surface */
.cdana-player-wrapper .plyr__video-wrapper .cdana-ad-cta-btn,
.cdana-player-wrapper .cdana-ad-cta-btn {
    position: absolute !important;
    bottom: 20px !important;
    left: 20px !important;
    z-index: 2147483647 !important;
    background: rgba(15, 23, 42, 0.92) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    border-radius: 8px !important;
    padding: 9px 16px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    pointer-events: auto !important;
    direction: rtl !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.6) !important;
}

.cdana-player-wrapper .plyr__video-wrapper .cdana-ad-cta-btn *,
.cdana-player-wrapper .cdana-ad-cta-btn * {
    color: inherit !important;
    pointer-events: none !important;
}



/* =======================================================
   SETTINGS MENU: VISIBLE, ACCESSIBLE, NO ARROWS
   ======================================================= */

/* Hide raw SVG forward icon inside forward control if any exists */
.cdana-player-wrapper .plyr__menu__container .plyr__control--forward svg,
.cdana-player-wrapper .plyr__menu__container .plyr__control--forward .icon--forward,
.cdana-audio-wrapper .plyr__menu__container .plyr__control--forward svg,
.cdana-audio-wrapper .plyr__menu__container .plyr__control--forward .icon--forward {
    display: none !important;
}

/* =======================================================
   AUDIO PLAYER & PLAYLIST MENU: UNCLIPPED & SCROLLABLE
   ======================================================= */
.cdana-audio-wrapper,
.cdana-audio-card {
    overflow: visible !important;
    position: relative !important;
}

.cdana-audio-wrapper .plyr__menu,
.cdana-player-wrapper .plyr__menu {
    position: relative !important;
    z-index: 50 !important;
}

/* Sticky Back Button in both Audio and Video Players */
.cdana-audio-wrapper .plyr__menu__container .plyr__control--back,
.cdana-player-wrapper .plyr__menu__container .plyr__control--back,
.plyr__menu__container .plyr__control--back {
    position: sticky !important;
    top: 0 !important;
    z-index: 30 !important;
    background: #0f172a !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
    margin-bottom: 4px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}




/* =======================================================
   PLAYLIST PROGRESS & WATCHED BADGES
   ======================================================= */
.cdana-playlist-header-top {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    width: 100% !important;
}

.cdana-playlist-progress-wrapper {
    margin-top: 10px !important;
    padding-top: 8px !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
    width: 100% !important;
}

.cdana-playlist-progress-info {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    font-size: 11px !important;
    color: rgba(255, 255, 255, 0.6) !important;
    margin-bottom: 5px !important;
}

.cdana-progress-percentage {
    font-weight: 700 !important;
    color: #22c55e !important;
}

.cdana-playlist-progress-track {
    width: 100% !important;
    height: 4px !important;
    background: rgba(255, 255, 255, 0.1) !important;
    border-radius: 2px !important;
    overflow: hidden !important;
}

.cdana-playlist-progress-fill {
    height: 100% !important;
    background: #22c55e !important; /* Vibrant Green */
    border-radius: 2px !important;
    transition: width 0.3s ease !important;
}

/* Completed Episode Checkmark */
.cdana-item-completed-icon {
    display: none;
    align-items: center;
    justify-content: center;
    color: #22c55e !important;
    background: rgba(34, 197, 94, 0.15) !important;
    border-radius: 50% !important;
    width: 22px !important;
    height: 22px !important;
    margin-left: 6px !important;
    flex-shrink: 0 !important;
}

/* Show checkmark when item is marked completed */
.cdana-playlist-item.is-completed .cdana-item-completed-icon {
    display: inline-flex !important;
}

/* Dim completed index number slightly */
.cdana-playlist-item.is-completed .cdana-item-index {
    color: rgba(255, 255, 255, 0.4) !important;
}

/* =======================================================
   CDANA PERSIAN CAPTIONS / SUBTITLES STYLING
   ======================================================= */
.cdana-player-wrapper .plyr__captions {
    line-height: 1.6 !important;
    direction: rtl !important;
    text-align: center !important;
}

.cdana-player-wrapper .plyr__caption {
    background: var(--cdana-sub-bg, rgba(15, 23, 42, 0.88)) !important;
    color: var(--cdana-sub-color, #ffffff) !important;
    border-radius: 8px !important;
    padding: 6px 16px !important;
    backdrop-filter: blur(4px) !important;
}

/* Fullscreen: Larger captions */
.cdana-player-wrapper .plyr--fullscreen-active .plyr__captions {
    font-size: 22px !important;
    padding: 30px 40px !important;
}

/* Captions menu toggle button styling */
.cdana-player-wrapper [data-plyr="captions"] {
    order: initial !important;
}

/* =======================================================
   CDANA IN-VIDEO CTA BANNERS
   ======================================================= */
.cdana-cta-layer {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 25;
    overflow: hidden;
}

.cdana-cta-card {
    position: absolute;
    pointer-events: auto;
    opacity: 0;
    transform: translateY(-12px);
    transition: opacity 0.35s ease, transform 0.35s ease;
    z-index: 26;
    max-width: 320px;
    direction: rtl;
}

.cdana-cta-card.cdana-cta-visible {
    opacity: 1;
    transform: translateY(0);
}

.cdana-cta-card.cdana-cta-hiding {
    opacity: 0;
    transform: translateY(-12px);
    pointer-events: none;
}

/* Position variants */
.cdana-cta-pos-top-right    { top: 12px; right: 12px; }
.cdana-cta-pos-top-left     { top: 12px; left: 12px; }
.cdana-cta-pos-bottom-right { bottom: 60px; right: 12px; }
.cdana-cta-pos-bottom-left  { bottom: 60px; left: 12px; }

.cdana-cta-content {
    background: rgba(15, 23, 42, 0.92);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 10px;
    padding: 12px 16px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
    position: relative;
}

.cdana-cta-close {
    position: absolute;
    top: 4px;
    left: 6px;
    background: none;
    border: none;
    color: rgba(255, 255, 255, 0.5);
    font-size: 18px;
    cursor: pointer;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: all 0.2s ease;
    padding: 0;
    line-height: 1;
}
.cdana-cta-close:hover {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.15);
}

.cdana-cta-title {
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.5;
    padding-left: 20px;
}

.cdana-cta-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    background: var(--cdana-brand, #0284c7);
    color: #ffffff !important;
    text-decoration: none !important;
    font-size: 12.5px;
    font-weight: 600;
    padding: 6px 14px;
    border-radius: 6px;
    transition: all 0.2s ease;
    align-self: flex-start;
}
.cdana-cta-btn:hover {
    filter: brightness(1.15);
    transform: translateY(-1px);
}

/* =======================================================
   AD QUARANTINE: STRICT HIDING OF MAIN VIDEO OVERLAYS
   ======================================================= */
.cdana-player-wrapper.is-ad-playing .cdana-chapter-badge,
.cdana-player-wrapper.has-preroll-playing .cdana-chapter-badge,
.cdana-player-wrapper.cdana-ad-active .cdana-chapter-badge,
.cdana-player-wrapper.is-ad-playing .cdana-cta-layer,
.cdana-player-wrapper.has-preroll-playing .cdana-cta-layer,
.cdana-player-wrapper.cdana-ad-active .cdana-cta-layer,
.cdana-player-wrapper.is-ad-playing .plyr__captions,
.cdana-player-wrapper.has-preroll-playing .plyr__captions,
.cdana-player-wrapper.cdana-ad-active .plyr__captions,
.cdana-player-wrapper.is-ad-playing .cdana-captions,
.cdana-player-wrapper.has-preroll-playing .cdana-captions,
.cdana-player-wrapper.cdana-ad-active .cdana-captions {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Responsive: smaller on mobile */
@media (max-width: 640px) {
    .cdana-cta-card {
        max-width: 240px;
    }
    .cdana-cta-content {
        padding: 8px 12px;
    }
    .cdana-cta-title {
        font-size: 12px;
    }
    .cdana-cta-btn {
        font-size: 11px;
        padding: 5px 10px;
    }
}

/* =========================================================
   CINEMATIC SUBTITLES / CAPTIONS SYSTEM (DUAL-TRACK RTL/LTR)
========================================================= */
/* =======================================================
   CUSTOM SUBTITLE APPEARANCE ENGINE
   ======================================================= */
.cdana-player-wrapper .plyr__captions,
.cdana-player-wrapper .cdana-captions {
    position: absolute !important;
    bottom: 18px !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 16px !important;
    box-sizing: border-box !important;
    display: none;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    z-index: 25 !important;
    pointer-events: none !important;
    transform: none !important;
    transition: transform 0.2s ease, opacity 0.2s ease !important;
}

.cdana-player-wrapper.has-active-caption .plyr__captions,
.cdana-player-wrapper.has-active-caption .cdana-captions {
    display: flex !important;
}

/* For external chassis themes (warm-sand, clay-pastel), controls are below video, never shift up */
.cdana-player-wrapper[data-theme="warm-sand"] .plyr__captions,
.cdana-player-wrapper[data-theme="warm-sand"] .cdana-captions,
.cdana-player-wrapper[data-theme="clay-pastel"] .plyr__captions,
.cdana-player-wrapper[data-theme="clay-pastel"] .cdana-captions,
.cdana-player-wrapper[data-theme="warm-sand"].plyr--has-active-controls .plyr__captions,
.cdana-player-wrapper[data-theme="warm-sand"].plyr--has-active-controls .cdana-captions,
.cdana-player-wrapper[data-theme="clay-pastel"].plyr--has-active-controls .plyr__captions,
.cdana-player-wrapper[data-theme="clay-pastel"].plyr--has-active-controls .cdana-captions {
    bottom: 16px !important;
    transform: none !important;
}

/* For overlay themes (dark-glass), gently lift only when controls overlay is visible */
.cdana-player-wrapper:not([data-theme="warm-sand"]):not([data-theme="clay-pastel"]).plyr--has-active-controls .plyr__captions,
.cdana-player-wrapper:not([data-theme="warm-sand"]):not([data-theme="clay-pastel"]).plyr--has-active-controls .cdana-captions {
    transform: translateY(-48px) !important;
}

.cdana-player-wrapper.has-active-caption .plyr__caption:not(:empty),
.cdana-player-wrapper.has-active-caption .cdana-caption:not(:empty) {
    display: inline-block !important;
    margin: 0 auto !important;
    max-width: 85% !important;
    background: var(--cdana-sub-bg, rgba(0, 0, 0, 0.8)) !important;
    color: var(--cdana-sub-color, #ffffff) !important;
    font-size: var(--cdana-sub-size, 16px) !important;
    text-shadow: var(--cdana-sub-shadow, 0 2px 4px rgba(0, 0, 0, 0.85)) !important;
    font-family: var(--cdana-font, "Vazirmatn", "IRANSans", system-ui, sans-serif) !important;
    line-height: 1.6 !important;
    padding: 6px 16px !important;
    border-radius: 8px !important;
    backdrop-filter: blur(4px) !important;
    -webkit-backdrop-filter: blur(4px) !important;
    white-space: pre-wrap !important;
    word-break: break-word !important;
    box-decoration-break: clone !important;
    -webkit-box-decoration-break: clone !important;
    transition: font-size 0.2s ease !important;
    text-align: center !important;
}

/* Strictly hide captions and wipe all styling when empty or inactive */
.cdana-player-wrapper .cdana-caption:empty,
.cdana-player-wrapper .plyr__caption:empty,
.cdana-player-wrapper .cdana-captions:empty,
.cdana-player-wrapper .plyr__captions:empty,
.cdana-player-wrapper:not(.has-active-caption) .cdana-captions,
.cdana-player-wrapper:not(.has-active-caption) .cdana-caption,
.cdana-player-wrapper:not(.has-active-caption) .plyr__captions,
.cdana-player-wrapper:not(.has-active-caption) .plyr__caption,
.cdana-player-wrapper:not(.plyr--captions-active):not(.has-active-caption) .cdana-captions,
.cdana-player-wrapper:not(.plyr--captions-active):not(.has-active-caption) .cdana-caption,
.cdana-player-wrapper:not(.plyr--captions-active):not(.has-active-caption) .plyr__captions,
.cdana-player-wrapper:not(.plyr--captions-active):not(.has-active-caption) .plyr__caption {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
    width: 0 !important;
    height: 0 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    pointer-events: none !important;
}

/* Mobile responsive scaling */
@media (max-width: 600px) {
    .cdana-player-wrapper .plyr__captions,
    .cdana-player-wrapper .cdana-captions {
        bottom: 10px !important;
        padding: 0 8px !important;
    }

    .cdana-player-wrapper .plyr__caption,
    .cdana-player-wrapper .cdana-caption {
        font-size: calc(var(--cdana-sub-size, 16px) * 0.85) !important;
        padding: 4px 10px !important;
    }
}

/* Quarantine logo and static ad elements during ad playback */
.cdana-player-wrapper.is-ad-playing .cdana-player-logo,
.cdana-player-wrapper.has-preroll-playing .cdana-player-logo,
.cdana-player-wrapper.cdana-ad-active .cdana-player-logo,
.cdana-player-wrapper.cdana-playing-ad .cdana-player-logo {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

/* When an ad is playing (preroll or midroll), strictly hide all ad cue markers and chapter segment cutouts on the progress bar */
.cdana-player-wrapper.is-ad-playing .cdana-ad-cue,
.cdana-player-wrapper.has-preroll-playing .cdana-ad-cue,
.cdana-player-wrapper.cdana-ad-active .cdana-ad-cue,
.cdana-player-wrapper.cdana-playing-ad .cdana-ad-cue,
.cdana-player-wrapper.is-ad-playing .cdana-chapter-cutouts,
.cdana-player-wrapper.has-preroll-playing .cdana-chapter-cutouts,
.cdana-player-wrapper.cdana-ad-active .cdana-chapter-cutouts,
.cdana-player-wrapper.cdana-playing-ad .cdana-chapter-cutouts,
.cdana-player-wrapper.is-ad-playing .cdana-chapter-mark,
.cdana-player-wrapper.has-preroll-playing .cdana-chapter-mark,
.cdana-player-wrapper.cdana-ad-active .cdana-chapter-mark,
.cdana-player-wrapper.cdana-playing-ad .cdana-chapter-mark,
.cdana-player-wrapper.is-ad-playing .cdana-yt-chapter-text,
.cdana-player-wrapper.has-preroll-playing .cdana-yt-chapter-text,
.cdana-player-wrapper.cdana-ad-active .cdana-yt-chapter-text,
.cdana-player-wrapper.cdana-playing-ad .cdana-yt-chapter-text,
.cdana-player-wrapper.is-ad-playing .cdana-chapter-badge,
.cdana-player-wrapper.has-preroll-playing .cdana-chapter-badge,
.cdana-player-wrapper.cdana-ad-active .cdana-chapter-badge,
.cdana-player-wrapper.cdana-playing-ad .cdana-chapter-badge {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

.cdana-player-wrapper:not(.is-ad-playing):not(.has-preroll-playing):not(.cdana-ad-active):not(.cdana-playing-ad) .cdana-ad-overlay:not(.is-active) {
    display: none !important;
}

/* LMS Toast Notification */
.cdana-player-wrapper .cdana-lms-toast {
    position: absolute;
    top: 24px;
    left: 50%;
    transform: translateX(-50%) translateY(-10px);
    background: rgba(15, 23, 42, 0.95);
    color: #ffffff;
    padding: 10px 20px;
    border-radius: 30px;
    font-size: 12.5px;
    font-weight: 700;
    z-index: 2147483645;
    pointer-events: none;
    opacity: 0;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
    border: 1px solid rgba(255, 255, 255, 0.15);
    direction: rtl;
    text-align: center;
}
.cdana-player-wrapper .cdana-lms-toast.is-visible {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
}
.cdana-player-wrapper .cdana-lms-toast.is-success {
    background: rgba(6, 95, 70, 0.95);
    border-color: #34d399;
    color: #ecfdf5;
}

/* =======================================================
   CDANA INJECTED LMS ACTION BAR (THEMED & MATCHING WIDTH)
   ======================================================= */
.cdana-lms-action-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100% !important;
    max-width: var(--cdana-player-width, 850px) !important;
    margin: 14px auto 0 auto !important;
    padding: 12px 18px;
    direction: rtl;
    font-family: var(--cdana-font, 'Vazirmatn', 'Vazir', 'IRANSans', system-ui, -apple-system, BlinkMacSystemFont, sans-serif) !important;
    box-sizing: border-box !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.cdana-lms-status-label {
    font-family: var(--cdana-font, 'Vazirmatn', 'Vazir', 'IRANSans', system-ui, -apple-system, BlinkMacSystemFont, sans-serif) !important;
    font-size: 13.5px;
    font-weight: 600;
    line-height: 1.6;
    letter-spacing: -0.2px;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: color 0.2s ease;
}

.cdana-lms-status-label .cdana-dot {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    display: inline-block;
    flex-shrink: 0;
    transition: all 0.25s ease;
}

.cdana-lms-complete-btn {
    font-family: var(--cdana-font, 'Vazirmatn', 'Vazir', 'IRANSans', system-ui, -apple-system, BlinkMacSystemFont, sans-serif) !important;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 22px;
    font-size: 13.5px;
    font-weight: 800 !important;
    line-height: 1.6;
    letter-spacing: -0.2px;
    cursor: pointer;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    border: none;
    text-decoration: none;
    outline: none;
    -webkit-font-smoothing: antialiased;
}

.cdana-lms-complete-btn span {
    font-family: var(--cdana-font, 'Vazirmatn', 'Vazir', 'IRANSans', system-ui, -apple-system, BlinkMacSystemFont, sans-serif) !important;
    font-weight: 800 !important;
    font-size: 13.5px;
    line-height: 1.6;
}

.cdana-lms-complete-btn svg {
    flex-shrink: 0;
}

.cdana-lms-complete-btn.is-locked {
    cursor: not-allowed !important;
    opacity: 0.65;
    pointer-events: none !important;
}

.cdana-lms-complete-btn.is-ready {
    cursor: pointer !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    animation: cdanaPulseSuccess 2s infinite;
}

/* -------------------------------------------------------
   THEME 1: DARK GLASS (شیشه‌ای دارک مدرن)
   ------------------------------------------------------- */
.cdana-lms-action-bar[data-theme="dark-glass"],
.cdana-lms-action-bar:not([data-theme]) {
    background: linear-gradient(135deg, rgba(15, 23, 42, 0.92) 0%, rgba(30, 41, 59, 0.88) 100%);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 14px;
    box-shadow: 0 10px 30px -8px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
.cdana-lms-action-bar[data-theme="dark-glass"] .cdana-lms-status-label,
.cdana-lms-action-bar:not([data-theme]) .cdana-lms-status-label {
    color: #94a3b8;
}
.cdana-lms-action-bar[data-theme="dark-glass"] .cdana-lms-status-label .cdana-dot,
.cdana-lms-action-bar:not([data-theme]) .cdana-lms-status-label .cdana-dot {
    background: #eab308;
    box-shadow: 0 0 10px rgba(234, 179, 8, 0.6);
}
.cdana-lms-action-bar[data-theme="dark-glass"] .cdana-lms-status-label.is-ready .cdana-dot,
.cdana-lms-action-bar:not([data-theme]) .cdana-lms-status-label.is-ready .cdana-dot {
    background: #10b981;
    box-shadow: 0 0 12px rgba(16, 185, 129, 0.7);
}
.cdana-lms-action-bar[data-theme="dark-glass"] .cdana-lms-complete-btn,
.cdana-lms-action-bar:not([data-theme]) .cdana-lms-complete-btn {
    border-radius: 10px;
}
.cdana-lms-action-bar[data-theme="dark-glass"] .cdana-lms-complete-btn.is-locked,
.cdana-lms-action-bar:not([data-theme]) .cdana-lms-complete-btn.is-locked {
    background: #334155 !important;
    color: #94a3b8 !important;
    border: 1px solid rgba(255, 255, 255, 0.06);
}
.cdana-lms-action-bar[data-theme="dark-glass"] .cdana-lms-complete-btn.is-ready,
.cdana-lms-action-bar:not([data-theme]) .cdana-lms-complete-btn.is-ready {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 6px 18px rgba(16, 185, 129, 0.45), inset 0 1px 1px rgba(255, 255, 255, 0.3) !important;
}

/* -------------------------------------------------------
   THEME 2: CLAY PASTEL (خمیری و پاستلی سه‌بعدی)
   ------------------------------------------------------- */
.cdana-lms-action-bar[data-theme="clay-pastel"] {
    background: linear-gradient(135deg, #f7f2fc 0%, #ede5f8 100%);
    border: 2.5px solid #ffffff;
    border-radius: 20px;
    box-shadow: 0 12px 28px -6px rgba(147, 51, 234, 0.16), inset 0 3px 6px #ffffff, inset 0 -3px 6px rgba(147, 51, 234, 0.1);
}
.cdana-lms-action-bar[data-theme="clay-pastel"] .cdana-lms-status-label {
    color: #581c87;
    font-weight: 700;
}
.cdana-lms-action-bar[data-theme="clay-pastel"] .cdana-lms-status-label .cdana-dot {
    background: #f59e0b;
    box-shadow: 0 2px 6px rgba(245, 158, 11, 0.4);
}
.cdana-lms-action-bar[data-theme="clay-pastel"] .cdana-lms-status-label.is-ready .cdana-dot {
    background: #9333ea;
    box-shadow: 0 2px 8px rgba(147, 51, 234, 0.5);
}
.cdana-lms-action-bar[data-theme="clay-pastel"] .cdana-lms-complete-btn {
    border-radius: 14px;
}
.cdana-lms-action-bar[data-theme="clay-pastel"] .cdana-lms-complete-btn.is-locked {
    background: #e9d5ff !important;
    color: #a855f7 !important;
    border: 2px solid #ffffff !important;
    box-shadow: inset 0 2px 4px #ffffff, inset 0 -2px 4px rgba(168, 85, 247, 0.2) !important;
}
.cdana-lms-action-bar[data-theme="clay-pastel"] .cdana-lms-complete-btn.is-ready {
    background: linear-gradient(135deg, #a855f7 0%, #7c3aed 100%) !important;
    color: #ffffff !important;
    border: 2px solid rgba(255, 255, 255, 0.7) !important;
    box-shadow: 0 8px 22px rgba(168, 85, 247, 0.42), inset 0 2px 5px rgba(255, 255, 255, 0.4) !important;
}

/* -------------------------------------------------------
   THEME 3: WARM SAND (شنی و طلایی گرم)
   ------------------------------------------------------- */
.cdana-lms-action-bar[data-theme="warm-sand"] {
    background: linear-gradient(135deg, #fcf8f2 0%, #f4eee2 100%);
    border: 2px solid #ffffff;
    border-radius: 18px;
    box-shadow: 0 12px 28px -6px rgba(180, 130, 80, 0.2), inset 0 3px 6px #ffffff, inset 0 -3px 6px rgba(190, 145, 95, 0.12);
}
.cdana-lms-action-bar[data-theme="warm-sand"] .cdana-lms-status-label {
    color: #451a03;
    font-weight: 700;
}
.cdana-lms-action-bar[data-theme="warm-sand"] .cdana-lms-status-label .cdana-dot {
    background: #d97706;
    box-shadow: 0 2px 6px rgba(217, 119, 6, 0.4);
}
.cdana-lms-action-bar[data-theme="warm-sand"] .cdana-lms-status-label.is-ready .cdana-dot {
    background: #059669;
    box-shadow: 0 2px 8px rgba(5, 150, 105, 0.5);
}
.cdana-lms-action-bar[data-theme="warm-sand"] .cdana-lms-complete-btn {
    border-radius: 14px;
}
.cdana-lms-action-bar[data-theme="warm-sand"] .cdana-lms-complete-btn.is-locked {
    background: #ebdccb !important;
    color: #92400e !important;
    border: 2px solid #ffffff !important;
    box-shadow: inset 0 2px 4px #ffffff, inset 0 -2px 4px rgba(180, 130, 80, 0.2) !important;
}
.cdana-lms-action-bar[data-theme="warm-sand"] .cdana-lms-complete-btn.is-ready {
    background: linear-gradient(135deg, #d97706 0%, #b45309 100%) !important;
    color: #ffffff !important;
    border: 2px solid rgba(255, 255, 255, 0.7) !important;
    box-shadow: 0 8px 20px rgba(217, 119, 6, 0.4), inset 0 2px 4px rgba(255, 255, 255, 0.35) !important;
}

/* -------------------------------------------------------
   THEME 4: SOFT NEUMORPH (نیومورفیسم نرم و نعنایی)
   ------------------------------------------------------- */
.cdana-lms-action-bar[data-theme="soft-neumorph"] {
    background: #e7eef3;
    border: 1px solid rgba(255, 255, 255, 0.85);
    border-radius: 18px;
    box-shadow: 8px 8px 22px #c5d0d8, -8px -8px 22px #ffffff;
}
.cdana-lms-action-bar[data-theme="soft-neumorph"] .cdana-lms-status-label {
    color: #1e293b;
    font-weight: 700;
}
.cdana-lms-action-bar[data-theme="soft-neumorph"] .cdana-lms-status-label .cdana-dot {
    background: #0284c7;
    box-shadow: 0 2px 6px rgba(2, 132, 199, 0.4);
}
.cdana-lms-action-bar[data-theme="soft-neumorph"] .cdana-lms-status-label.is-ready .cdana-dot {
    background: #10b981;
    box-shadow: 0 2px 8px rgba(16, 185, 129, 0.5);
}
.cdana-lms-action-bar[data-theme="soft-neumorph"] .cdana-lms-complete-btn {
    border-radius: 12px;
}
.cdana-lms-action-bar[data-theme="soft-neumorph"] .cdana-lms-complete-btn.is-locked {
    background: #e7eef3 !important;
    color: #64748b !important;
    box-shadow: inset 3px 3px 7px #c5d0d8, inset -3px -3px 7px #ffffff !important;
    border: none !important;
}
.cdana-lms-action-bar[data-theme="soft-neumorph"] .cdana-lms-complete-btn.is-ready {
    background: linear-gradient(135deg, #0ea5e9 0%, #0284c7 100%) !important;
    color: #ffffff !important;
    box-shadow: 4px 4px 14px #b8c6d1, -4px -4px 14px #ffffff !important;
    border: none !important;
}

/* -------------------------------------------------------
   RESPONSIVE COMPACT (< 640px)
   ------------------------------------------------------- */
@media (max-width: 640px) {
    .cdana-lms-action-bar {
        flex-direction: column;
        gap: 12px;
        align-items: stretch;
        text-align: center;
        padding: 14px 16px;
    }
    .cdana-lms-status-label {
        justify-content: center;
    }
    .cdana-lms-complete-btn {
        justify-content: center;
        width: 100%;
    }
}

@keyframes cdanaPulseSuccess {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.02); }
}

/* =======================================================
   WOOCOMMERCE PAYWALL & TEASER OVERLAY
   ======================================================= */
.cdana-paywall-locked-card {
    background: #0f172a;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 20px;
    padding: 40px 24px;
    text-align: center;
    color: #f8fafc;
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.4);
    max-width: 650px;
    margin: 20px auto;
    direction: rtl;
    font-family: var(--cdana-font, 'Vazirmatn', 'Vazir', 'IRANSans', system-ui, -apple-system, BlinkMacSystemFont, sans-serif);
}
.cdana-lock-icon {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: rgba(245, 158, 11, 0.15);
    color: #f59e0b;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 16px;
}
.cdana-paywall-locked-card h3 { margin: 0 0 8px; font-size: 18px; color: #ffffff; }
.cdana-paywall-locked-card p { margin: 0 0 20px; font-size: 13px; color: #94a3b8; }
.cdana-paywall-actions { display: flex; align-items: center; justify-content: center; gap: 16px; flex-wrap: wrap; }
.cdana-paywall-actions .cdana-price { font-size: 15px; font-weight: 700; color: #f59e0b; }
.cdana-btn-buy, .cdana-paywall-btn {
    background: linear-gradient(135deg, #d97706, #b45309);
    border: 1px solid #f59e0b;
    color: #ffffff !important;
    text-decoration: none;
    padding: 10px 24px;
    border-radius: 12px;
    font-size: 13px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    box-shadow: 0 4px 16px rgba(217, 119, 6, 0.4);
    transition: all 0.2s ease;
    font-family: var(--cdana-font, 'Vazirmatn', 'Vazir', 'IRANSans', system-ui, -apple-system, BlinkMacSystemFont, sans-serif) !important;
}
.cdana-btn-buy:hover, .cdana-paywall-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(245, 158, 11, 0.5);
}

/* In-Player Teaser Cutoff Overlay Modal */
.cdana-teaser-paywall-overlay {
    position: absolute;
    inset: 0;
    background: rgba(15, 23, 42, 0.88);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    z-index: 2147483640;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
    padding: 20px;
    direction: rtl;
    font-family: var(--cdana-font, 'Vazirmatn', 'Vazir', 'IRANSans', system-ui, -apple-system, BlinkMacSystemFont, sans-serif);
}
.cdana-teaser-paywall-overlay.is-active {
    opacity: 1;
    pointer-events: auto;
}
.cdana-paywall-box {
    text-align: center;
    max-width: 440px;
    background: rgba(30, 41, 59, 0.9);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 18px;
    padding: 30px 24px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5);
}
.cdana-paywall-shield {
    width: 56px;
    height: 56px;
    border-radius: 16px;
    background: linear-gradient(135deg, #f59e0b, #d97706);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 16px;
    box-shadow: 0 4px 16px rgba(245, 158, 11, 0.4);
}
.cdana-paywall-box h3 { margin: 0 0 8px; font-size: 17px; color: #ffffff; }
.cdana-paywall-box p { margin: 0 0 20px; font-size: 13px; color: #cbd5e1; line-height: 1.6; }