/*
 Theme Name:   Streamtube Child
 Theme URI:    https://wp-streamtube.com
 Description:  Streamtube Child Theme
 Author:       marvotheme
 Author URI:   https://themeforest.net
 Template:     streamtube
 Version:      1.0.0
 Text Domain:  streamtube-child
*/

/* ==========================================================================
   🎵 PULSEWAVE INTERACTIVE MUSIC PLAYER TOGGLE WRAPPERS
   ========================================================================== */

/* Base container animation mapping */
#plyr-playlist,
.plyr-playlist {
    transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), bottom 0.3s ease-in-out !important;
}

/* 🔒 HIDDEN STATE DESKTOP: Slides the player completely down past the screen layout */
#plyr-playlist.pw-player-hidden-mode,
.plyr-playlist.pw-player-hidden-mode {
    transform: translateY(100%) !important;
}

/* Custom Interactive Tab Toggle Button Design (Desktop Defaults) */
#pulsewave-player-toggle-btn {
    position: absolute !important;
    top: -36px !important; /* Positions tab cleanly floating right above player bar boundary */
    right: 20px !important;
    width: 44px !important;
    height: 36px !important;
    background: #1b1d22 !important; /* Matches dark theme aesthetics seamlessly */
    border: 1px solid #2d3139 !important;
    border-bottom: none !important;
    border-radius: 6px 6px 0 0 !important;
    color: #00ff88 !important; /* Pulsewave theme highlight indicator color */
    font-size: 16px !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 9999999 !important;
    box-shadow: 0 -4px 10px rgba(0, 0, 0, 0.3) !important;
    transition: background 0.2s ease, color 0.2s ease !important;
    padding: 0 !important;
}

#pulsewave-player-toggle-btn:hover {
    background: #252932 !important;
    color: #ffffff !important;
}

#pulsewave-player-toggle-btn .dashicons {
    font-family: 'dashicons' !important;
    line-height: 1 !important;
    width: auto !important;
    height: auto !important;
}

/* ==========================================================================
   📱 PULSEWAVE RESPONSIVE MOBILE VIEWPORT CONTROLS
   ========================================================================== */
@media screen and (max-width: 768px) {
    
    /* 🎯 UNMINIMIZED / VISIBLE STATE MOBILE
       Anchors the player securely above your mobile bottom navigation layout bar.
       Matches the exact spacing parameters that look perfectly accurate to you. */
    #plyr-playlist,
    .plyr-playlist.player.fixed-bottom,
    div.plyr-playlist.player.fixed-bottom {
        bottom: 70px !important; /* Restores your custom favorite height layout base */
        position: fixed !important;
        z-index: 999999 !important;
        transform: translateY(0) !important; /* Clears out sliding conflicts */
    }
    
    /* 🎯 MINIMIZED / HIDDEN STATE MOBILE
       When a vendor or viewer clicks minimize, this forces the frame down flush past 
       the menu baseline, keeping your tab buttons sitting perfectly. */
    #plyr-playlist.pw-player-hidden-mode,
    .plyr-playlist.pw-player-hidden-mode,
    div.plyr-playlist.player.fixed-bottom.pw-player-hidden-mode {
        bottom: -45px !important; /* Drops the player body down past the menu baseline */
        transform: translateY(0) !important; /* Bypasses percentage shifting errors */
    }
    
    /* Compact size parameters optimized exclusively for touch-screen mobile devices */
    #pulsewave-player-toggle-btn {
        top: -32px !important;
        height: 32px !important;
        width: 40px !important;
        right: 15px !important;
    }
}

/* ==========================================================================
   💥 PULSEWAVE TOP HEADER UPLOADER DROPDOWN CUSTOM STYLE TUNING
   ========================================================================== */

/* FORCE INITIAL STATE COLORS: Lock the layout text and the audio icon to pure solid white */
#pw-music-upload-tab a.pw-music-link,
#pw-music-upload-tab a.pw-music-link .pw-music-text,
#pw-music-upload-tab a.pw-music-link .pw-music-icon,
li#pw-music-upload-tab span.pw-music-icon {
    color: #ffffff !important;
}

/* 🎯 HIGH-PRIORITY HOVER LOGIC STATE OVERRIDE */
#pw-music-upload-tab a.pw-music-link:hover span.pw-music-icon,
li#pw-music-upload-tab a:hover span.pw-music-icon,
li#pw-music-upload-tab a:hover .pw-music-icon,
.pw-custom-header-tab-item a:hover .pw-music-icon {
    color: #e31434 !important;
}

/* Keep the typography link text color completely white even during mouse hover interactions */
#pw-music-upload-tab a.pw-music-link:hover .pw-music-text,
#pw-music-upload-tab a.pw-music-link:focus .pw-music-text {
    color: #ffffff !important;
}

/* Subtle link row highlight background matching Streamtube's default theme canvas links */
#pw-music-upload-tab a.pw-music-link:hover {
    background: rgba(255, 255, 255, 0.05) !important;
}