/* All Properties Page Desktop Styles (min-width: 769px) */

.page-header-title {
    font-size: 2.5rem;
    color: #333;
    margin-bottom: 10px;
}

.page-header-subtitle {
    font-size: 1.1rem;
    color: #666;
    margin-bottom: 30px;
}

.all-properties-grid-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* Two columns for desktop, equal fractions */
    gap: 30px; /* Space between property cards */
    margin-top: 30px;
    /* Removed overflow: hidden here as it might hide content, better on individual cards if necessary */
}

.all-properties-grid-container .property-card {
    /* Explicitly override conflicting styles from properties-base.css */
    flex-basis: auto !important;   /* Ensure no fixed flex-basis interferes with grid '1fr' */
    flex-grow: 1 !important;       /* Allow it to grow to fill space */
    flex-shrink: 1 !important;     /* Allow it to shrink if needed by the grid */
    width: 100% !important;        /* Crucial: Make it take 100% of its grid cell */
    margin-right: 0 !important;    /* Absolutely remove any inherited margin from carousel styles */
    
    /* Existing styles, ensure padding is consistent or handled internally */
    padding: 0; /* Removing padding from the card itself, let inner elements manage their padding */
    box-shadow: 0 4px 15px rgba(0,0,0,0.08); /* Consistent shadow */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    overflow: hidden; /* Add overflow here to individual cards to contain any inner elements */
}

/* Ensure inner content of the card has proper spacing after removing card padding */
.all-properties-grid-container .property-card .property-info {
    padding: 15px; /* Add padding to the info section inside the card */
}


.all-properties-grid-container .property-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0,0,0,0.15);
}

/* Pagination Styling */
.pagination-container {
    display: flex;
    justify-content: flex-end; /* Align right */
    align-items: center;
    margin-top: 40px;
    padding-top: 20px;
    border-top: 1px solid #eee;
}

.pagination-item {
    margin: 0 5px;
    padding: 8px 15px;
    border: 1px solid #ddd;
    border-radius: 5px;
    text-decoration: none;
    color: #007bff;
    background-color: #fff;
    transition: all 0.3s ease;
}

.pagination-item:hover:not(.active), .pagination-item.active:hover {
    background-color: #f0f0f0;
}

.pagination-item.active {
    background-color: #007bff;
    color: #fff;
    border-color: #007bff;
    cursor: default;
}

.pagination-item.disabled {
    color: #ccc;
    pointer-events: none;
    background-color: #f9f9f9;
}