/* T&Y Sidebar Menu Active Item Styling */
.sidebar-menu.tandy .sidebar-info-list > li.active > a:hover {
    text-decoration: underline;
}

/* T&Y Sidebar Menu Line Height */
.sidebar-menu.tandy .sidebar-info-list > li {
    line-height: 1.3 ;
}

.sidebar-menu.tandy .sidebar-info-list > li > a {
    line-height: 1.3 ;
}

/* WordPress Playlist Player Custom Styling */
.labore-player {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    position: relative;
    margin-bottom: 26px;
}
.labore-player p {
    margin:0px;
    font-weight: 500;
    font-size: 18px;
    color: #000;
}

.labore-player .wp-playlist {
    margin: 0;
    padding: 0;
    border: none;
    background: none;
}

.labore-player .wp-playlist-current-item {
    display: none;
}

.labore-player .wp-playlist-item {
    display: none;
}

.labore-player .wp-playlist-tracks {
    display: none;
}

.labore-player .mejs-container {
    width: 50px !important;
    height: 40px !important;
    background: none;
    position: relative;
    z-index: 1;
}

.labore-player .mejs-controls {
    display: flex !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 50px !important;
    height: 40px !important;
    background: transparent !important;
    border-radius: 15%;
}

.labore-player .mejs-mediaelement {
    position: absolute;
    width: 50px !important;
    height: 50px !important;
}

.labore-player .mejs-container .mejs-controls .mejs-time-rail {
    display: none !important;
}

.labore-player .mejs-container .mejs-controls .mejs-time {
    display: none !important;
}

.labore-player .mejs-container .mejs-controls .mejs-volume-button {
    display: none !important;
}

.labore-player .mejs-container .mejs-controls .mejs-playpause-button {
    position: absolute;
    top: 0;
    left: 0;
    width: 50px !important;
    height: 40px !important;
    background: #DC4405;
    border-radius: 15%;
    display: flex !important;
    align-items: center;
    justify-content: center;
    z-index: 2;
    padding: 0 !important;
    margin: 0 !important;
}

.labore-player .mejs-container .mejs-controls .mejs-playpause-button button {
    background: none;
    border: none;
    color: #fff;
    font-size: 20px;
    width: 50px !important;
    height: 50px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
    z-index: 3;
    padding: 0 !important;
    margin: 0 !important;
    min-width: 50px !important;
    min-height: 50px !important;
}

