/*
Theme Name: Real Estate Listings
Theme URI: http://yourwebsite.com
Author: Your Name
Description: Complete Real Estate WordPress Theme
Version: 1.0
Text Domain: real-estate-theme
*/

body { font-family: Arial, sans-serif; margin:0; padding:0; background:#f5f5f5; }
a { text-decoration: none; color: #333; }
h1,h2,h3,h4,h5,h6 { margin:0; }

.property-card, .property-detail { background: #fff; padding: 15px; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); }
.property-card img, .property-detail img { width: 100%; height: auto; border-radius: 5px; }

.property-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px; margin: 20px; }
.property-card h2 { font-size: 20px; margin: 10px 0; }
.property-card p { margin: 5px 0; }
.property-card a { display: inline-block; margin-top: 10px; padding: 8px 12px; background: #0073aa; color: #fff; border-radius: 5px; }
.property-card a:hover { background: #005177; }

.property-detail { max-width: 800px; margin: 20px auto; padding: 20px; }
.property-detail form input, .property-detail form textarea { width: 100%; padding: 10px; margin-bottom: 10px; }
.property-detail form input[type="submit"] { background: #0073aa; color: #fff; border: none; cursor: pointer; }
.property-detail form input[type="submit"]:hover { background: #005177; }

.property-carousel { position: relative; max-width: 100%; margin-bottom: 20px; }
.carousel-main { position: relative; overflow: hidden; }
.carousel-slide { display: none; }
.carousel-slide img { width: 100%; height: auto; border-radius: 5px; }
.prev, .next { position: absolute; top: 50%; transform: translateY(-50%); background: rgba(0,0,0,0.5); color: #fff; border: none; font-size: 24px; padding: 5px 10px; cursor: pointer; border-radius: 3px; }
.prev { left: 10px; } .next { right: 10px; }
.prev:hover, .next:hover { background: rgba(0,0,0,0.7); }
.carousel-thumbs { display: flex; justify-content: center; margin-top: 10px; gap: 5px; flex-wrap: wrap; }
.carousel-thumbs .thumb { width: 80px; height: 50px; object-fit: cover; cursor: pointer; opacity:0.5; border-radius:3px; transition:0.3s; }
.carousel-thumbs .thumb:hover, .carousel-thumbs .thumb.active { opacity:1; }