/* ============================================================
   CHEW ON THIS REALTY - inner page styles
   Extends the homepage system. Same palette:
   ink #0F1319 / blue #1668E3 / tint #EAF2FE / soft #F6F9FC
   No :root, no CSS variables, every value hardcoded.
   ============================================================ */

/* ---------- PAGE HERO (keeps the transparent header working) ---------- */
.phero-cot{
  position:relative;overflow:hidden;background:#0F1319;
  display:flex;align-items:flex-end;
  min-height:clamp(340px,44vh,440px);
  clip-path:polygon(0 0,100% 0,100% 93%,54% 100%,0 98%);
}
.phero-bg-cot{position:absolute;inset:0;z-index:0}
.phero-bg-cot img{width:100%;height:100%;object-fit:cover;object-position:center 48%}
.phero-scrim-cot{
  position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
    linear-gradient(94deg,rgba(15,19,25,.92) 0%,rgba(15,19,25,.76) 40%,rgba(15,19,25,.4) 72%,rgba(15,19,25,.5) 100%),
    linear-gradient(180deg,rgba(15,19,25,.6) 0%,rgba(15,19,25,0) 34%,rgba(15,19,25,.6) 100%);
}
.phero-in-cot{position:relative;z-index:3;width:100%;padding:clamp(140px,17vh,190px) 0 clamp(56px,7vh,84px)}
.phero-in-cot h1{margin:0;color:#FFFFFF;max-width:20ch}
.phero-in-cot h1 .thin-cot{color:rgba(255,255,255,.76)}
.phero-in-cot p{margin:16px 0 0;color:rgba(255,255,255,.74);font-size:15.5px;max-width:52ch}
.phero-eyebrow-cot{color:rgba(255,255,255,.6)}
.phero-eyebrow-cot::before{background:#6FB2FF}
.crumb-cot{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin:20px 0 0;font-size:12.5px;color:rgba(255,255,255,.62)}
.crumb-cot a{color:rgba(255,255,255,.62);transition:color .3s}
.crumb-cot a:hover{color:#FFFFFF}
.crumb-cot i{font-size:8px;opacity:.5}
.crumb-cot span{color:#FFFFFF}

/* ---------- shared inner section head ---------- */
.ihead-cot{text-align:center;margin:0 auto clamp(40px,4.6vw,66px);max-width:760px}
.ihead-cot p{margin:18px auto 0;color:#4E5766;font-size:15.5px;max-width:62ch}
.soft-cot{background:#F6F9FC}
.tint-cot{background:#EAF2FE}

/* ---------- CARD GRIDS ---------- */
.grid-cot{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(22px,2.6vw,34px)}
.grid-2-cot{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(24px,3vw,40px)}

.card-cot{
  position:relative;background:#FFFFFF;border:1px solid #E4EAF2;overflow:hidden;
  display:flex;flex-direction:column;
  box-shadow:0 22px 46px -42px rgba(15,19,25,.6);
  transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .5s,border-color .4s;
}
.card-cot:hover{transform:translateY(-5px);box-shadow:0 34px 64px -42px rgba(15,19,25,.55);border-color:#D5E1F2}
.card-media-cot{position:relative;overflow:hidden;background:#0F1319}
.card-media-cot img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform 1.1s cubic-bezier(.22,1,.36,1)}
.card-cot:hover .card-media-cot img{transform:scale(1.05)}
.card-body-cot{padding:22px 24px 26px;display:flex;flex-direction:column;flex:1}
.card-body-cot h3{font-family:'Archivo',sans-serif;font-weight:600;font-size:17px;margin:0 0 9px;letter-spacing:-.012em;line-height:1.35}
.card-body-cot h3 a:hover{color:#1668E3}
.card-body-cot p{margin:0 0 16px;font-size:14.5px;color:#5A6373;line-height:1.66}
.card-foot-cot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:14px;border-top:1px solid #EDF1F7}
.card-link-cot{display:inline-flex;align-items:center;gap:8px;font-family:'Archivo',sans-serif;font-weight:600;font-size:13px;color:#1668E3}
.card-link-cot i{font-size:10px;transition:transform .4s cubic-bezier(.22,1,.36,1)}
.card-cot:hover .card-link-cot i{transform:translateX(4px)}

.chip-cot{
  position:absolute;left:14px;top:14px;z-index:2;
  display:inline-flex;align-items:center;gap:7px;padding:7px 13px;background:#FFFFFF;color:#0F1319;
  font-family:'Archivo',sans-serif;font-weight:600;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;
}
.chip-cot.blue-chip-cot{background:#1668E3;color:#FFFFFF}
.chip-cot.sold-cot{background:#0F1319;color:#FFFFFF}
.chip-cot i{font-size:7px;color:#E8339E}

/* ---------- LISTINGS ---------- */
.ls-filter-cot{
  background:#FFFFFF;border:1px solid #E4EAF2;padding:18px 20px;margin-bottom:clamp(28px,3vw,42px);
  display:grid;grid-template-columns:repeat(4,1fr) auto;gap:12px;align-items:center;
  box-shadow:0 22px 46px -46px rgba(15,19,25,.6);
}
.ls-filter-cot select,.ls-filter-cot input{
  width:100%;padding:12px 14px;border:1px solid #E1E8F1;border-radius:4px;background:#FCFDFE;
  font-family:'Inter',sans-serif;font-size:14px;color:#0F1319;
  transition:border-color .3s,box-shadow .3s,background .3s;
}
.ls-filter-cot select:focus,.ls-filter-cot input:focus{outline:none;border-color:#1668E3;background:#FFFFFF;box-shadow:0 0 0 3px rgba(22,104,227,.1)}
.ls-reset-cot{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:#7A8494;white-space:nowrap;transition:color .3s}
.ls-reset-cot:hover{color:#1668E3}

.ls-price-cot{font-family:'Archivo',sans-serif;font-weight:700;font-size:20px;letter-spacing:-.018em;color:#0F1319;margin:0 0 6px}
.ls-price-cot em{font-style:normal;font-weight:400;font-size:12.5px;color:#8892A4;margin-left:6px}
.ls-addr-cot{display:flex;align-items:flex-start;gap:8px;margin:0 0 14px;font-size:13.5px;color:#7A8494;line-height:1.5}
.ls-addr-cot i{color:#1668E3;font-size:12px;margin-top:4px}
.ls-specs-cot{display:flex;flex-wrap:wrap;gap:16px;margin:0 0 4px;padding-top:14px;border-top:1px solid #EDF1F7}
.ls-specs-cot span{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:#3A4250}
.ls-specs-cot i{color:#1668E3;font-size:12px}

/* single listing */
.lsx-grid-cot{display:grid;grid-template-columns:1.45fr .85fr;gap:clamp(30px,4vw,56px);align-items:start}
.lsx-hero-cot{position:relative;overflow:hidden;background:#0F1319;box-shadow:0 38px 76px -52px rgba(15,19,25,.75)}
.lsx-hero-cot img{width:100%;aspect-ratio:16/10;object-fit:cover}
.lsx-thumbs-cot{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:10px}
.lsx-thumbs-cot img{width:100%;aspect-ratio:4/3;object-fit:cover;cursor:pointer;transition:opacity .3s,transform .5s cubic-bezier(.22,1,.36,1)}
.lsx-thumbs-cot img:hover{opacity:.82;transform:translateY(-2px)}
.lsx-facts-cot{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#E4EAF2;border:1px solid #E4EAF2;margin:clamp(26px,3vw,38px) 0}
.lsx-facts-cot div{background:#FFFFFF;padding:18px 20px}
.lsx-facts-cot b{display:block;font-family:'Archivo',sans-serif;font-size:10.5px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#8892A4;margin-bottom:5px}
.lsx-facts-cot span{font-family:'Archivo',sans-serif;font-weight:600;font-size:16px;color:#0F1319}
.lsx-body-cot{color:#4E5766;font-size:15.5px;line-height:1.78}
.lsx-body-cot h2,.lsx-body-cot h3{font-family:'Archivo',sans-serif;color:#0F1319;letter-spacing:-.018em;margin:32px 0 12px}
.lsx-body-cot ul,.lsx-body-cot ol{padding-left:20px;margin:0 0 18px}
.lsx-body-cot li{margin-bottom:8px}
.lsx-side-cot{position:sticky;top:104px;background:#FFFFFF;border:1px solid #E4EAF2;padding:clamp(24px,2.6vw,32px);box-shadow:0 34px 70px -56px rgba(15,19,25,.6)}
.lsx-side-cot .ls-price-cot{font-size:26px}
.lsx-agent-cot{display:flex;align-items:center;gap:14px;margin:22px 0;padding:18px 0;border-top:1px solid #EDF1F7;border-bottom:1px solid #EDF1F7}
.lsx-agent-cot img{width:56px;height:56px;border-radius:50%;object-fit:cover;object-position:center 18%;flex-shrink:0}
.lsx-agent-cot b{display:block;font-family:'Archivo',sans-serif;font-weight:700;font-size:15px}
.lsx-agent-cot em{display:block;font-style:normal;font-size:12px;color:#8892A4;letter-spacing:.14em;text-transform:uppercase;margin-top:3px}
.lsx-side-cot .btn-cot{width:100%;justify-content:center;margin-bottom:10px}
.lsx-side-cot .btn-line-cot{width:100%;justify-content:center}

/* ---------- VIDEOS ---------- */
.vg-card-cot{cursor:pointer}
.vg-card-cot .card-media-cot::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,19,25,.1) 0%,rgba(15,19,25,.56) 100%);pointer-events:none}
.vg-play-cot{position:absolute;inset:0;z-index:3;display:grid;place-items:center;pointer-events:none}
.vg-play-cot i{
  width:54px;height:54px;border-radius:50%;display:grid;place-items:center;
  background:#FFFFFF;color:#1668E3;font-size:17px;padding-left:4px;
  box-shadow:0 16px 40px -16px rgba(15,19,25,.9);
  transition:transform .45s cubic-bezier(.22,1,.36,1),background .3s,color .3s;
}
.vg-card-cot:hover .vg-play-cot i{transform:scale(1.09);background:#1668E3;color:#FFFFFF}

/* ---------- BLOG ---------- */
.post-body-cot{color:#3A4250;font-size:16.5px;line-height:1.82}
.post-body-cot > *:first-child{margin-top:0}
.post-body-cot h2{font-family:'Archivo',sans-serif;font-weight:700;font-size:28px;letter-spacing:-.022em;color:#0F1319;margin:40px 0 14px}
.post-body-cot h3{font-family:'Archivo',sans-serif;font-weight:600;font-size:21px;letter-spacing:-.016em;color:#0F1319;margin:32px 0 12px}
.post-body-cot p{margin:0 0 20px}
.post-body-cot a{color:#1668E3;text-decoration:underline;text-underline-offset:3px}
.post-body-cot ul,.post-body-cot ol{padding-left:22px;margin:0 0 20px}
.post-body-cot li{margin-bottom:9px}
.post-body-cot img{margin:26px 0}
.post-body-cot blockquote{margin:28px 0;padding:4px 0 4px 22px;border-left:3px solid #1668E3;font-family:'Archivo',sans-serif;font-size:18px;font-weight:500;color:#0F1319;line-height:1.55}
.post-body-cot code{background:#F6F9FC;border:1px solid #E4EAF2;padding:2px 6px;font-size:14px}
.post-body-cot table{width:100%;border-collapse:collapse;margin:26px 0;font-size:14.5px}
.post-body-cot th,.post-body-cot td{border:1px solid #E4EAF2;padding:12px 14px;text-align:left}
.post-body-cot th{background:#F6F9FC;font-family:'Archivo',sans-serif;font-weight:600}
.post-meta-cot{display:flex;flex-wrap:wrap;align-items:center;gap:16px;font-size:13px;color:#8892A4;margin:0 0 8px}
.post-meta-cot span{display:inline-flex;align-items:center;gap:7px}
.post-meta-cot i{color:#1668E3;font-size:11px}
.post-wrap-cot{max-width:800px;margin-inline:auto}
.post-share-cot{display:flex;align-items:center;gap:10px;margin-top:44px;padding-top:26px;border-top:1px solid #E4EAF2}
.post-share-cot b{font-family:'Archivo',sans-serif;font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#8892A4;margin-right:4px}
.post-share-cot a{
  width:38px;height:38px;border-radius:8px;display:grid;place-items:center;
  background:#FFFFFF;border:1px solid #E4EAF2;color:#3A4250;font-size:13px;
  transition:transform .4s cubic-bezier(.22,1,.36,1),background .3s,color .3s,border-color .3s;
}
.post-share-cot a:hover{transform:translateY(-3px);background:#1668E3;border-color:#1668E3;color:#FFFFFF}

/* ---------- PAGINATION ---------- */
.pag-cot{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:clamp(40px,4.6vw,64px)}
.pag-cot .page-numbers{
  min-width:42px;height:42px;padding:0 12px;display:inline-grid;place-items:center;
  border:1px solid #E4EAF2;background:#FFFFFF;color:#3A4250;
  font-family:'Archivo',sans-serif;font-weight:600;font-size:13.5px;
  transition:background .3s,color .3s,border-color .3s,transform .4s cubic-bezier(.22,1,.36,1);
}
.pag-cot .page-numbers:hover{border-color:#1668E3;color:#1668E3;transform:translateY(-2px)}
.pag-cot .page-numbers.current{background:#1668E3;border-color:#1668E3;color:#FFFFFF}
.pag-cot .dots{border-color:transparent;background:transparent}

/* ---------- EMPTY STATE + 404 ---------- */
.empty-cot{text-align:center;padding:clamp(50px,6vw,84px) 24px;background:#FFFFFF;border:1px dashed #D5E1F2}
.empty-cot i{font-size:30px;color:#BCCCE0;margin-bottom:18px;display:block}
.empty-cot h3{font-family:'Archivo',sans-serif;font-weight:600;font-size:19px;margin:0 0 10px}
.empty-cot p{margin:0 0 22px;color:#7A8494;font-size:14.5px}
.e404-cot{text-align:center;max-width:620px;margin-inline:auto}
.e404-num-cot{font-family:'Archivo',sans-serif;font-weight:700;font-size:clamp(90px,16vw,180px);line-height:1;letter-spacing:-.05em;color:#EAF2FE;margin:0}
.e404-cot h1{margin:-14px 0 14px}
.e404-cot p{color:#4E5766;font-size:15.5px;margin:0 0 30px}
.e404-acts-cot{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}

/* ---------- SEARCH FORM ---------- */
.sf-cot{display:flex;gap:10px;max-width:520px;margin-inline:auto}
.sf-cot input{
  flex:1;padding:14px 16px;border:1px solid #E1E8F1;border-radius:4px;background:#FFFFFF;
  font-family:'Inter',sans-serif;font-size:14.5px;color:#0F1319;
  transition:border-color .3s,box-shadow .3s;
}
.sf-cot input:focus{outline:none;border-color:#1668E3;box-shadow:0 0 0 3px rgba(22,104,227,.1)}

/* ---------- RELATED ---------- */
.rel-cot{border-top:1px solid #E4EAF2;padding-top:clamp(40px,4.6vw,64px);margin-top:clamp(46px,5vw,72px)}
.rel-cot h2{margin:0 0 clamp(24px,2.6vw,36px)}

/* ---------- WP CORE CLASSES ---------- */
.alignleft{float:left;margin:6px 26px 20px 0}
.alignright{float:right;margin:6px 0 20px 26px}
.aligncenter{margin-inline:auto;display:block}
.alignwide{width:min(1100px,94vw);margin-inline:auto}
.alignfull{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw)}
.wp-caption-text,figcaption{font-size:12.5px;color:#8892A4;text-align:center;margin-top:9px}
.screen-reader-text{
  border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;overflow:hidden;
  padding:0;position:absolute!important;width:1px;word-wrap:normal!important;
}
.skip-cot{
  position:absolute;left:-9999px;top:0;z-index:300;padding:14px 22px;background:#1668E3;color:#FFFFFF;
  font-family:'Archivo',sans-serif;font-weight:600;font-size:13px;
}
.skip-cot:focus{left:8px;top:8px}

/* ---------- ADMIN BAR OFFSET ---------- */
.admin-bar .hdr-cot{top:32px}
.admin-bar .mnav-cot{top:120px}
.admin-bar .hdr-cot.stuck-cot ~ .mnav-cot{top:104px}
@media (max-width:782px){
  .admin-bar .hdr-cot{top:46px}
  .admin-bar .mnav-cot{top:134px}
  .admin-bar .hdr-cot.stuck-cot ~ .mnav-cot{top:118px}
}

/* ---------- RESPONSIVE ---------- */
@media (max-width:1080px){
  .grid-cot{grid-template-columns:repeat(2,1fr)}
  .lsx-grid-cot{grid-template-columns:1fr}
  .lsx-side-cot{position:static}
  .ls-filter-cot{grid-template-columns:repeat(2,1fr)}
  .ls-reset-cot{grid-column:1 / -1;justify-content:center}
}
@media (max-width:760px){
  .grid-cot,.grid-2-cot{grid-template-columns:1fr}
  .phero-cot{min-height:clamp(300px,40vh,360px);clip-path:polygon(0 0,100% 0,100% 95%,54% 100%,0 98%)}
  .phero-in-cot{padding:clamp(132px,20vh,160px) 0 clamp(46px,7vh,62px)}
  .ls-filter-cot{grid-template-columns:1fr}
  .lsx-facts-cot{grid-template-columns:1fr}
  .lsx-thumbs-cot{grid-template-columns:repeat(3,1fr)}
  .post-body-cot{font-size:16px}
  .post-body-cot h2{font-size:24px}
  .alignleft,.alignright{float:none;margin:20px 0}
}

/* ---------- EXTERNAL TOOL LINK (PropNex valuation) ---------- */
.ct-tool-cot{
  display:flex;align-items:center;gap:13px;width:100%;margin:0 0 22px;padding:14px 16px;
  border:1px dashed #C9DBF5;background:#FFFFFF;border-radius:4px;color:#0F1319;
  transition:border-color .3s,background .3s,transform .4s cubic-bezier(.22,1,.36,1);
}
.ct-tool-cot:hover{border-color:#1668E3;background:#EAF2FE;transform:translateY(-2px)}
.ct-tool-cot > i:first-child{
  width:34px;height:34px;flex-shrink:0;border-radius:6px;display:grid;place-items:center;
  background:#EAF2FE;color:#1668E3;font-size:13px;
  transition:background .3s,color .3s;
}
.ct-tool-cot:hover > i:first-child{background:#1668E3;color:#FFFFFF}
.ct-tool-cot > i:last-child{font-size:11px;color:#8892A4}
.ct-tool-cot span{flex:1;line-height:1.3}
.ct-tool-cot b{display:block;font-family:'Archivo',sans-serif;font-weight:600;font-size:13.5px}
.ct-tool-cot em{display:block;font-style:normal;font-size:12px;color:#7A8494;margin-top:3px}
