/*
 Theme Name:   My Listing Child with Min-Max-Filter
 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;
}







/* 
-------------------------------------------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Listing Type Descriptions Styling /
.choose-type .ac-category .cat-card {
    height: auto;
    min-height: 350px;
}
.choose-type .ac-category .ac-front-side {
    padding: 20px 15px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.choose-type .ac-category .hovering-c {
    width: 100%;
    max-width: 100%;
}
.choose-type .category-name {
    display: block;
    font-size: 18px;
    font-weight: 600;
    margin: 15px 0 20px 0;
    color: #fff;
}
.choose-type .category-description {
    text-align: left;
    color: rgba(255, 255, 255, 0.9);
    font-size: 14px;
    line-height: 1.4;
}
.choose-type .description-text {
    margin: 0 0 15px 0;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.95);
}
.choose-type .description-examples {
    list-style: none;
    padding: 0;
    margin: 0;
}
.choose-type .description-examples li {
    position: relative;
    padding: 3px 0 3px 15px;
    margin: 0;
    color: rgba(255, 255, 255, 0.85);
    font-size: 13px;
}
.choose-type .description-examples li:before {
    content: "•";
    position: absolute;
    left: 0;
    color: rgba(255, 255, 255, 0.7);
    font-weight: bold;
}
.choose-type .cat-icon {
    font-size: 36px;
    margin-bottom: 10px;
    display: block;
}
/ Responsive adjustments */
@media (max-width: 768px) {
    .choose-type .ac-category .cat-card {
        min-height: 320px;
    }

    .choose-type .category-name {
        font-size: 16px;
        margin: 10px 0 15px 0;
    }

    .choose-type .description-text {
        font-size: 13px;
        margin-bottom: 12px;
    }

    .choose-type .description-examples li {
        font-size: 12px;
        padding: 2px 0 2px 12px;
    }
}
@media (max-width: 480px) {
    .choose-type .ac-category .cat-card {
        min-height: 280px;
    }

    .choose-type .ac-category .ac-front-side {
        padding: 15px 10px;
    }
}





/* Additional CSS for Negative Margin of Select Type BUtton from the Add A Listing Page */

.pricing-content {
    margin-top: -35px !important;
}











/* Security Notice Styles */
.security-notice {
    margin-top: 20px;
    padding: 15px;
    background: #f8f9fa;
    border-left: 4px solid #ffc107;
    border-radius: 5px;
    animation: fadeInUp 0.3s ease-out;
}

.security-notice h6 {
    margin: 0 0 10px 0;
    font-size: 14px;
    font-weight: bold;
    color: #333;
}

.security-notice ul {
    margin: 0;
    padding-left: 20px;
    font-size: 13px;
    color: #555;
    line-height: 1.5;
}

.security-notice li {
    margin-bottom: 5px;
}

/* Quick View CTA Buttons Styles */
.quick-view-cta-buttons {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #eee;
}

.cta-buttons-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.cta-button {
    padding: 10px 15px;
    border-radius: 5px;
    text-decoration: none !important;
    font-size: 14px;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;
    white-space: nowrap;
}

.cta-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    text-decoration: none !important;
}

.cta-button i {
    font-size: 16px;
}

/* Specific button colors */
.cta-call {
    background: #4CAF50;
    color: white !important;
}

.cta-call:hover {
    background: #45a049;
    color: white !important;
}

.cta-chat {
    background: #2196F3;
    color: white !important;
}

.cta-chat:hover {
    background: #1976D2;
    color: white !important;
}

.cta-view {
    background: #FF9800;
    color: white !important;
}

.cta-view:hover {
    background: #F57C00;
    color: white !important;
}

.cta-website {
    background: #9C27B0;
    color: white !important;
}

.cta-website:hover {
    background: #7B1FA2;
    color: white !important;
}

/* Responsive design */
@media (max-width: 768px) {
    .cta-buttons-container {
        flex-direction: column;
    }
    
    .cta-button {
        justify-content: center;
        width: 100%;
    }
}

/* Dark theme support */
.dark-theme .quick-view-cta-buttons {
    border-top-color: #333;
}

/* Animation for modal appearance */
.quick-view-cta-buttons {
    animation: fadeInUp 0.3s ease-out;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}