/*
 * Atlasa — Recherche immobilière intuitive
 * V11.7 — Page-scoped premium hero.
 * Loaded only on template-property-search-hub.php.
 */

.search-hub--contextual{
  --csearch-wine:#1c2822;
  --csearch-wine-deep:#581704;
  --csearch-ink:#241c18;
  --csearch-muted:#746962;
  --csearch-paper:#fcfaf7;
  --csearch-sand:#efe5dc;
  --csearch-line:rgba(28,40,34,.14);
}

/* ---------- HERO ---------- */
.search-hub--contextual .contextual-search-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:clamp(62px,7vw,102px) 0 clamp(98px,9vw,132px);
  color:var(--csearch-ink);
  background:
    radial-gradient(circle at 91% 6%,rgba(28,40,34,.075) 0 1px,transparent 2px),
    linear-gradient(115deg,#fffefb 0%,#faf6f1 54%,#f3ebe4 100%);
  border-bottom:1px solid rgba(28,40,34,.11);
}

/* Fine architectural grid, barely visible. */
.search-hub--contextual .contextual-search-hero::after{
  content:"";
  position:absolute;
  z-index:-3;
  inset:0;
  opacity:.42;
  background-image:
    linear-gradient(rgba(28,40,34,.032) 1px,transparent 1px),
    linear-gradient(90deg,rgba(28,40,34,.026) 1px,transparent 1px);
  background-size:84px 84px;
  mask-image:linear-gradient(90deg,transparent 0,#000 24%,#000 100%);
  pointer-events:none;
}

/* Oversized monogram: decorative, not a second headline. */
.search-hub--contextual .contextual-search-hero::before{
  content:"C";
  position:absolute;
  z-index:-2;
  right:clamp(-46px,-2vw,-18px);
  top:50%;
  transform:translateY(-54%);
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(250px,32vw,520px);
  font-weight:400;
  line-height:.75;
  color:transparent;
  -webkit-text-stroke:1px rgba(28,40,34,.085);
  opacity:.95;
  pointer-events:none;
}

.search-hub--contextual .contextual-search-hero__inner{
  position:relative;
  z-index:1;
}

/* Editorial frame on the right side. */
.search-hub--contextual .contextual-search-hero__inner::after{
  content:"";
  position:absolute;
  z-index:-1;
  right:clamp(18px,3vw,42px);
  top:-24px;
  width:clamp(170px,24vw,320px);
  height:clamp(210px,28vw,360px);
  border-top:1px solid rgba(28,40,34,.18);
  border-right:1px solid rgba(28,40,34,.18);
  border-bottom:1px solid rgba(28,40,34,.08);
  pointer-events:none;
}
.search-hub--contextual .contextual-search-hero__inner::before{
  content:"";
  position:absolute;
  z-index:-1;
  right:clamp(9px,2vw,28px);
  top:-8px;
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--csearch-wine);
  box-shadow:0 0 0 7px rgba(28,40,34,.065);
  pointer-events:none;
}

.search-hub--contextual .contextual-search-hero__intro{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(260px,.58fr);
  grid-template-areas:
    "eyebrow eyebrow"
    "title lead";
  column-gap:clamp(40px,6vw,86px);
  row-gap:20px;
  align-items:end;
  max-width:1180px;
  margin:0 auto 28px;
  padding:0 clamp(22px,3vw,42px);
}
.search-hub--contextual .contextual-search-hero__intro .eyebrow{
  grid-area:eyebrow;
  display:inline-flex;
  align-items:center;
  gap:12px;
  width:max-content;
  margin:0;
  color:var(--csearch-wine);
  font-size:10px;
  font-weight:800;
  letter-spacing:.2em;
  text-transform:uppercase;
}
.search-hub--contextual .contextual-search-hero__intro .eyebrow::before{
  content:"";
  width:34px;
  height:1px;
  background:var(--csearch-wine);
}
.search-hub--contextual .contextual-search-hero__intro h1{
  grid-area:title;
  max-width:760px;
  margin:0;
  color:var(--csearch-ink);
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(46px,5.35vw,74px);
  font-weight:400;
  line-height:.99;
  letter-spacing:-.045em;
  text-wrap:balance;
}
.search-hub--contextual .contextual-search-hero__lead{
  grid-area:lead;
  position:relative;
  max-width:390px;
  margin:0 0 5px;
  padding-left:21px;
  color:#675c56;
  font-size:14px;
  line-height:1.76;
}
.search-hub--contextual .contextual-search-hero__lead::before{
  content:"";
  position:absolute;
  left:0;
  top:.3em;
  bottom:.3em;
  width:1px;
  background:linear-gradient(180deg,var(--csearch-wine),rgba(28,40,34,.08));
}

