/* Add custom styles here to match the original look and remove gradients */
body {
    font-family: 'Roboto', sans-serif; /* Use Roboto as the primary font */
    padding-top: 56px; /* Add padding back to body equal to navbar height */
}

.navbar {
    background-color: #343a40; /* Dark background color from the screenshots */
    color: white;
}

footer {
    background-color: #343a40; /* Dark background color from the screenshots */
    color: white;
}

.btn-danger { /* Styling for the red buttons like 'Buscar' or 'Detalhes do imóvel' */
    background-color: #dc3545; /* A shade of red */
    border-color: #dc3545; /* Matching border color */
    background-image: none; /* Remove gradient */
}

.btn-danger:hover {
    background-color: #c82333; /* Darker red on hover */
    border-color: #bd2130;
}

.btn-primary { /* Styling for other potential primary buttons */
    background-image: none; /* Remove gradient */
}

.form-control { /* Styling for input fields to look like the search row */
    border-radius: 0.25rem; /* Slightly rounded corners */
    border: 1px solid #ced4da; /* Default bootstrap border */
}

.hero-section {
    position: static;
    height: auto;
    padding: 100px 0; /* Add back padding for spacing */
    background-color: #55adff; /* Slightly more noticeable light blue */
}
.inputnumber {
    -moz-appearance: textfield;
}

.inputnumber::-webkit-outer-spin-button,
.inputnumber::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.hero-content {
    position: static;
    transform: none;
    text-shadow: none; /* Remove text shadow */
    text-align: left; /* Align text to the left */
}

.hero-content h1 {
    color: #343a40; /* Dark text color */
}

.hero-content p {
    color: #fff; /* Grey text color */
}

.card {
    border: none; /* Remove card borders */
}

.card-body {
    padding: 1rem;
    background-color: #f8f9fa; /* Change background color to #f8f9fa */
    box-shadow: 0 2px 4px rgba(0,0,0,.08); /* Add a subtle shadow */
    margin-top: -10px; /* Optional: pull the card body up slightly */
    position: relative; /* For z-index */
    z-index: 1; /* Ensure it's above the image */
}

/* Placeholder styles for the logo area */
.logo-placeholder {
    width: 150px; /* Adjust size as needed */
    height: 50px; /* Adjust size as needed */
    background-color: #ccc; /* Placeholder color */
    margin-right: 1rem;
}

/* Custom styles for the hamburger menu button */
.navbar .btn-outline-light {
    border: none; /* Remove border */
}

.navbar .btn-outline-light .fas {
    font-size: 1.5rem; /* Increase icon size (adjust value as needed) */
}

/* Style for the 'Ver todos' link */
.property-listings a {
    cursor: pointer;
}

/* Responsive adjustments for small screens */
@media (max-width: 767.98px) {
    .property-listings .card-img-top {
        max-height: 200px; /* Decrease image height on small screens (adjust value as needed) */
        object-fit: cover; /* Ensure image covers the area without distortion */
    }
}