/* =====================================================
   Prime Property Adda - Agents directory + public profile
   Load order: site.css -> pages.css -> agents.css
   Rules: sirf px units | har class parent .pp-site ke andar scoped
   ===================================================== */

/* ---------- Directory: search + filters ---------- */
.pp-site .pp-ag-search { display:flex; align-items:center; gap:10px; max-width:640px; margin:28px 0 0; padding:8px 8px 8px 20px; border-radius:16px; background:#fff; box-shadow:var(--pp-shadow-lg); }
.pp-site .pp-ag-search > i { color:var(--pp-primary); }
.pp-site .pp-ag-search input { flex:1; min-width:0; height:44px; border:0; outline:0; background:transparent; font-size:15px; font-weight:500; color:var(--pp-navy); }
.pp-site .pp-ag-search .pp-btn { height:46px; }
.pp-site .pp-ag-sec { background:var(--pp-bg); }
.pp-site .pp-ag-bar { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:16px; margin:0 0 20px; }
.pp-site .pp-ag-chips { display:flex; flex-wrap:wrap; gap:10px; }
.pp-site .pp-ag-chip { display:inline-flex; align-items:center; gap:9px; height:44px; padding:0 18px; border:1.5px solid var(--pp-line); border-radius:30px; background:#fff; font-size:14px; font-weight:700; color:var(--pp-navy); transition:all 0.15s; }
.pp-site .pp-ag-chip i { color:var(--pp-primary); }
.pp-site .pp-ag-chip span { min-width:24px; padding:1px 8px; border-radius:20px; background:var(--pp-bg); font-size:12px; text-align:center; color:var(--pp-muted); }
.pp-site .pp-ag-chip:hover { border-color:var(--pp-primary); transform:translateY(-2px); }
.pp-site .pp-ag-chip.is-on { background:var(--pp-primary); border-color:var(--pp-primary); color:#fff; }
.pp-site .pp-ag-chip.is-on i { color:#fff; }
.pp-site .pp-ag-chip.is-on span { background:rgba(255,255,255,0.22); color:#fff; }
.pp-site .pp-ag-city { width:230px; margin:0; }
.pp-site .pp-ag-count { margin:0 0 22px; color:var(--pp-muted); }
.pp-site .pp-ag-count b { font-size:20px; color:var(--pp-navy); }

/* ---------- Directory: cards ---------- */
.pp-site .pp-ag-grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(270px, 1fr)); gap:24px; }
.pp-site .pp-ag-card { position:relative; display:flex; flex-direction:column; align-items:center; text-align:center; padding:0 24px 24px; overflow:hidden; background:#fff; border:1px solid var(--pp-line); border-radius:26px; transition:transform 0.25s, box-shadow 0.25s, border-color 0.25s; }
.pp-site .pp-ag-card::before { content:""; align-self:stretch; height:84px; margin:0 -24px 0; background:linear-gradient(135deg,#3454D1,#7A5AF8); }
.pp-site .pp-ag-card:hover { transform:translateY(-8px); box-shadow:var(--pp-shadow-lg); border-color:var(--pp-primary); }
.pp-site .pp-ag-av { width:92px; height:92px; margin-top:-46px; overflow:hidden; border-radius:50%; border:5px solid #fff; background:linear-gradient(135deg,var(--pp-primary),var(--pp-violet)); color:#fff; font-size:34px; font-weight:800; display:flex; align-items:center; justify-content:center; box-shadow:0 10px 24px rgba(16,26,74,0.18); }
.pp-site .pp-ag-av img { width:100%; height:100%; object-fit:cover; }
.pp-site .pp-ag-type { display:inline-block; margin:14px 0 8px; padding:4px 14px; border-radius:30px; background:var(--pp-primary-soft); color:var(--pp-primary); font-size:12px; font-weight:800; letter-spacing:0.4px; }
.pp-site .pp-ag-type-builder { background:#FEF3E2; color:#B76A00; }
.pp-site .pp-ag-type-company { background:#F0ECFE; color:#5B3FD6; }
.pp-site .pp-ag-name { font-size:19px; line-height:26px; font-weight:800; color:var(--pp-navy); }
.pp-site .pp-ag-name a:hover { color:var(--pp-primary); }
.pp-site .pp-ag-name i { margin-left:8px; color:var(--pp-green); font-size:15px; }
.pp-site .pp-ag-sub { margin:2px 0 0; font-size:13px; color:var(--pp-muted); }
.pp-site .pp-ag-bio { margin:12px 0 0; font-size:14px; line-height:22px; color:var(--pp-text); }
.pp-site .pp-ag-cities { display:flex; align-items:center; justify-content:center; gap:8px; margin:12px 0 0; font-size:13px; font-weight:600; color:var(--pp-muted); }
.pp-site .pp-ag-cities i { color:var(--pp-red); }
.pp-site .pp-ag-foot { display:flex; justify-content:space-between; align-items:center; align-self:stretch; gap:10px; margin-top:auto; padding-top:18px; border-top:1px dashed var(--pp-line); }
.pp-site .pp-ag-card .pp-ag-bio + .pp-ag-cities, .pp-site .pp-ag-card .pp-ag-sub { margin-bottom:0; }
.pp-site .pp-ag-card > .pp-ag-foot { margin-top:18px; }
.pp-site .pp-ag-foot span { font-size:13px; color:var(--pp-muted); }
.pp-site .pp-ag-foot b { font-size:18px; color:var(--pp-navy); }

/* ---------- Profile: cover + head ---------- */
.pp-site .pp-ap { background:var(--pp-bg); padding-bottom:70px; }
.pp-site .pp-ap-cover { position:relative; overflow:hidden; height:210px; padding:28px 0 0; color:#fff; background:linear-gradient(135deg,#101A4A 0%,#25399A 52%,#3454D1 100%); }
.pp-site .pp-ap-cover::after { content:""; position:absolute; inset:0; background-image:radial-gradient(rgba(255,255,255,0.12) 1.5px, transparent 1.5px); background-size:26px 26px; opacity:0.5; pointer-events:none; }
.pp-site .pp-ap-cover .pp-container { position:relative; z-index:2; }
.pp-site .pp-ap-cover .pp-orb-1 { width:300px; height:300px; top:-120px; right:-40px; }
.pp-site .pp-ap-cover .pp-orb-2 { width:220px; height:220px; bottom:-120px; left:40px; }
.pp-site .pp-ap-head { position:relative; z-index:5; display:flex; align-items:flex-end; flex-wrap:wrap; gap:24px; margin:-72px 0 30px; padding:28px 32px; background:#fff; border:1px solid var(--pp-line); border-radius:28px; box-shadow:var(--pp-shadow-lg); }
.pp-site .pp-ap-av { width:132px; height:132px; flex:none; margin:-76px 0 0; overflow:hidden; border-radius:34px; border:6px solid #fff; background:linear-gradient(135deg,var(--pp-primary),var(--pp-violet)); color:#fff; font-size:52px; font-weight:800; display:flex; align-items:center; justify-content:center; box-shadow:0 16px 36px rgba(16,26,74,0.22); }
.pp-site .pp-ap-av img { width:100%; height:100%; object-fit:cover; }
.pp-site .pp-ap-info { flex:1 1 280px; min-width:0; }
.pp-site .pp-ap-tags { display:flex; flex-wrap:wrap; gap:10px; align-items:center; }
.pp-site .pp-ap-tags .pp-ag-type { margin:0; }
.pp-site .pp-ap-verified { display:inline-flex; align-items:center; gap:7px; padding:4px 12px; border-radius:30px; background:#E7F8F0; color:#0A8A50; font-size:12px; font-weight:800; }
.pp-site .pp-ap-info h1 { margin:10px 0 6px; font-size:32px; line-height:40px; font-weight:800; letter-spacing:-0.6px; color:var(--pp-navy); }
.pp-site .pp-ap-meta { display:flex; flex-wrap:wrap; gap:6px 22px; font-size:14px; color:var(--pp-muted); }
.pp-site .pp-ap-meta i { margin-right:7px; color:var(--pp-primary); }
.pp-site .pp-ap-stats { display:flex; gap:12px; flex-wrap:wrap; }
.pp-site .pp-ap-stats > div { min-width:112px; padding:14px 18px; border-radius:18px; background:var(--pp-bg); text-align:center; }
.pp-site .pp-ap-stats b { display:block; font-size:24px; line-height:30px; font-weight:800; color:var(--pp-navy); }
.pp-site .pp-ap-stats b i { color:var(--pp-amber); font-size:16px; }
.pp-site .pp-ap-stats span { display:block; font-size:12px; color:var(--pp-muted); }

/* ---------- Profile: layout ---------- */
.pp-site .pp-ap-layout { display:grid; grid-template-columns:minmax(0,1fr) 370px; gap:30px; align-items:start; }
.pp-site .pp-ap-main { display:flex; flex-direction:column; gap:26px; min-width:0; }
.pp-site .pp-ap-card { padding:30px; background:#fff; border:1px solid var(--pp-line); border-radius:24px; box-shadow:var(--pp-shadow); }
.pp-site .pp-ap-h { display:flex; align-items:center; gap:12px; margin:0 0 18px; font-size:21px; line-height:28px; font-weight:800; letter-spacing:-0.3px; color:var(--pp-navy); }
.pp-site .pp-ap-h > i { width:40px; height:40px; border-radius:12px; background:var(--pp-primary-soft); color:var(--pp-primary); display:flex; align-items:center; justify-content:center; font-size:16px; }
.pp-site .pp-ap-h small { font-size:15px; font-weight:600; color:var(--pp-muted); }
.pp-site .pp-ap-bio { font-size:15px; line-height:28px; color:var(--pp-text); }
.pp-site .pp-ap-listings { scroll-margin-top:100px; }
.pp-site .pp-ap-lh { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:14px; margin:0 0 20px; }
.pp-site .pp-ap-lh .pp-ap-h { margin:0; }
.pp-site .pp-ptabs-light { margin:0; }
.pp-site .pp-ptabs-light .pp-ptab { height:40px; padding:0 16px; background:#fff; border:1.5px solid var(--pp-line); color:var(--pp-navy); }
.pp-site .pp-ptabs-light .pp-ptab:hover { border-color:var(--pp-primary); background:#fff; }
.pp-site .pp-ptabs-light .pp-ptab.is-on { background:var(--pp-primary); border-color:var(--pp-primary); color:#fff; box-shadow:none; }
.pp-site .pp-ptab em { font-style:normal; padding:1px 8px; border-radius:20px; background:rgba(16,26,74,0.08); font-size:12px; }
.pp-site .pp-ptabs-light .pp-ptab.is-on em { background:rgba(255,255,255,0.25); }
.pp-site .pp-ap-grid { grid-template-columns:repeat(auto-fill, minmax(260px, 1fr)); gap:22px; }
.pp-site .pp-ap-grid > div { min-width:0; }

/* ---------- Profile: sidebar ---------- */
.pp-site .pp-ap-side { position:sticky; top:96px; display:flex; flex-direction:column; gap:20px; scroll-margin-top:100px; }
.pp-site .pp-ap-contact { padding:28px; background:#fff; border:1px solid var(--pp-line); border-top:5px solid var(--pp-primary); border-radius:24px; box-shadow:var(--pp-shadow); }
.pp-site .pp-ap-contact h3 { margin:0 0 18px; font-size:19px; line-height:26px; font-weight:800; color:var(--pp-navy); }
.pp-site .pp-ap-cta { display:grid; grid-template-columns:minmax(0,1fr); gap:10px; }
.pp-site .pp-ap-cta .pp-btn { height:50px; }
.pp-site .pp-ap-cta [data-reveal] em { margin-left:auto; padding:3px 10px; border-radius:20px; background:rgba(255,255,255,0.22); font-size:11px; font-style:normal; }
.pp-site .pp-btn-wa { background:#25D366; color:#fff; box-shadow:0 8px 20px rgba(37,211,102,0.3); }
.pp-site .pp-btn-wa:hover { background:#1EBE5A; }
.pp-site .pp-pd-or { position:relative; margin:20px 0; text-align:center; font-size:12px; font-weight:700; letter-spacing:0.6px; text-transform:uppercase; color:var(--pp-muted); }
.pp-site .pp-pd-or::before { content:""; position:absolute; left:0; right:0; top:50%; border-top:1px dashed var(--pp-line); }
.pp-site .pp-pd-or span { position:relative; padding:0 12px; background:#fff; }
.pp-site .pp-ap-form { display:flex; flex-direction:column; gap:12px; }
.pp-site .pp-ap-form .pp-submit { margin-top:4px; }
.pp-site .pp-ap-contact .pp-notice { margin:0 0 16px; }
.pp-site .pp-ap-share { display:flex; align-items:center; flex-wrap:wrap; gap:10px; padding:18px 22px; background:#fff; border:1px solid var(--pp-line); border-radius:20px; }
.pp-site .pp-ap-share b { margin-right:auto; color:var(--pp-navy); font-size:14px; }
.pp-site .pp-ap-share a, .pp-site .pp-ap-share button { height:40px; min-width:40px; padding:0 12px; display:inline-flex; align-items:center; justify-content:center; gap:8px; border:0; border-radius:12px; background:var(--pp-primary-soft); color:var(--pp-primary); font-size:13px; font-weight:700; cursor:pointer; transition:all 0.15s; }
.pp-site .pp-ap-share a:hover, .pp-site .pp-ap-share button:hover { background:var(--pp-primary); color:#fff; transform:translateY(-2px); }

/* ---------- Responsive ---------- */
@media (max-width: 1100px) {
  .pp-site .pp-ap-layout { grid-template-columns:minmax(0,1fr); }
  .pp-site .pp-ap-side { position:static; }
}
@media (max-width: 760px) {
  .pp-site .pp-ag-city { width:100%; }
  .pp-site .pp-ag-search { flex-wrap:wrap; padding:14px; }
  .pp-site .pp-ag-search input { flex:1 1 180px; }
  .pp-site .pp-ag-search .pp-btn { width:100%; }
  .pp-site .pp-ap-head { flex-direction:column; align-items:flex-start; padding:22px 20px; margin-top:-60px; }
  .pp-site .pp-ap-av { width:104px; height:104px; margin-top:-70px; font-size:40px; border-radius:28px; }
  .pp-site .pp-ap-info h1 { font-size:26px; line-height:34px; }
  .pp-site .pp-ap-stats { width:100%; }
  .pp-site .pp-ap-stats > div { flex:1 1 90px; min-width:0; padding:12px 8px; }
  .pp-site .pp-ap-card { padding:22px 18px; }
}