/*
Theme Name: Houzez Child
Theme URI: http://www.favethemes.com/
Author: Favethemes
Author URI: http://www.favethemes.com/
Description: Houzez is a premium WordPress theme for real estate agents where modern aesthetics are combined with tasteful simplicity, and where the ease of use is achieved without compromise in your ability to customise the design. Whether you are a real estate agent looking to build a website for your company or a web developer seeking a perfect WordPress theme for your next project, you are certain to appreciate the numerous features and benefits that our theme provides.
Version: 1.0
Tags: white, right-sidebar, left-sidebar, custom-colors, custom-menu, featured-images, post-formats, theme-options, translation-ready
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: houzez
Template: houzez
*/


@import url("../houzez/style.css");

/* Your CSS code goes here
-------------------------------------- */
#wpb__style_container a.btn-primary {
    color: #fff;
    text-decoration: none;
}

/* Property Banner Layout - Matching Ocean Estates Production */

/* Property Top Wrap */
.property-top-wrap {
    margin-bottom: 30px;
}

.property-banner {
    position: relative;
    background-color: #f8f9fa;
}

/* Navigation Tabs */
.property-banner .container:first-child {
    position: relative;
    z-index: 10;
}

.property-banner .nav-pills {
    position: absolute;
    top: 20px;
    right: 20px;
    background: rgba(255, 255, 255, 0.9);
    padding: 8px;
    border-radius: 6px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.property-banner .nav-pills .nav-link {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    border: 1px solid #e9ecef;
    border-radius: 4px;
    color: #6c757d;
    transition: all 0.3s ease;
}

.property-banner .nav-pills .nav-link:hover {
    background-color: #f8f9fa;
    border-color: #dee2e6;
    color: #495057;
}

.property-banner .nav-pills .nav-link.active {
    background-color: #2b2b2b;
    border-color: #2b2b2b;
    color: #ffffff;
}

.property-banner .nav-pills .nav-link i {
    font-size: 18px;
}

/* Tab Content */
.property-banner .tab-content {
    position: relative;
}

/* Gallery Tab */
#pills-gallery {
    min-height: 600px;
    position: relative;
    overflow: hidden;
}

/* Image Count Badge */
.property-image-count {
    position: absolute;
    top: 20px;
    left: 20px;
    background-color: rgba(255, 255, 255, 0.9);
    color: #2b2b2b;
    padding: 8px 12px;
    border-radius: 4px;
    font-weight: 600;
    font-size: 14px;
    z-index: 10;
    display: flex;
    align-items: center;
    gap: 6px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.property-image-count i {
    font-size: 16px;
}

/* Featured Image */
.property-featured-image {
    width: 100%;
    height: 600px;
    object-fit: cover;
    position: relative;
    z-index: 1;
}

/* Banner Trigger (Invisible Click Area) */
.property-banner-trigger {
    z-index: 2;
    cursor: pointer;
}

/* Map Tab */
#pills-map {
    min-height: 500px;
}

.map-wrap {
    height: 500px;
    background-color: #e9ecef;
}

/* Hidden Elements */
.wpb--d-none {
    display: none;
}

/* Sidebar Contact Form Styles */
.property-contact-wrap .block-wrap {
    border: 1px solid #e9ecef;
    border-radius: 8px;
    padding: 20px;
    background-color: #ffffff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    transition: box-shadow 0.3s ease;
}

.property-contact-wrap .block-wrap:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.property-contact-wrap .block-title-wrap {
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e9ecef;
}

.property-contact-wrap .block-title-wrap h2 {
    font-size: 1.25rem;
    font-weight: 600;
    color: #2b2b2b;
    margin: 0;
}

/* Form Elements Styling */
.property-contact-wrap .wpb--property-form {
    margin: 0;
}

