/**
 * YouTube Controls Overlay Fix
 * Ensures YouTube native controls appear above ticker and other overlays
 */

/* Ensure YouTube iframe controls are accessible */
.panel-content iframe[src*="youtube.com/embed"] {
    z-index: 100 !important;
    position: relative !important;
}

/* YouTube controls should appear above most overlays */
.panel-content iframe[src*="youtube.com/embed"]::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 48px; /* Space for YouTube controls */
    z-index: 101;
    pointer-events: none; /* Allow clicks through to YouTube controls */
    background: transparent;
}

/* Ensure panel content container allows YouTube controls to show */
.panel-content {
    position: relative;
    overflow: visible; /* Allow controls to extend beyond bounds if needed */
    z-index: 10;
}

/* Panel container - ensure proper stacking */
.panel {
    position: relative;
    z-index: 10;
}