/*!
Theme Name: Streamit
Theme URI: https://streamit-wordpress.iqonic.design
Author: Iqonic Design
Author URI: https://iqonic.design/
Description: Streamit Template will help you achieve media sharing site like Youtube, Dailymotion website within minutes. It has a user interface with brilliant UX, and multiple homepage version. Show off your work with this easy-to-customize and full-featured WordPress Theme. This help/documentation will assist you through building your site. Streamit is prepared for all media streaming OTT inspired projects. Check out landing page and inner pages. Streamit is optimized for fast responsiveness.
Version: 4.0.5
Requires at least: 5.6
Tested up to: 6.7.1
Requires PHP: 8.0+
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: streamit
Tags: four-columns,left-sidebar,right-sidebar,custom-background,custom-colors,custom-header,custom-logo,custom-menu

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share
what you've learned with others.
*/

/* Netflix-style video player buttons */

/* Container for the button group */
.video-player-controls {
    display: flex;
    gap: 12px;
    align-items: center;
    margin-top: 20px;
}

/* Play button - keep existing style but enhance */
.play-button {
    background: #fff;
    color: #000;
    border: none;
    padding: 12px 24px;
    border-radius: 6px;
    font-weight: 600;
    font-size: 16px;
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.play-button:hover {
    background: rgba(255, 255, 255, 0.8);
}

/* Circular buttons for secondary actions */
.circular-button {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, 0.5);
    background: rgba(42, 42, 42, 0.6);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    backdrop-filter: blur(10px);
}

.circular-button:hover {
    border-color: rgba(255, 255, 255, 0.8);
    background: rgba(42, 42, 42, 0.8);
    transform: scale(1.05);
}

/* Specific button styles */
.my-list-button {
    position: relative;
}

.my-list-button.added {
    border-color: #46d369;
}

.my-list-button.added svg {
    fill: #46d369;
}

.thumbs-up-button:hover {
    border-color: #46d369;
}

.thumbs-down-button:hover {
    border-color: #f54242;
}

.share-button:hover {
    border-color: #00d4ff;
}

/* Tooltip styles */
.button-tooltip {
    position: absolute;
    bottom: 60px;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(0, 0, 0, 0.9);
    color: white;
    padding: 8px 12px;
    border-radius: 4px;
    font-size: 14px;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    z-index: 1000;
}

.circular-button:hover .button-tooltip {
    opacity: 1;
    visibility: visible;
}

/* Responsive design */
@media (max-width: 768px) {
    .video-player-controls {
        gap: 8px;
    }
    
    .circular-button {
        width: 40px;
        height: 40px;
    }
    
    .play-button {
        padding: 10px 20px;
        font-size: 14px;
    }
}