.property-contact-wrap .wpb--property-form input,
.property-contact-wrap .wpb--property-form textarea {
    width: 100%;
    padding: 12px 16px;
    margin-bottom: 15px;
    border: 1px solid #e9ecef;
    border-radius: 6px;
    font-size: 14px;
    line-height: 1.5;
    background-color: #ffffff;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.property-contact-wrap .wpb--property-form input:focus,
.property-contact-wrap .wpb--property-form textarea:focus {
    outline: none;
    border-color: #2b2b2b;
    box-shadow: 0 0 0 3px rgba(43, 43, 43, 0.1);
}

.property-contact-wrap .wpb--property-form input::placeholder,
.property-contact-wrap .wpb--property-form textarea::placeholder {
    color: #6c757d;
    opacity: 0.8;
}

.property-contact-wrap .wpb--property-form textarea {
    resize: vertical;
    min-height: 100px;
}

/* Checkbox Styling */
.property-contact-wrap .wpb--custom-checkbox {
    margin-bottom: 15px;
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.property-contact-wrap .wpb--custom-checkbox input[type="checkbox"] {
    width: auto;
    margin: 0;
    margin-top: 3px;
    flex-shrink: 0;
}

.property-contact-wrap .wpb--custom-checkbox label {
    font-size: 13px;
    line-height: 1.4;
    color: #6c757d;
    margin: 0;
    cursor: pointer;
}

.property-contact-wrap .wpb--custom-checkbox a {
    color: #2b2b2b;
    text-decoration: none;
    font-weight: 500;
}

.property-contact-wrap .wpb--custom-checkbox a:hover {
    text-decoration: underline;
}

/* Submit Button */
.property-contact-wrap .wpb--formbutton {
    width: 100%;
    padding: 12px 20px;
    background-color: #2b2b2b;
    color: #ffffff;
    border: none;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.2s ease;
}

.property-contact-wrap .wpb--formbutton:hover {
    background-color: #1a1a1a;
    transform: translateY(-1px);
}

.property-contact-wrap .wpb--formbutton:active {
    transform: translateY(0);
}

.property-contact-wrap .wpb--formbutton:disabled {
    background-color: #6c757d;
    cursor: not-allowed;
    transform: none;
}

/* Form Messages */
.property-contact-wrap .wpb--form-msg {
    margin-top: 15px;
    padding: 10px 15px;
    border-radius: 6px;
    font-size: 14px;
    display: none;
}

.property-contact-wrap .wpb--form-msg.success {
    background-color: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
    display: block;
}

.property-contact-wrap .wpb--form-msg.error {
    background-color: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
    display: block;
}

/* Responsive Design */
@media (max-width: 768px) {
    .property-contact-wrap .block-wrap {
        padding: 16px;
        margin-bottom: 20px;
    }

    .property-contact-wrap .block-title-wrap h2 {
        font-size: 1.1rem;
    }

    .property-contact-wrap .wpb--property-form input,
    .property-contact-wrap .wpb--property-form textarea {
        padding: 10px 14px;
        margin-bottom: 12px;
    }

    .property-contact-wrap .wpb--formbutton {
        padding: 14px 20px;
    }
}

/* Responsive Design */
@media (max-width: 992px) {
    .property-banner .nav-pills {
        top: 15px;
        right: 15px;
    }
}

@media (max-width: 768px) {
    .property-banner .nav-pills {
        display: none;
    }

    .property-featured-image,
    #pills-gallery {
        height: 400px;
    }

    .property-image-count {
        top: 15px;
        left: 15px;
    }
}

@media (max-width: 576px) {
    .property-featured-image,
    #pills-gallery {
        height: 300px;
    }

    .property-image-count {
        font-size: 12px;
        padding: 6px 10px;
    }
}

/* Property Header Styles - Matching Ocean Estates */
.page-title-wrap {
    padding: 0;
}

/* Breadcrumb Styles */
.breadcrumb {
    background-color: transparent;
    padding: 0;
    margin: 0;
    font-size: 14px;
}

.breadcrumb-item + .breadcrumb-item::before {
    content: "/";
    color: #6c757d;
}