.labore-player .mejs-container .mejs-controls .mejs-playpause-button button:before {
    content: "▶";
    font-size: 20px;
    color: #fff;
    position: relative;
    z-index: 4;
    width: 50px !important;
    height: 50px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.labore-player .mejs-container .mejs-controls .mejs-playpause-button.mejs-pause button:before {
    content: "⏸";
}

.labore-player .mejs-container .mejs-controls .mejs-playpause-button.mejs-play button:before {
    content: "▶";
    transform: translate(2px, 2px);
}

.labore-player span {
    font-size: 18px;
    color: #000;
    font-weight: 500;
} 
.sidebar-menu-tandy-additional-menus {
    margin-top: 60px;
}

/* WordPress Audio Player with Progress Bar Styling */
.labore-player-with-progress-bar {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
    max-width: 600px;
    position: relative;
    min-height: 40px;
    margin-bottom: 26px;
    border-radius: 8px;
    overflow: visible;
}

/* Show the title for progress bar player */
.labore-player-with-progress-bar .wp-playlist-current-item {
    display: flex !important;
    align-items: center;
    margin-bottom: 0;
    height: 30px;
}

/* Hide the image */
.labore-player-with-progress-bar .wp-playlist-current-item .wp-playlist-item-thumbnail,
.labore-player-with-progress-bar .wp-playlist-current-item img {
    display: none !important;
}

/* Show the caption/details wrapper */
.labore-player-with-progress-bar .wp-playlist-current-item .wp-playlist-item-details {
    display: block !important;
}

/* Show the title - handle cases where it has both classes or is inside meta */
.labore-player-with-progress-bar .wp-playlist-item-title,
.labore-player-with-progress-bar .wp-playlist-current-item .wp-playlist-item-title,
.labore-player-with-progress-bar .wp-playlist .wp-playlist-item-title {
    font-size: 16px !important;
    color: #000 !important;
    font-weight: 500 !important;
    font-style: italic !important;
    margin: 0 !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    width: auto !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    padding-right: 4px !important;
    box-sizing: border-box !important;
}

/* If title element also has meta class, still show it */
.labore-player-with-progress-bar .wp-playlist-current-item .wp-playlist-item-meta.wp-playlist-item-title,
.labore-player-with-progress-bar .wp-playlist-current-item .wp-playlist-item-title.wp-playlist-item-meta {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    font-size: 16px !important;
    color: #000 !important;
    font-weight: 500 !important;
    font-style: italic !important;
    margin: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    padding-right: 4px !important;
    box-sizing: border-box !important;
}

/* Show meta container but hide its children except title */
.labore-player-with-progress-bar .wp-playlist-current-item .wp-playlist-item-meta {
    display: block !important;
}

/* Show title even if it's inside meta */
.labore-player-with-progress-bar .wp-playlist-current-item .wp-playlist-item-meta .wp-playlist-item-title {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    font-size: 16px !important;
    color: #000 !important;
    font-weight: 500 !important;
    font-style: italic !important;
    margin: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    padding-right: 4px !important;
    box-sizing: border-box !important;
}

/* Hide album and artist */
.labore-player-with-progress-bar .wp-playlist-current-item .wp-playlist-item-album {
    display: none !important;
}

.labore-player-with-progress-bar .wp-playlist-current-item .wp-playlist-item-artist {
    display: none !important;
}

/* Controls wrapper - keep controls in a row */
.labore-player-with-progress-bar .wp-playlist {
    display: flex;
    flex-direction: column;
    gap: 5px;
    border-radius: 8px;
    border: none !important;
    position: relative;
    z-index: 1;
    visibility: visible !important;
    opacity: 1 !important;
    margin: 0 !important;
}

.labore-player-with-progress-bar .mejs-container {
    width: 100% !important;
    height: auto !important;
    background: transparent !important;
    position: relative !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 1 !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.labore-player-with-progress-bar .mejs-controls {
    display: flex !important;
    align-items: center;
    gap: 12px;
    background: transparent !important;
    height: auto !important;
    padding: 0 !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    z-index: 2 !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Play/Pause Button - Orange/Red rounded square */
.labore-player-with-progress-bar .mejs-playpause-button {
    width: 50px !important;
    height: 40px !important;
    background: #DC4405 !important;
    border-radius: 15% !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    padding: 0 !important;
    margin: 0 !important;
}

.labore-player-with-progress-bar .mejs-playpause-button button {
    background: none !important;
    border: none !important;
    color: #fff !important;
    font-size: 20px !important;
    width: 50px !important;
    height: 50px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative !important;
    z-index: 3 !important;
    padding: 0 !important;
    margin: 0 !important;
    min-width: 50px !important;
    min-height: 50px !important;
}

.labore-player-with-progress-bar .mejs-playpause-button button:before {
    content: "▶";
    font-size: 20px !important;
    color: #fff !important;
    position: relative !important;
    z-index: 4 !important;
    width: 50px !important;
    height: 50px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.labore-player-with-progress-bar .mejs-playpause-button.mejs-pause button:before {
    content: "⏸";
}

.labore-player-with-progress-bar .mejs-playpause-button.mejs-play button:before {
    content: "▶";
    transform: translate(2px, 2px);
}

/* Time Display */
.labore-player-with-progress-bar .mejs-time {
    color: #000 !important;
    font-size: 18px !important;
    font-weight: bold !important;
    padding: 0 !important;
    margin: 0 !important;
    width: auto !important;
    min-width: 55px;
    text-align: left;
    overflow: visible !important;
    white-space: nowrap !important;
    flex-shrink: 0;
    line-height: 40px !important;
    height: 40px !important;
    display: flex !important;
    align-items: center !important;
}

.labore-player-with-progress-bar .mejs-currenttime {
    margin-right: 0 !important;
    padding-right: 8px !important;
}

.labore-player-with-progress-bar .mejs-duration {
    margin-left: 0 !important;
    padding-left: 8px !important;
}

/* Progress Bar Container */
.labore-player-with-progress-bar .mejs-time-rail {
    flex: 1;
    height: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative;
    display: flex !important;
    align-items: center !important;
}

.labore-player-with-progress-bar .mejs-time-total {
    background: #EAEAEA !important;
    height: 18px !important;
    border-radius: 6px !important;
    margin: 0 !important;
    width: 100%;
    overflow: hidden !important;
    position: relative !important;
}

/* Progress Bar Current Position - Darker Grey */
.labore-player-with-progress-bar .mejs-time-loaded {
    background: #D0D0D0 !important;
    height: 18px !important;
    border-radius: 6px !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
}

.labore-player-with-progress-bar .mejs-time-current {
    background: #9E9E9E !important;
    height: 18px !important;
    border-radius: 6px !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
}

/* Hide volume and other controls */
.labore-player-with-progress-bar .mejs-volume-button,
.labore-player-with-progress-bar .mejs-volume-slider,
.labore-player-with-progress-bar .mejs-horizontal-volume-slider,
.labore-player-with-progress-bar .mejs-fullscreen-button {
    display: none !important;
}

/* Ensure proper spacing */
.labore-player-with-progress-bar audio {
    display: none;
}

/* Fix MediaElement.js positioning issues */
.labore-player-with-progress-bar .mejs-mediaelement {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.labore-player-with-progress-bar .mejs-inner {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Ensure player is visible when there's text content in the div */
.labore-player-with-progress-bar p,
.labore-player-with-progress-bar div:not(.wp-playlist):not(.mejs-container):not(.mejs-controls) {
    position: relative;
    z-index: 0;
}

.labore-player-with-progress-bar {
    font-size: 18px !important;
    color: #000 !important;
    font-weight: bold !important;
    gap:0;
}

/* Style regular text (not title) to match time counters */
.labore-player-with-progress-bar p:not(.wp-playlist-item-title),
.labore-player-with-progress-bar span:not(.wp-playlist-item-title):not(.mejs-time),
.labore-player-with-progress-bar div:not(.wp-playlist):not(.mejs-container):not(.mejs-controls):not(.wp-playlist-current-item):not(.wp-playlist-item-title) {
    font-size: 18px !important;
    color: #000 !important;
    font-weight: bold !important;
}

.labore-player-with-progress-bar .wp-playlist,
.labore-player-with-progress-bar .mejs-container,
.labore-player-with-progress-bar .mejs-controls {
    position: relative;
    z-index: 1;
}

/* Fix image cropping in connect-person-inner-block - crop from sides instead of adding white space */
.connect-person-inner-block .img-wrap img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
}