/*
Theme Name: Renter Representation
Theme URI: https://example.com/renter-representation
Author: ChatGPT for Sharnice
Author URI: https://example.com
Description: A single-page theme to capture renter and landlord leads for Metro Atlanta. Includes built-in short lead forms (no plugins required) and admin-post handlers that email the site owner and store entries as a custom post type.
Version: 1.0.1
License: GPL-2.0-or-later
Text Domain: renter-representation
*/
:root{--rr-primary:#0f766e;--rr-dark:#0b3a37;--rr-light:#ecfdf5}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6;color:#111827;background:#fff}
a{color:var(--rr-primary);text-decoration:none}
a:hover{text-decoration:underline}
.container{width:min(1100px,92%);margin:0 auto}
.btn{display:inline-block;padding:.8rem 1.2rem;border-radius:.75rem;border:0;background:var(--rr-primary);color:#fff;font-weight:600}
.btn.outline{background:transparent;color:#fff;border:2px solid #fff}
.section{padding:3rem 0}
.hero{position:relative;isolation:isolate;background:linear-gradient(135deg, var(--rr-dark), var(--rr-primary));color:#fff}
.hero .inner{display:grid;grid-template-columns:1.1fr .9fr;gap:2rem;align-items:center;padding:5rem 0}
@media (max-width:900px){.hero .inner{grid-template-columns:1fr}}
.badge{display:inline-block;background:#10b9811a;border:1px solid #10b98133;color:#ecfdf5;padding:.25rem .6rem;border-radius:999px;font-size:.85rem}
.h1{font-size:clamp(2rem,5vw,3rem);margin:.5rem 0 1rem;font-weight:800}
.lead{font-size:1.1rem;opacity:.95}
.card{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;box-shadow:0 5px 20px rgba(0,0,0,.04)}
.card .card-body{padding:1.25rem}
.grid{display:grid;gap:1.25rem}
.grid.two{grid-template-columns:repeat(2,1fr)}
@media (max-width:800px){.grid.two{grid-template-columns:1fr}}
label{display:block;font-weight:600;margin:.6rem 0 .25rem}
input,select{width:100%;padding:.8rem;border:1px solid #d1d5db;border-radius:.65rem}
small.help{display:block;color:#6b7280;margin-top:.25rem}
.alert{padding:.85rem 1rem;border-radius:.65rem;margin:.75rem 0;font-weight:600}
.alert.success{background:#ecfdf5;border:1px solid #10b981;color:#065f46}
.alert.error{background:#fef2f2;border:1px solid #ef4444;color:#991b1b}
.footer{padding:2rem 0;color:#6b7280;border-top:1px solid #e5e7eb}
.video-wrap{position:relative;width:100%;padding-top:56.25%;border-radius:1rem;overflow:hidden;box-shadow:0 10px 25px rgba(0,0,0,.15)}
.video-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.honeypot{position:absolute;left:-9999px;top:-9999px;height:0;width:0;opacity:0;visibility:hidden}