.breadcrumb-item a {
    color: #6c757d;
    text-decoration: none;
    transition: color 0.3s ease;
}

.breadcrumb-item a:hover {
    color: #2b2b2b;
}

.breadcrumb-item.active {
    color: #2b2b2b;
    font-weight: 500;
}

.breadcrumb-item.home i {
    margin-right: 4px;
}

/* Property Tools */
.property-item-tools {
    gap: 8px;
}

.item-tool {
    width: 40px;
    height: 40px;
    background-color: #f8f9fa;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    cursor: pointer;
}

.item-tool:hover {
    background-color: #e9ecef;
    transform: translateY(-1px);
}

.item-tool i {
    font-size: 16px;
    color: #6c757d;
    transition: color 0.3s ease;
}

.item-tool:hover i {
    color: #2b2b2b;
}

/* Dropdown Menu for Share */
.item-tool-dropdown-menu {
    min-width: 180px;
    border: none;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    border-radius: 8px;
    padding: 8px 0;
}

.item-tool-dropdown-menu .dropdown-item {
    font-size: 14px;
    padding: 8px 16px;
    color: #6c757d;
    transition: all 0.3s ease;
}

.item-tool-dropdown-menu .dropdown-item:hover {
    background-color: #f8f9fa;
    color: #2b2b2b;
}

.item-tool-dropdown-menu .dropdown-item:first-child {
    font-weight: 600;
    color: #2b2b2b;
    pointer-events: none;
    padding: 8px 16px 4px;
}

.item-tool-dropdown-menu .dropdown-item i {
    margin-right: 8px;
    width: 16px;
}

