/*
Theme Name: ScanRent Elementor Child
Template: hello-elementor
Version: 0.1.1
Description: ScanRent child theme for Hello Elementor. Provides Zillow-style HUB template for /p/{token}.
Author: ScanRent
*/

:root{
  --sr-bg:#f6f8fb; --sr-card:#fff; --sr-text:#0b1220;
  --sr-muted:rgba(11,18,32,.65); --sr-border:rgba(11,18,32,.10);
  --sr-radius:18px; --sr-shadow:0 10px 30px rgba(11,18,32,.08);
  --sr-danger:#b42318; --sr-ok:#027a48;
}

body{ background:var(--sr-bg); color:var(--sr-text); }

.sr-wrap{ max-width:920px; margin:0 auto; padding:14px 14px 110px; }
.sr-hero{ background:var(--sr-card); border:1px solid var(--sr-border); border-radius:22px; overflow:hidden; box-shadow:var(--sr-shadow); }
.sr-hero img{ width:100%; height:auto; display:block; }
.sr-hero-placeholder{ padding:26px; color:var(--sr-muted); }

.sr-title{ margin:14px 2px 6px; font-size:22px; font-weight:900; letter-spacing:-0.02em; }
.sr-sub{ margin:0 2px 14px; color:var(--sr-muted); line-height:1.45; }

.sr-pill{ display:inline-flex; gap:8px; flex-wrap:wrap; margin-top:8px; }
.sr-pill span{ font-size:12px; color:var(--sr-muted); border:1px solid var(--sr-border); padding:6px 10px; border-radius:999px; background:rgba(255,255,255,.7); }

.sr-grid{ display:grid; grid-template-columns:1fr; gap:12px; }
.sr-card{ background:var(--sr-card); border:1px solid var(--sr-border); border-radius:var(--sr-radius); padding:14px; box-shadow:var(--sr-shadow); }
.sr-card h3{ margin:0 0 10px; font-size:15px; font-weight:900; }

.sr-btn{ display:flex; justify-content:space-between; align-items:center; gap:12px; padding:14px 14px; border-radius:14px;
  border:1px solid var(--sr-border); text-decoration:none; color:var(--sr-text); background:#fff; margin:10px 0;
  transition:transform .04s ease, box-shadow .12s ease;
}
.sr-btn:active{ transform:scale(.99); }
.sr-btn strong{ font-weight:900; }
.sr-btn .sr-btn-sub{ font-size:13px; color:var(--sr-muted); margin-top:2px; }

.sr-form-row{ margin:10px 0; }
.sr-form-row label{ display:block; font-size:12px; font-weight:900; margin-bottom:6px; color:rgba(11,18,32,.75); }
.sr-input{ width:100%; padding:10px 12px; border-radius:12px; border:1px solid rgba(11,18,32,.14); background:#fff; }
.sr-form-actions{ display:flex; gap:10px; flex-wrap:wrap; margin-top:10px; }
.sr-submit{ appearance:none; border:1px solid rgba(11,18,32,.14); background:#111; color:#fff; padding:12px 14px; border-radius:14px; font-weight:900; cursor:pointer; }
.sr-msg{ font-size:13px; color:var(--sr-muted); margin-top:8px; }
.sr-msg.sr-ok{ color:var(--sr-ok); }
.sr-msg.sr-err{ color:var(--sr-danger); }

.sr-footer{ margin-top:14px; color:var(--sr-muted); font-size:12.5px; line-height:1.45; }

.sr-sticky{ position:fixed; left:0; right:0; bottom:0; padding:10px 12px; background:rgba(255,255,255,.92);
  border-top:1px solid var(--sr-border); backdrop-filter:blur(10px);
}
.sr-sticky-inner{ max-width:920px; margin:0 auto; display:flex; gap:10px; }
.sr-sticky a{ flex:1; text-align:center; padding:12px 10px; border-radius:14px; border:1px solid var(--sr-border);
  text-decoration:none; color:var(--sr-text); font-weight:900; background:#fff; box-shadow:var(--sr-shadow);
}

@media (min-width: 960px){
  .sr-sticky{ display:none; }
  .sr-wrap{ padding-bottom:24px; }
}