/* Compatibility entry point: preserve the existing branded stylesheet while fixing case-sensitive hosting paths. */
@import url("Styles.css");

/* Global foundation styles */
:root { --navy-950:#0b1f33; --navy-900:#102a43; --navy-800:#173f5f; --orange:#f28c28; --cream:#f7f4ee; --white:#fff; --text:#17202a; --muted:#5f6b76; --border:#dfe5ea; --radius:14px; --shadow:0 12px 32px rgba(11,31,51,.12); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; font-family:"Inter",Arial,sans-serif; color:var(--text); background:var(--white); line-height:1.6; }
img { max-width:100%; }
button,input,select,textarea { font:inherit; }
.container { width:min(1120px,calc(100% - 40px)); margin-inline:auto; }
.section { padding:88px 0; }
.section-heading { max-width:720px; margin:0 auto; text-align:center; }
.section-heading h2 { margin:0 0 14px; color:var(--navy-950); font-size:clamp(2rem,4vw,3rem); line-height:1.15; }
.section-heading p { margin:0; color:var(--muted); font-size:1.05rem; }
.btn { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:12px 22px; border:1px solid transparent; border-radius:8px; font-weight:700; text-decoration:none; cursor:pointer; transition:transform .2s ease,background .2s ease,color .2s ease,border-color .2s ease; }
.btn:hover { transform:translateY(-1px); }
.btn-primary { background:var(--orange); color:var(--navy-950); }
.btn-primary:hover { background:#ffad52; }
.btn-secondary { background:var(--white); color:var(--navy-950); border-color:var(--border); }
.btn-secondary:hover { background:var(--cream); }
.featured-listings-section,.how-it-works-section { background:var(--white); }
.why-directowner-section { background:#f8fafc; }

/* Brand tagline */
.site-logo { display:inline-flex; flex-direction:column; align-items:flex-start; line-height:1.05; }
.site-logo::after { content:"Direct Connections. Better Choices."; margin-top:6px; font-size:.58rem; font-weight:700; letter-spacing:.02em; line-height:1.2; color:currentColor; opacity:.82; white-space:nowrap; }

/* Trust & Safety page */
.trust-hero { background:linear-gradient(135deg,var(--navy-950),var(--navy-800)); color:var(--white); border-radius:18px; padding:clamp(32px,6vw,64px); }
.trust-hero h1 { margin:0 0 16px; font-size:clamp(2.2rem,5vw,4rem); line-height:1.08; }
.trust-hero p { max-width:780px; margin:0; color:#e6edf4; font-size:1.08rem; }
.trust-hero .hero-actions { margin-top:26px; }
.trust-hero .btn-secondary { background:transparent; color:var(--white); border-color:rgba(255,255,255,.45); }
.trust-hero .btn-secondary:hover { background:rgba(255,255,255,.12); }
.trust-badge-row { display:flex; flex-wrap:wrap; gap:10px; margin-top:24px; }
.trust-badge { border:1px solid rgba(255,255,255,.3); border-radius:999px; padding:7px 12px; color:#fff; background:rgba(255,255,255,.09); font-size:.9rem; font-weight:700; }
.trust-card-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.trust-card { padding:26px; background:#fff; border:1px solid var(--border); border-radius:var(--radius); box-shadow:var(--shadow); }
.trust-card h3 { margin:0 0 10px; color:var(--navy-950); font-size:1.25rem; }
.trust-card p { margin:0; color:var(--muted); }
.trust-content-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.trust-panel { height:100%; padding:26px; border:1px solid var(--border); border-radius:var(--radius); background:#fff; box-shadow:var(--shadow); }
.trust-panel h2 { margin:0 0 14px; color:var(--navy-950); font-size:1.4rem; }
.trust-panel ul { margin:0; padding-left:20px; color:var(--muted); }
.trust-panel li { margin:10px 0; }
.trust-note { margin-top:18px; padding:16px 18px; border-left:4px solid var(--orange); border-radius:8px; background:var(--cream); color:var(--text); }
.trust-faq { max-width:900px; margin:0 auto; }
.trust-faq details { margin-top:12px; padding:18px 20px; border:1px solid var(--border); border-radius:10px; background:#fff; }
.trust-faq summary { cursor:pointer; font-weight:700; color:var(--navy-950); }
.trust-faq p { color:var(--muted); }

@media (max-width:900px) { .container{width:min(100% - 32px,680px);} .section{padding:64px 0;} .trust-card-grid,.trust-content-grid{grid-template-columns:1fr;} .site-nav .nav-links{display:none;} .menu-toggle{display:block;} .site-nav.is-open .nav-links{display:flex;} .site-logo::after{font-size:.52rem;} }

/* Loading, unavailable and empty states must respect the HTML hidden attribute. */
[hidden] { display:none !important; }
.inventory-status { margin:24px 0; color:var(--muted); }
.inventory-status.error { color:#991b1b; }
.inventory-empty { grid-column:1/-1; text-align:center; border:1px dashed #b8c7d9; border-radius:14px; padding:40px 24px; background:#f8fafc; }
.inventory-empty h3 { color:var(--navy-950); font-size:1.5rem; margin:0 0 12px; }
.inventory-empty p { color:var(--muted); margin:0 0 24px; }
.inventory-photo-placeholder { display:flex; align-items:center; justify-content:center; background:#e8eef4; color:var(--muted); }
:focus-visible { outline:3px solid #b45309; outline-offset:4px; }
@media(max-width:900px) {
  .site-header .site-nav.has-menu .nav-links { display:none; }
  .site-header .site-nav.has-menu.is-open .nav-links { display:flex; flex-direction:column; align-items:flex-start; padding:20px; gap:12px; background:var(--navy-900); margin-top:16px; }
  .site-header .header-content { flex-wrap:wrap; }
  .site-header .site-nav.has-menu { width:100%; }
}