/* Property Labels */
.property-labels-wrap .label {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.property-labels-wrap .label-status {
    background-color: #28a745;
    color: #ffffff;
}

.property-labels-wrap .hz-label {
    background-color: #ffc107;
    color: #2b2b2b;
}

/* Property Title Section */
.property-header-wrap .page-title h1 {
    font-size: 2rem;
    font-weight: 700;
    color: #2b2b2b;
    margin: 0;
    line-height: 1.2;
}

.property-header-wrap .item-address {
    font-size: 16px;
    color: #6c757d;
    font-style: normal;
    display: flex;
    align-items: center;
}

.property-header-wrap .item-address i {
    color: #2b2b2b;
}

/* Property Price Section */
.property-price-wrap .item-price .price {
    font-size: 1.75rem;
    font-weight: 700;
    color: #2b2b2b;
}

.property-price-wrap .item-sub-price .price {
    font-size: 1rem;
    font-weight: 600;
    color: #6c757d;
}

.property-price-wrap .item-sub-price .price-postfix {
    font-size: 0.875rem;
    color: #6c757d;
    font-weight: normal;
}

/* Responsive Design for Header */
@media (max-width: 1200px) {
    .property-header-wrap .page-title h1 {
        font-size: 1.75rem;
    }
}

@media (max-width: 992px) {
    .property-header-wrap .page-title h1 {
        font-size: 1.5rem;
    }

    .property-price-wrap .item-price .price {
        font-size: 1.5rem;
    }
}

@media (max-width: 768px) {
    .page-title-wrap.d-none.d-md-block {
        display: none !important;
    }

    .page-title-wrap.d-md-none {
        display: block !important;
        padding: 20px 0;
    }

    .property-header-wrap .page-title h1 {
        font-size: 1.5rem;
        line-height: 1.3;
    }

    .property-header-wrap .item-address {
        font-size: 14px;
    }

    .property-price-wrap .item-price .price {
        font-size: 1.25rem;
    }

    .property-labels-wrap .label {
        font-size: 11px;
        padding: 3px 8px;
    }
}

@media (max-width: 576px) {
    .page-title-wrap.d-md-none {
        padding: 15px 0;
    }

    .property-header-wrap .page-title h1 {
        font-size: 1.25rem;
    }

    .property-price-wrap .item-price .price {
        font-size: 1.1rem;
    }

    .property-labels-wrap {
        flex-wrap: wrap;
    }
}

/* Enhanced Search Form Styles - Matching Ocean Estates */
.advanced-search-v1 {
    background: #ffffff;
    border-radius: 12px;
    padding: 15px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    margin-bottom: 15px;
}

.advanced-search-v1 .form-group {
    margin-bottom: 5px;
}

.advanced-search-v1 .form-control {
    border: 1px solid #e9ecef;
    border-radius: 8px;
    padding: 12px 16px;
    font-size: 14px;
    color: #2b2b2b;
    background-color: #ffffff;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
    height: 48px;
}

.advanced-search-v1 .form-control:focus {
    border-color: #2b2b2b;
    box-shadow: 0 0 0 3px rgba(43, 43, 43, 0.1);
    outline: none;
}

.advanced-search-v1 .form-control::placeholder {
    color: #6c757d;
    opacity: 0.8;
}

/* Select Wrapper Styling */
.advanced-search-v1 .form-select-wrapper {
    position: relative;
}

.advanced-search-v1 .form-select-wrapper::after {
    content: '';
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #6c757d;
    pointer-events: none;
}

.advanced-search-v1 select.form-control {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 44px;
    cursor: pointer;
    background-image: none;
    background-color: #ffffff;
}

/* Button Styling */
.advanced-search-v1 .btn-search-wrapper .btn {
    color: #ffffff;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-radius: 8px;
    padding: 12px 24px;
    height: 48px;
    transition: background-color 0.3s ease, transform 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.advanced-search-v1 .btn-search-wrapper .btn:hover {
    transform: translateY(-1px);
    color: #ffffff;
}

.advanced-search-v1 .btn-search-wrapper .btn:active {
    transform: translateY(0);
}

/* Clear Button Styling */
.advanced-search-v1 .btn-clear-wrapper .btn {
    background-color: transparent;
    border-color: #e9ecef;
    color: #6c757d;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-radius: 8px;
    padding: 12px 16px;
    height: 48px;
    min-width: 80px;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
}

.advanced-search-v1 .btn-clear-wrapper .btn:hover {
    background-color: #f8f9fa;
    border-color: #6c757d;
    color: #2b2b2b;
}

.advanced-search-v1 .btn-clear-wrapper .btn:active {
    transform: translateY(0);
}


/* Row Spacing */
.advanced-search-v1 .row {
    margin-bottom: 5px;
}

.advanced-search-v1 .row:last-child {
    margin-bottom: 0;
}

/* Column Padding Adjustments */
.advanced-search-v1 .col-lg-12 {
    padding-bottom: 0;
}

.advanced-search-v1 .col-lg-1,
.advanced-search-v1 .col-lg-2,
.advanced-search-v1 .col-lg-3,
.advanced-search-v1 .col-lg-4,
.advanced-search-v1 .col-lg-5,
.advanced-search-v1 .col-md-3,
.advanced-search-v1 .col-md-4,
.advanced-search-v1 .col-md-6 {
    padding-bottom: 5px;
}

/* Responsive Design */
@media (max-width: 992px) {
    .advanced-search-v1 {
        padding: 12px 15px;
    }

    .advanced-search-v1 .col-lg-3 {
        margin-bottom: 0;
    }

    .advanced-search-v1 .col-md-3,
    .advanced-search-v1 .col-md-4,
    .advanced-search-v1 .col-md-6 {
        padding-bottom: 4px;
    }
}

@media (max-width: 768px) {
    .advanced-search-v1 {
        padding: 10px 12px;
    }

    .advanced-search-v1 .row {
        margin-bottom: 3px;
    }

    .advanced-search-v1 .col-md-3,
    .advanced-search-v1 .col-md-4,
    .advanced-search-v1 .col-md-6 {
        padding-bottom: 4px;
    }

    .advanced-search-v1 .form-control {
        padding: 8px 12px;
        height: 40px;
        font-size: 14px;
    }

    .advanced-search-v1 .btn-search-wrapper .btn,
    .advanced-search-v1 .btn-clear-wrapper .btn {
        height: 40px;
        font-size: 13px;
    }

    .advanced-search-v1 .btn-search-wrapper .btn {
        padding: 8px 16px;
    }

    .advanced-search-v1 .btn-clear-wrapper .btn {
        padding: 8px 12px;
        min-width: 70px;
    }
}

@media (max-width: 576px) {
    .advanced-search-v1 {
        padding: 8px;
        margin-bottom: 10px;
    }

    .advanced-search-v1 .form-group {
        margin-bottom: 6px;
    }

    .advanced-search-v1 .form-control {
        height: 36px;
        padding: 6px 10px;
    }

    .advanced-search-v1 .btn-search-wrapper .btn,
    .advanced-search-v1 .btn-clear-wrapper .btn {
        height: 36px;
        font-size: 12px;
    }

    .advanced-search-v1 .btn-search-wrapper .btn {
        padding: 6px 12px;
    }

    .advanced-search-v1 .btn-clear-wrapper .btn {
        padding: 6px 10px;
        min-width: 60px;
    }
}

/* Ensure proper spacing for mobile view */
@media (max-width: 768px) {
    .advanced-search-v1 .row > div[class*="col-"] {
        margin-bottom: 0;
    }

    .advanced-search-v1 .row > div[class*="col-"]:last-child {
        margin-bottom: 0;
    }
}

/* Similar Properties Section Styles - Only for property details page */
.similar-properties-section {
    clear: both;
}

.similar-properties-section h3 {
    font-size: 2rem;
    font-weight: 700;
    color: #2b2b2b;
    margin-bottom: 40px;
    text-align: center;
}

/* Property Item Styles for Similar Properties - Match Main Listing Exactly */
.similar-properties-section .property-item {
    margin-bottom: 0;
    height: 100%;
}

.similar-properties-section .property-item-wrap {
    background: #ffffff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    height: 100%;
    display: flex;
    flex-direction: column;
}

.similar-properties-section .property-item-thumb {
    position: relative;
    overflow: hidden;
    aspect-ratio: 16/12;
}

.similar-properties-section .property-item-figure {
    display: block;
    position: relative;
    height: 100%;
}

.similar-properties-section .property-item-figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.similar-properties-section .label-featured {
    position: absolute;
    top: 16px;
    left: 16px;
    background: #ffc107;
    color: #2b2b2b;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    z-index: 2;
}

.similar-properties-section .property-badges {
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: flex-end;
}

.similar-properties-section .property-type-badge,
.similar-properties-section .property-status-badge {
    background: rgba(255, 255, 255, 0.95);
    color: #2b2b2b;
    padding: 4px 10px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    backdrop-filter: blur(10px);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    white-space: nowrap;
}

.similar-properties-section .property-status-badge {
    background: #28a745;
    color: #ffffff;
}

.similar-properties-section .property-status-badge.status-rent {
    background: #17a2b8;
}

.similar-properties-section .property-status-badge.status-longrent {
    background: #ffc107;
    color: #2b2b2b;
}

.similar-properties-section .property-status-badge.status-shortrent {
    background: #fd7e14;
    color: #ffffff;
}

.similar-properties-section .property-item-content {
    padding: 20px;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.similar-properties-section .property-item-title {
    margin: 0 0 12px 0;
    line-height: 1.3;
}

.similar-properties-section .property-item-title a {
    font-size: 18px;
    font-weight: 600;
    color: #2b2b2b;
    text-decoration: none !important;
    transition: color 0.3s ease;
}

.similar-properties-section .property-item-title a:hover {
    color: #007bff;
}

.similar-properties-section .item-location {
    color: #6c757d;
    font-size: 14px;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
}

.similar-properties-section .item-location i {
    color: #2b2b2b;
    font-size: 12px;
}

.similar-properties-section .property-item-meta li {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    color: #2b2b2b;
}

.similar-properties-section .property-item-meta i {
    font-size: 16px;
    color: #6c757d;
    flex-shrink: 0;
}

.similar-properties-section .item-meta-value {
    font-weight: 600;
    color: #2b2b2b;
}

.similar-properties-section .property-item-price-wrap {
    margin-top: auto;
    padding-top: 16px;
}

.similar-properties-section .item-price {
    font-size: 22px;
    font-weight: 700;
    color: #2b2b2b;
    margin-bottom: 4px;
}

/* Grid Layout for Similar Properties */
.similar-properties-section .properties-listing-container {
    margin-top: 0;
}

.similar-properties-section .properties-grid-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.similar-properties-section .col-lg-6,
.similar-properties-section .col-md-6 {
    padding: 0 15px;
    margin-bottom: 30px;
}

/* Responsive adjustments for similar properties */
@media (max-width: 768px) {
    .similar-properties-section {
        padding: 30px 0;
        margin-top: 40px;
    }

    .similar-properties-section h3 {
        font-size: 1.5rem;
        margin-bottom: 30px;
    }

    .similar-properties-section .properties-grid-wrapper {
        margin: 0 -10px;
    }

    .similar-properties-section .col-lg-6,
    .similar-properties-section .col-md-6 {
        padding: 0 10px;
        margin-bottom: 20px;
    }

    .similar-properties-section .property-item-content {
        padding: 16px;
    }

    .similar-properties-section .property-item-title a {
        font-size: 16px;
    }

    .similar-properties-section .item-price {
        font-size: 18px;
    }

    .similar-properties-section .property-item-thumb {
        aspect-ratio: 16/12;
    }
}

/* Pagination Styles - Matching Ocean Estates Bootstrap Design */
.pagination-wrap {
    margin-top: 40px;
    padding: 20px 0;
}

.pagination {
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: 0.375rem;
    margin-bottom: 0;
}

.page-item {
    position: relative;
    display: list-item;
}

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;
}

.page-item:last-child .page-link {
    border-top-right-radius: 0.375rem;
    border-bottom-right-radius: 0.375rem;
}

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    background-color: #fff;
    border-color: #dee2e6;
}

.page-link {
    position: relative;
    display: block;
    color: #2b2b2b;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #dee2e6;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    padding: 10px 16px;
    font-size: 14px;
    font-weight: 500;
    min-width: 44px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.page-link:hover {
    z-index: 2;
    color: #007bff;
    background-color: #e9ecef;
    border-color: #dee2e6;
    text-decoration: none;
}

.page-link:focus {
    z-index: 3;
    color: #007bff;
    background-color: #e9ecef;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(0, 123, 255, 0.25);
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

.page-item.active .page-link:hover {
    color: #fff;
    background-color: #0056b3;
    border-color: #0056b3;
}

/* Icon styling for pagination arrows */
.page-link .houzez-icon {
    font-size: 12px;
}

/* Hide current page link to prevent clicks */
.page-item.active .page-link {
    cursor: default;
    pointer-events: none;
}

/* Screen reader only text */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* Responsive adjustments */
@media (max-width: 576px) {
    .pagination-wrap {
        margin-top: 30px;
        padding: 15px 0;
    }

    .page-link {
        padding: 8px 12px;
        font-size: 13px;
        min-width: 40px;
    }

    .page-link .houzez-icon {
        font-size: 10px;
    }
}

@media (max-width: 400px) {
    .page-link {
        padding: 6px 10px;
        font-size: 12px;
        min-width: 36px;
    }

    .page-link .houzez-icon {
        font-size: 9px;
    }
}

/* Property Search Page Styles - Originally from property-search.php inline styles */
/* Property Grid Layout */
.properties-listing-container {
    margin-top: 30px;
}

.properties-grid-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

/* Ensure proper Bootstrap column spacing */
.properties-grid-wrapper > div[class*="col-"] {
    padding: 0 15px;
    margin-bottom: 30px;
}

/* Property Item Styles - Matching Design Theme */
.property-item {
    margin-bottom: 0;
    height: 100%;
}

.property-item-wrap {
    background: #ffffff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    height: 100%;
    display: flex;
    flex-direction: column;
}

/* Property Image */
.property-item-thumb {
    position: relative;
    overflow: hidden;
    aspect-ratio: 16/12;
}

.property-item-figure {
    display: block;
    position: relative;
    height: 100%;
}

.property-item-figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Featured Label */
.label-featured {
    position: absolute;
    top: 16px;
    left: 16px;
    background: #ffc107;
    color: #2b2b2b;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    z-index: 2;
}

/* Property Type and Status Badges on Image */
.property-badges {
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: flex-end;
}

.property-type-badge,
.property-status-badge {
    background: rgba(255, 255, 255, 0.95);
    color: #2b2b2b;
    padding: 4px 10px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    backdrop-filter: blur(10px);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    white-space: nowrap;
}

.property-status-badge {
    background: #28a745;
    color: #ffffff;
}

.property-status-badge.status-rent {
    background: #17a2b8;
}

.property-status-badge.status-longrent {
    background: #ffc107;
    color: #2b2b2b;
}

.property-status-badge.status-shortrent {
    background: #fd7e14;
    color: #ffffff;
}

/* Property Content */
.property-item-content {
    padding: 20px;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.property-item-top-info {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
}

.item-type {
    font-size: 12px;
    color: #6c757d;
    font-weight: 500;
}

.item-status {
    font-size: 11px;
    padding: 4px 8px;
    border-radius: 4px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.status-sale {
    background: #d4edda;
    color: #155724;
}

.status-rent {
    background: #d1ecf1;
    color: #0c5460;
}

.status-longrent {
    background: #fff3cd;
    color: #856404;
}

/* Property Title */
.property-item-title {
    margin: 0 0 12px 0;
    line-height: 1.3;
}

.property-item-title a, #wpb__style_container .property-item-title a {
    font-size: 18px;
    font-weight: 600;
    color: #2b2b2b;
    text-decoration: none;
    transition: color 0.3s ease;
}

.property-item-title a:hover, #wpb__style_container .property-item-title a:hover {
    color: #007bff;
}

/* Location */
.item-location {
    color: #6c757d;
    font-size: 14px;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
}

.item-location i {
    color: #2b2b2b;
    font-size: 12px;
}

/* Property Meta */
.property-item-meta li {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    color: #2b2b2b;
}

.property-item-meta i {
    font-size: 16px;
    color: #6c757d;
    flex-shrink: 0;
}

.item-meta-value {
    font-weight: 600;
    color: #2b2b2b;
}

.item-meta-label {
    font-size: 13px;
    color: #6c757d;
}

/* Price */
.property-item-price-wrap {
    margin-top: auto;
    padding-top: 16px;
}

.item-price {
    font-size: 22px;
    font-weight: 700;
    color: #2b2b2b;
    margin-bottom: 4px;
}

.item-price-per-sqm {
    font-size: 14px;
    color: #6c757d;
}

/* Results Count */
.results-count {
    font-size: 14px;
    color: #6c757d;
}

.results-count .fw-semibold {
    color: #2b2b2b;
}

/* Responsive Design for Property Search */
@media (max-width: 768px) {
    .properties-grid {
        gap: 20px;
    }

    .property-item-content {
        padding: 16px;
    }

    .property-item-title a {
        font-size: 16px;
    }

    .item-price {
        font-size: 18px;
    }

    .property-item-actions {
        top: 12px;
        right: 12px;
    }

    .btn-icon {
        width: 32px;
        height: 32px;
    }

    .btn-icon i {
        font-size: 14px;
    }
}