/*
 Theme Name:   My Listing Child
 Theme URI:    http://mylisting.27collective.net/my-city/
 Description:  MyListing Child Theme
 Author:       27collective
 Author URI:   https://27collective.net/
 Template:     my-listing
 Version:      1.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         one-column, two-columns, three-columns, left-sidebar, right-sidebar, grid-layout, custom-menu, custom-logo, featured-images, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready
 Text Domain:  my-listing-child
*/


/* Hide specific tabs for tenants */
body.tenant-user .my-listings-tab,
body.tenant-user .promotions-tab,
body.tenant-user a[href*="my-listings"],
body.tenant-user a[href*="promotions"] {
    display: none !important;
}

/* Hide the tab navigation items */
body.tenant-user nav.woocommerce-MyAccount-navigation ul li:has(a[href*="my-listings"]),
body.tenant-user nav.woocommerce-MyAccount-navigation ul li:has(a[href*="promotions"]) {
    display: none !important;
}




/* Tenant dashboard styling */
.tenant-dashboard-welcome {
    background: #f8f9fa;
    padding: 25px;
    border-radius: 10px;
    margin-bottom: 20px;
    border-left: 4px solid #0f606b;
}

.tenant-dashboard-welcome h3 {
    color: #333;
    margin-bottom: 15px;
    font-size: 24px;
}

.dashboard-features {
    display: grid;
    gap: 20px;
    margin-top: 20px;
}

.feature-item {
    background: white;
    padding: 20px;
    border-radius: 8px;
    border: 1px solid #e0e0e0;
    transition: box-shadow 0.3s ease;
}

.feature-item:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.feature-item h4 {
    color: #0f606b;
    margin-bottom: 10px;
    font-size: 18px;
}

.feature-item p {
    color: #666;
    margin: 0;
    line-height: 1.6;
}

/* Responsive design */
@media (min-width: 768px) {
    .dashboard-features {
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    }
}


/* Hide MyListing default dashboard content for tenants */
body.tenant-user .mlduo-welcome-message {
    display: none !important;
}

body.tenant-user .element .pf-head,
body.tenant-user .element .pf-head + p,
body.tenant-user .element .pf-head ~ p {
    display: none !important;
}

/* Hide the entire element div that contains the welcome message */
body.tenant-user .col-md-12 .element:has(.pf-head) {
    display: none !important;
}

/* Alternative - more specific targeting */
body.tenant-user .element:has(.user-area-icon) {
    display: none !important;
}







/* Add this to your existing CSS file */

/* Hide listings tab when viewing tenant profiles (for agents) */
/* This will hide the listings tab on tenant profile pages */
body.author .cts-carousel li[data-tab="listings"],
body.author .cts-carousel li[data-tab="listing"],
body.author .cts-carousel li:has(span:contains("Listings")),
body.author .cts-carousel li:has(span:contains("Listing")) {
    display: none !important;
}

/* Hide listings content section on tenant profiles */
body.author #profile_tab_listings,
body.author #profile_tab_listing,
body.author .profile-body.listing-tab:not(#profile_tab_tenancy) {
    display: none !important;
}

/* Ensure tenancy tab is the active/default tab on tenant profiles */
body.author .cts-carousel li[data-tab="tenancy"] {
    display: block !important;
}

/* Additional selectors for different theme variations */
body.author-template-default .cts-carousel li[data-tab="listings"],
body.author-template-default .cts-carousel li[data-tab="listing"] {
    display: none !important;
}

/* Hide any tab that might contain listings content */
body.author .profile-tabs li:has(a[href*="listing"]),
body.author .profile-tabs li:has(span:contains("Listing")) {
    display: none !important;
}

.double-dropdown-wrapper {
    display: flex;
    gap: 20px;
    align-items: center;
}
.double-dropdown-wrapper .min-value-dropdown,
.double-dropdown-wrapper .max-value-dropdown {
    flex: 1;
    position: relative;
}
.double-dropdown-wrapper select {
    width: 100%;
    padding: 8px;
    font-size: 14px;
}
.double-dropdown-filter.has-value label {
    top: 0;
    bottom: auto;
}