/*
 * v2 — full-bleed hero with an editable background image (see
 * Widget_Hero_Search::render(); the image URL itself is applied as an
 * inline style from the Elementor MEDIA control, not hardcoded here).
 * .rusto-hero-search__media::after is the left-to-right dark fade: opaque
 * near the text-bearing left side, sheer on the right so the image stays
 * visible. Ported from class-hero-search-widget-v2/rusti-hero-search.css
 * with that one hardcoded background-image declaration removed.
 *
 * Contrast checked against WCAG AA at the darkest point of the fade
 * (~#050c12, i.e. rgba(5,12,18,.98) — where the heading/body text
 * actually sits, and the worst case regardless of what image is chosen,
 * since the fade is deliberately built to guarantee this): eyebrow
 * (#ff8175) ~8.1:1, heading highlight/accent (#ef4939) ~5.3:1 (large
 * bold text, needs only 3:1), subheading (#b7c0c9) ~10.8:1, stat label
 * (#89949f) on the stats panel's own background ~6.1:1, white CTA text
 * on its darker gradient stop (#cf382d) ~4.9:1 — all at or above AA.
 */
.rusto-hero-search{
  --accent:#ef4939;--text:#f5f7fa;--muted:#a1abb6;--shell:1480px;
  position:relative;isolation:isolate;overflow:hidden;min-height:clamp(620px,72vh,820px);
  color:var(--text);background:#071017;border:1px solid rgba(255,255,255,.06);
  border-radius:14px;box-shadow:0 28px 70px rgba(0,0,0,.26),inset 0 1px rgba(255,255,255,.03)
}
.rusto-hero-search__media,.rusto-hero-search__overlay{position:absolute;inset:0;pointer-events:none}
.rusto-hero-search__media{z-index:-3;background-position:center right;background-size:cover;background-repeat:no-repeat;transform:scale(1.015)}
.rusto-hero-search__media::after{
  content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,12,18,.98) 0%,rgba(5,12,18,.92) 30%,rgba(5,12,18,.62) 52%,rgba(5,12,18,.18) 76%,rgba(5,12,18,.16) 100%)
}
.rusto-hero-search__overlay{
  z-index:-2;background:linear-gradient(180deg,rgba(5,11,17,.16),rgba(5,11,17,.06) 52%,rgba(5,11,17,.88)),
  radial-gradient(circle at 72% 32%,rgba(239,73,57,.09),transparent 30rem)
}
.rusto-hero-search__inner{
  width:min(calc(100% - 72px),var(--shell));min-height:inherit;margin:auto;padding:clamp(54px,7vw,92px) 0 28px;
  display:flex;flex-direction:column;justify-content:space-between;gap:56px
}
.rusto-hero-search__content{max-width:820px}
.rusto-hero-search__eyebrow{margin:0 0 14px;color:#ff8175;font-size:.78rem;font-weight:850;text-transform:uppercase;letter-spacing:.13em}
.rusto-hero-search__heading{
  margin:0;max-width:820px;color:var(--text);font-size:clamp(3.1rem,7.4vw,6.8rem);line-height:.9;
  font-weight:950;letter-spacing:-.055em;text-transform:uppercase;text-wrap:balance;text-shadow:0 5px 24px rgba(0,0,0,.35)
}
.rusto-hero-search__heading span{display:block;color:var(--accent)}
.rusto-hero-search__subheading{margin:26px 0 0;max-width:650px;color:#b7c0c9;font-size:clamp(1rem,1.4vw,1.22rem);line-height:1.65}
.rusto-hero-search__form{margin-top:34px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;max-width:790px}
.rusto-hero-search__search{position:relative;display:block}
.rusto-hero-search__search-icon{position:absolute;left:18px;top:50%;width:22px;height:22px;fill:none;stroke:#84909c;stroke-width:1.8;transform:translateY(-50%);pointer-events:none}
.rusto-hero-search__search input{
  width:100%;height:62px;padding:0 20px 0 52px;color:var(--text);background:rgba(6,12,18,.76);
  backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.14);border-radius:11px;font:inherit;font-size:1rem;outline:none;
  box-shadow:inset 0 1px rgba(255,255,255,.03),0 12px 30px rgba(0,0,0,.12)
}
.rusto-hero-search__search input::placeholder{color:#7f8994}
.rusto-hero-search__search input:focus{border-color:rgba(239,73,57,.68);box-shadow:0 0 0 3px rgba(239,73,57,.11)}
.rusto-hero-search__cta{
  min-width:215px;height:62px;padding:0 24px;display:inline-flex;align-items:center;justify-content:center;gap:11px;color:#fff;
  background:linear-gradient(180deg,#f05242,#cf382d);border:1px solid rgba(255,122,106,.5);border-radius:11px;font:inherit;
  font-size:.96rem;font-weight:850;text-transform:uppercase;letter-spacing:.02em;cursor:pointer;
  box-shadow:inset 0 1px rgba(255,255,255,.12),0 14px 34px rgba(205,56,45,.23)
}
.rusto-hero-search__cta svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}
.rusto-hero-search__cta:hover{transform:translateY(-1px);background:linear-gradient(180deg,#fa5b4a,#dd4034)}
.rusto-hero-search__chips{margin-top:22px;display:flex;flex-wrap:wrap;gap:10px}
.rusto-hero-search__chip{
  min-height:43px;padding:0 17px;color:#e6ebef;background:rgba(6,12,18,.5);backdrop-filter:blur(8px);
  border:1px solid rgba(255,255,255,.18);border-radius:999px;font:inherit;font-size:.9rem;font-weight:720;cursor:pointer
}
.rusto-hero-search__chip:hover{color:#fff;background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.32)}
.rusto-hero-search__chip[aria-pressed="true"]{color:#fff;background:rgba(239,73,57,.18);border-color:rgba(239,73,57,.5)}
.rusto-hero-search__stats{
  width:100%;padding:20px 18px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));
  background:linear-gradient(180deg,rgba(12,20,28,.84),rgba(8,15,21,.88));backdrop-filter:blur(14px);
  border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 18px 42px rgba(0,0,0,.22)
}
.rusto-hero-search__stat{padding:4px 22px;display:flex;flex-direction:column;align-items:center;text-align:center;border-right:1px solid rgba(255,255,255,.07)}
.rusto-hero-search__stat:last-child{border-right:0}
.rusto-hero-search__stat strong{font-size:clamp(1.15rem,2.1vw,1.85rem);font-weight:850;font-variant-numeric:tabular-nums;white-space:nowrap}
.rusto-hero-search__stat span{margin-top:8px;color:#89949f;font-size:.7rem;font-weight:750;text-transform:uppercase;letter-spacing:.055em}
.rusto-hero-search :focus-visible{outline:2px solid #ff6556;outline-offset:3px}
.rusto-hero-search .screen-reader-text{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

@media(max-width:980px){
  .rusto-hero-search__inner{width:min(calc(100% - 44px),var(--shell))}
  .rusto-hero-search__stats{grid-template-columns:repeat(3,1fr);row-gap:18px}
}
@media(max-width:700px){
  .rusto-hero-search{min-height:auto;border-radius:10px}
  .rusto-hero-search__media::after{background:linear-gradient(180deg,rgba(5,12,18,.72),rgba(5,12,18,.74) 36%,rgba(5,12,18,.97))}
  .rusto-hero-search__inner{width:min(calc(100% - 28px),var(--shell));padding:46px 0 18px;gap:36px}
  .rusto-hero-search__heading{font-size:clamp(2.65rem,14vw,4.7rem)}
  .rusto-hero-search__form{grid-template-columns:1fr}
  .rusto-hero-search__search input,.rusto-hero-search__cta{height:56px}
  .rusto-hero-search__cta{width:100%;min-width:0}
  .rusto-hero-search__stats{grid-template-columns:repeat(2,1fr);padding:14px}
  .rusto-hero-search__stat:last-child{grid-column:1/-1}
}