/* ---------- BRAND SIGNATURE ---------- */
.search-hub--contextual .contextual-search-signature{
  display:grid;
  grid-template-columns:46px auto minmax(40px,1fr) auto;
  align-items:center;
  gap:13px;
  max-width:1180px;
  margin:0 auto 16px;
  padding:0 clamp(22px,3vw,42px);
}
.search-hub--contextual .contextual-search-signature__mark{
  display:grid;
  place-items:center;
  width:46px;
  height:46px;
  border:1px solid rgba(28,40,34,.2);
  background:rgba(255,255,255,.74);
  color:var(--csearch-wine);
  font-family:Georgia,'Times New Roman',serif;
  font-size:23px;
  box-shadow:0 8px 24px rgba(66,40,28,.05);
}
.search-hub--contextual .contextual-search-signature>div{display:flex;flex-direction:column;gap:2px}
.search-hub--contextual .contextual-search-signature strong{color:var(--csearch-ink);font-size:10px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.search-hub--contextual .contextual-search-signature small{color:#897d76;font-size:10px}
.search-hub--contextual .contextual-search-signature__line{height:1px;background:linear-gradient(90deg,rgba(28,40,34,.24),rgba(28,40,34,.05),transparent)}
.search-hub--contextual .contextual-search-signature em{color:#985845;font-size:9px;font-style:normal;font-weight:800;letter-spacing:.14em;text-transform:uppercase}

/* ---------- SEARCH SURFACE ---------- */
.search-hub--contextual .contextual-search-box{
  position:relative;
  max-width:1180px;
  margin:0 auto;
  padding:clamp(26px,3vw,38px) clamp(24px,3.6vw,50px) clamp(25px,3vw,38px);
  border:1px solid rgba(28,40,34,.13);
  border-radius:0;
  background:rgba(255,255,255,.965);
  box-shadow:0 24px 70px rgba(61,37,27,.10);
  transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease;
}
/* Fine accent corners — design without a colour slab. */
.search-hub--contextual .contextual-search-box::before,
.search-hub--contextual .contextual-search-box::after{
  content:"";
  position:absolute;
  pointer-events:none;
}
.search-hub--contextual .contextual-search-box::before{
  left:-1px;
  top:-1px;
  width:86px;
  height:3px;
  background:var(--csearch-wine);
}
.search-hub--contextual .contextual-search-box::after{
  right:18px;
  bottom:-8px;
  width:46px;
  height:46px;
  border-right:1px solid rgba(28,40,34,.17);
  border-bottom:1px solid rgba(28,40,34,.17);
}
.search-hub--contextual .contextual-search-box__topline{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  margin-bottom:18px;
}
.search-hub--contextual .contextual-search-box__mode>span{
  color:var(--csearch-ink);
  font-size:10px;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.search-hub--contextual .contextual-search-box__mode small{color:#82766f;font-size:11px}
.search-hub--contextual #atlasa-natural-search{
  display:block;
  width:100%;
  min-height:160px;
  padding:22px 0 26px;
  border:0;
  border-top:1px solid rgba(28,40,34,.085);
  border-bottom:1px solid rgba(28,40,34,.085);
  border-radius:0;
  outline:0;
  background:transparent;
  resize:vertical;
  color:var(--csearch-ink);
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(25px,2.5vw,38px);
  line-height:1.28;
  letter-spacing:-.025em;
}
.search-hub--contextual #atlasa-natural-search::placeholder{color:#b8aea8;opacity:1}
.search-hub--contextual .contextual-search-box__footer{padding-top:20px}

.search-hub--contextual .contextual-search-voice{
  min-width:218px;
  padding:6px 14px 6px 6px;
  border:1px solid rgba(28,40,34,.17);
  border-radius:999px;
  background:#f8f0eb;
  color:var(--csearch-wine);
  box-shadow:none;
}
.search-hub--contextual .contextual-search-voice:hover{border-color:rgba(28,40,34,.34);background:#f3e6df}
.search-hub--contextual .contextual-search-voice__icon{width:38px;height:38px;background:var(--csearch-wine);color:#fff}
.search-hub--contextual .contextual-search-voice.is-listening{background:var(--csearch-wine);border-color:var(--csearch-wine);color:#fff;box-shadow:0 10px 26px rgba(28,40,34,.18)}
.search-hub--contextual .contextual-search-box.is-listening{border-color:rgba(28,40,34,.34);box-shadow:0 28px 80px rgba(28,40,34,.14)}

/* ---------- CONTINUATION ---------- */
.search-hub--contextual .contextual-search-examples{
  max-width:1180px;
  margin:17px auto 0;
  border:1px solid rgba(28,40,34,.09);
  background:rgba(255,255,255,.5);
}
.search-hub--contextual .contextual-search-examples>span,
.search-hub--contextual .contextual-search-examples button{padding:13px 15px}
.search-hub--contextual .contextual-search-trust{
  max-width:1180px;
  margin:19px auto 0;
  border-top:1px solid rgba(28,40,34,.09);
  border-bottom:0;
}
.search-hub--contextual .contextual-search-trust>div{padding-top:18px;padding-bottom:2px}

@media(max-width:1050px){
  .search-hub--contextual .contextual-search-hero__intro{
    grid-template-columns:1fr;
    grid-template-areas:"eyebrow" "title" "lead";
    gap:18px;
  }
  .search-hub--contextual .contextual-search-hero__lead{max-width:680px}
  .search-hub--contextual .contextual-search-hero__inner::after{opacity:.55}
}

@media(max-width:720px){
  .search-hub--contextual .contextual-search-hero{padding:46px 0 72px}
  .search-hub--contextual .contextual-search-hero::before{
    right:-48px;
    top:42%;
    font-size:230px;
    -webkit-text-stroke-color:rgba(28,40,34,.065);
  }
  .search-hub--contextual .contextual-search-hero::after{background-size:56px 56px;opacity:.28}
  .search-hub--contextual .contextual-search-hero__inner::after{
    right:14px;
    top:-10px;
    width:110px;
    height:150px;
    opacity:.7;
  }
  .search-hub--contextual .contextual-search-hero__inner::before{right:10px;top:2px}
  .search-hub--contextual .contextual-search-hero__intro,
  .search-hub--contextual .contextual-search-signature,
  .search-hub--contextual .contextual-search-box,
  .search-hub--contextual .contextual-search-examples,
  .search-hub--contextual .contextual-search-trust{
    margin-left:14px;
    margin-right:14px;
    padding-left:0;
    padding-right:0;
  }
  .search-hub--contextual .contextual-search-hero__intro h1{font-size:clamp(39px,10.5vw,51px);line-height:1.01}
  .search-hub--contextual .contextual-search-hero__lead{padding-left:15px;font-size:14px;line-height:1.7}
  .search-hub--contextual .contextual-search-signature{grid-template-columns:40px auto 1fr;margin-bottom:13px}
  .search-hub--contextual .contextual-search-signature__mark{width:40px;height:40px}
  .search-hub--contextual .contextual-search-signature em{display:none}
  .search-hub--contextual .contextual-search-box{padding:20px 17px 20px}
  .search-hub--contextual .contextual-search-box::after{right:10px;bottom:-5px;width:30px;height:30px}
  .search-hub--contextual .contextual-search-box__topline{align-items:flex-start;flex-direction:column}
  .search-hub--contextual .contextual-search-voice,
  .search-hub--contextual .contextual-search-voice.is-listening{width:100%;min-width:0}
  .search-hub--contextual #atlasa-natural-search{min-height:140px;padding:18px 0 22px;font-size:27px}
}