/* 
  Targeting MyListing single listing tabs and common WordPress/Elementor tab structures 
*/

.profile-menu .mdl-tabs__tab:hover,
.profile-menu li.active .mdl-tabs__tab,
.c27-explore-nav li a:hover,
.elementor-tabs-wrapper .elementor-tab-title:hover,
.woocommerce-tabs ul.tabs li a:hover,
.nav-tabs > li > a:hover {
    background-color: rgba(15, 15, 15, 0.65) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    color: #FD8E1B !important; /* Orange text */
    border-color: #FD8E1B !important; /* Orange border if applicable */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    border-radius: 8px; /* Soft edges for the glassy look */
    transition: all 0.3s ease-in-out;
}

/* Add an orange bottom border/underline animation matching the 'Canvas' style reference */
.profile-menu .mdl-tabs__tab::after,
.elementor-tabs-wrapper .elementor-tab-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 3px;
    background-color: #FD8E1B;
    transition: all 0.3s ease-in-out;
    transform: translateX(-50%);
    border-radius: 3px 3px 0 0;
}

.profile-menu .mdl-tabs__tab:hover::after,
.elementor-tabs-wrapper .elementor-tab-title:hover::after,
.profile-menu li.active .mdl-tabs__tab::after {
    width: 80%; /* Spreads out on hover */
}