/* Playback Controls Icon Sizing */

/* Main control buttons icon sizing */
.playback-controls button i {
    font-size: 1.125rem; /* 18px - reasonable size for control buttons */
}

/* Play/pause button gets slightly larger icon */
.playback-controls button[onclick="playPauseVideo()"] i {
    font-size: 1.25rem; /* 20px */
}

/* Skip buttons */
.playback-controls button[onclick="skipBackward()"] i,
.playback-controls button[onclick="skipForward()"] i {
    font-size: 1rem; /* 16px */
}

/* Volume button */
.playback-controls button[onclick="toggleMute()"] i {
    font-size: 1.125rem; /* 18px */
}

/* Fullscreen button */
.playback-controls button[onclick="toggleFullscreen()"] i {
    font-size: 1rem; /* 16px */
}

/* Speed text */
#speedText {
    font-size: 0.875rem; /* 14px */
    font-weight: 600;
}

/* Ensure buttons have minimum touch target size */
.playback-controls button {
    min-width: 40px;
    min-height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Large overlay play button specific styling */
.complainant-video-section .after-call-only button {
    position: relative;
}

.complainant-video-section .after-call-only button i.fa-play {
    position: relative;
    left: 4px; /* Center the triangle visually */
}