/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */


.trak-item {
            display: flex;
            align-items: center;
            gap: 15px;
            padding: 10px;
            border-bottom: 1px solid #eee;
        }
        .trak-item.playing {
            background: #f0f8ff;
        }
        .play-pause-button {
            width: 30px;
            height: 30px;
            border: none;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #0073aa;
        }
        #global-player {
            position: fixed;
            bottom: 0;
            left: 0;
            right: 0;
            background: #F2472B;
            border-top: 1px solid #ddd;
            padding: 10px;
            display: flex;
            align-items: center;
            gap: 15px;	`
            z-index: 9999;
        }
        #global-player img {
            width: 40px;
            height: 40px;
            object-fit: cover;
            border-radius: 6px;
            display: none;
        }
        .track-info {
            flex: 1;
            font-size: 14px;
        }
        #main-audio {
            max-width: 300px;
        }
.album-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin: 40px auto;
    max-width: 1100px; /* keeps it centered like your screenshot */
    gap: 55px;
}

.album-tracks {
    flex: 0 0 65%;
}

.album-details {
    flex: 0 0 30%;
    font-size: 14px;
}

.about-list {
    display: flex;
    justify-content: space-between;
    font-weight: bold;
    margin-bottom: 10px;
    border-bottom: 1px solid #F2472B;
    padding-bottom: 8px;
}

.trak-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #F2472B;
    padding: 1px 0;
}

.trak-item .play-pause-button {
    width: 30px;
    text-align: center;
    cursor: pointer;
    margin-right: 10px;
    color: #F2472B;
}

.trak-item .name-artist {
    flex: 1;
}

.trak-item .name-artist h2 {
    font-size: 15px;
    font-weight: 600;
    margin: 0;
    color: #111;
}

.trak-duration {
    min-width: 70px;
    text-align: right;
    color: #666;
}

.album-details h3 {
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 18px;
	border-bottom: 1px solid #F2472B;
}

.album-details p {
    margin: 5px 0;
    font-size: 14px;
    color: #333;
}

.available-icons a {
    margin-right: 10px;
    font-size: 22px;
    color: #F2472B;
}
span.about-name {
    /* align-items: flex-start; */
    width: 100%;
    color: #000;
}
.about-length{
	color: #000;
}




@media(max-width:1024px){
		
.album-wrapper {
   display: block;
    padding: 25px;
}

.album-details {
    padding-top: 52px;
}

	
}