/* Frontend Styles for Premium and Partner Listings */

/* Premium Listing Highlight */
.lp-premium-listing {
    border: 2px solid #ffd700 !important; /* Gold border */
    background-color: #fffdf0 !important; /* Light gold background */
    position: relative;
    box-shadow: 0 4px 15px rgba(255, 215, 0, 0.2) !important;
    transition: all 0.3s ease;
}

.lp-premium-listing:hover {
    box-shadow: 0 6px 20px rgba(255, 215, 0, 0.4) !important;
    transform: translateY(-2px);
}

.lp-premium-listing::before {
    content: 'Premium';
    position: absolute;
    top: -12px;
    right: 20px;
    background: linear-gradient(135deg, #ffd700, #ffb300);
    color: #000;
    padding: 4px 12px;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 20px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    z-index: 10;
}

/* Partner Listing Highlight */
.lp-partner-listing {
    border: 2px solid #4a90e2 !important; /* Blue border */
    background-color: #f0f7ff !important; /* Light blue background */
    position: relative;
    box-shadow: 0 4px 15px rgba(74, 144, 226, 0.2) !important;
    transition: all 0.3s ease;
}

.lp-partner-listing:hover {
    box-shadow: 0 6px 20px rgba(74, 144, 226, 0.4) !important;
    transform: translateY(-2px);
}

.lp-partner-listing::before {
    content: 'Partner';
    position: absolute;
    top: -12px;
    left: 20px;
    background: linear-gradient(135deg, #4a90e2, #0056b3);
    color: #fff;
    padding: 4px 12px;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 20px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    z-index: 10;
}

/* If both, combine styles */
.lp-premium-listing.lp-partner-listing {
    border-image: linear-gradient(45deg, #ffd700, #4a90e2) 1 !important;
    border-width: 2px !important;
    border-style: solid !important;
    background: linear-gradient(to right, #fffdf0, #f0f7ff) !important;
}

/* Adjust layout if listing is grid or list based on ListingPro structure */
.lp-grid-box-contianer.lp-premium-listing {
    border-radius: 8px; /* Ensure borders look nice on grid boxes */
}