/* ===== Bloc Hero — Pilier Aides 2026 ===== */
.pa-hero{
  --navy:#1E2D3F; --orange:#F5A623; --orange-dk:#FF7A00;
  --off:#FAF9F6; --white:#FFFFFF; --gray:#6B7888; --green:#1FA868;
  --line:rgba(30,45,63,.10);
  background:linear-gradient(180deg,var(--off) 0%,var(--white) 100%);
  padding:40px 0 84px; overflow:hidden;
  font-family:'IBM Plex Sans',sans-serif; color:var(--navy);
}
.pa-hero .pa-wrap{max-width:1320px;margin:0 auto;padding:0 40px}
.pa-hero .pa-bc{font-size:13px;color:var(--gray);margin-bottom:46px}
.pa-hero .pa-bc a{color:var(--green);text-decoration:none}
.pa-hero .pa-bc a:hover{text-decoration:underline}
.pa-hero .pa-bc .sep{margin:0 .45rem;color:#B7C0CC}
.pa-hero .pa-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:64px;align-items:start}
.pa-hero .pa-kicker{font-size:14px;font-weight:600;color:var(--orange);letter-spacing:.01em;margin:0 0 18px}
.pa-hero .pa-h1{font-size:clamp(2.2rem,4.6vw,3.4rem);font-weight:800;line-height:1.08;letter-spacing:-.025em;margin:0 0 24px;max-width:16ch}
.pa-hero .pa-hl{position:relative;display:inline-block;white-space:nowrap;z-index:0}
.pa-hero .pa-hl::after{content:'';position:absolute;left:-2px;right:-2px;bottom:5px;height:14px;background:var(--orange);opacity:.30;border-radius:4px;z-index:-1}
.pa-hero .pa-sub{font-size:18px;line-height:1.62;color:var(--gray);margin:0 0 34px;max-width:54ch}
.pa-hero .pa-sub strong{color:var(--navy);font-weight:700}
.pa-hero .pa-cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-bottom:18px}
.pa-hero .pa-btn{display:inline-flex;align-items:center;gap:10px;background:var(--orange);color:#fff;font-weight:700;font-size:16px;padding:15px 28px;border-radius:12px;text-decoration:none;box-shadow:0 8px 22px rgba(245,166,35,.32);transition:background .25s,transform .2s,box-shadow .25s}
.pa-hero .pa-btn svg{transition:transform .25s cubic-bezier(.16,1,.3,1)}
.pa-hero .pa-btn:hover{background:var(--orange-dk);transform:translateY(-2px);box-shadow:0 12px 28px rgba(245,166,35,.4)}
.pa-hero .pa-btn:hover svg{transform:translateX(4px)}
.pa-hero .pa-meta{font-size:13px;color:var(--gray);font-weight:500}
.pa-hero .pa-upd{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--gray);margin:0}
.pa-hero .pa-upd svg{color:var(--orange);flex-shrink:0}
.pa-hero .pa-upd strong{color:var(--navy);font-weight:700}
.pa-hero .pa-rail{border-top:2px solid var(--navy);padding-top:6px}
.pa-hero .pa-stat{padding:22px 0;border-bottom:1px solid var(--line)}
.pa-hero .pa-stat:last-child{border-bottom:none}
.pa-hero .pa-stat-v{display:flex;align-items:baseline;gap:6px;font-size:40px;font-weight:800;letter-spacing:-.02em;color:var(--orange);line-height:1;font-variant-numeric:tabular-nums}
.pa-hero .pa-stat-u{font-size:15px;font-weight:600;color:var(--gray)}
.pa-hero .pa-stat-l{margin:10px 0 0;font-size:14px;line-height:1.5;color:var(--gray)}
.pa-hero .pa-stat-l b{color:var(--navy);font-weight:600}
@keyframes paUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.pa-hero .rv{opacity:0;animation:paUp .55s cubic-bezier(.16,1,.3,1) forwards}
.pa-hero .d1{animation-delay:.05s}.pa-hero .d2{animation-delay:.14s}.pa-hero .d3{animation-delay:.23s}.pa-hero .d4{animation-delay:.32s}
.pa-hero .pa-rail .pa-stat{opacity:0;animation:paUp .55s cubic-bezier(.16,1,.3,1) forwards}
.pa-hero .pa-rail .pa-stat:nth-child(1){animation-delay:.30s}
.pa-hero .pa-rail .pa-stat:nth-child(2){animation-delay:.40s}
.pa-hero .pa-rail .pa-stat:nth-child(3){animation-delay:.50s}
@media (min-width:901px){
  .pa-hero .pa-rail{border-left:1px solid var(--line);padding-left:56px;margin-left:-8px}
  .pa-hero .pa-grid{gap:48px}
}
@media (max-width:900px){
  .pa-hero .pa-wrap{padding:0 24px}
  .pa-hero .pa-grid{grid-template-columns:1fr;gap:44px}
  .pa-hero{padding:28px 0 60px}
  .pa-hero .pa-btn{width:100%;justify-content:center}
}
@media (prefers-reduced-motion:reduce){
  .pa-hero .rv,.pa-hero .pa-rail .pa-stat{animation:none;opacity:1;transform:none}
  .pa-hero .pa-btn,.pa-hero .pa-btn svg{transition:none}
}

/* ===== CTA adresse (autocomplete API Adresse data.gouv) ===== */
.pa-hero-form{display:flex;flex-direction:column;gap:14px;max-width:560px;margin-top:6px}
.pa-hero-input-wrap{position:relative;width:100%}
.pa-hero-input-icon{position:absolute;left:22px;top:50%;transform:translateY(-50%);width:22px;height:22px;color:var(--orange);pointer-events:none;z-index:2;display:flex;align-items:center;justify-content:center}
.pa-hero-input{width:100%;padding:18px 56px 18px 64px;font-family:inherit;font-size:1rem;font-weight:500;color:var(--navy);background:#fff;border:2px solid rgba(30,45,63,.14);border-radius:16px;outline:none;transition:border-color .2s,box-shadow .2s;line-height:1.4;text-overflow:ellipsis}
.pa-hero-input::placeholder{color:#9AA4B0;font-weight:400}
.pa-hero-input:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(245,166,35,.15)}
.pa-hero-input.is-error{border-color:#B43C3C;box-shadow:0 0 0 3px rgba(180,60,60,.15);animation:pa-shake .3s ease}
@keyframes pa-shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}
.pa-hero-input-loader{position:absolute;right:20px;top:50%;transform:translateY(-50%);width:18px;height:18px;border:2px solid rgba(245,166,35,.25);border-top-color:var(--orange);border-radius:50%;display:none;pointer-events:none;z-index:2}
.pa-hero-input-loader.is-loading{display:block;animation:pa-spin .7s linear infinite}
@keyframes pa-spin{to{transform:translateY(-50%) rotate(360deg)}}
.pa-hero-suggestions{position:absolute;top:calc(100% + 6px);left:0;right:0;max-height:320px;overflow-y:auto;background:#fff;border:1px solid rgba(30,45,63,.1);border-radius:16px;box-shadow:0 12px 32px rgba(30,45,63,.12);list-style:none;margin:0;padding:6px 0;z-index:100;display:none}
.pa-hero-suggestions.is-open{display:block}
.pa-hero-suggestions li{padding:12px 18px;cursor:pointer;transition:background .15s;display:flex;flex-direction:column;align-items:flex-start;gap:2px;list-style:none}
.pa-hero-suggestions li::before{content:none}
.pa-hero-suggestions li:hover,.pa-hero-suggestions li.is-active{background:var(--off)}
.pa-suggest-label{font-size:.94rem;color:var(--navy);font-weight:500;line-height:1.3}
.pa-suggest-context{font-size:.78rem;color:#9AA4B0;line-height:1.2}
.pa-hero-suggestions-empty{padding:16px 18px;font-size:.88rem;color:#9AA4B0;font-style:italic;text-align:center;list-style:none}
.pa-hero-cta-row{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.pa-hero-submit{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:17px 30px;background:var(--orange);color:#fff;font-family:inherit;font-size:1rem;font-weight:700;border:none;border-radius:12px;cursor:pointer;transition:background .2s,transform .2s,box-shadow .2s;box-shadow:0 8px 22px rgba(245,166,35,.32)}
.pa-hero-submit svg{transition:transform .25s cubic-bezier(.16,1,.3,1)}
.pa-hero-submit:hover{background:var(--orange-dk);transform:translateY(-2px);box-shadow:0 12px 28px rgba(245,166,35,.4)}
.pa-hero-submit:hover svg{transform:translateX(4px)}
.pa-hero-submit:focus-visible{outline:3px solid var(--orange-dk);outline-offset:3px}
.pa-hero-submit.is-pulsing{animation:pa-pulse .9s ease-out}
@keyframes pa-pulse{0%{transform:scale(1)}30%{transform:scale(1.04);box-shadow:0 12px 28px rgba(245,166,35,.55),0 0 0 6px rgba(245,166,35,.18)}100%{transform:scale(1)}}
@media (max-width:900px){.pa-hero-form{max-width:none}.pa-hero-submit{width:100%}}
@media (prefers-reduced-motion:reduce){.pa-hero-submit,.pa-hero-submit svg{transition:none}.pa-hero-submit.is-pulsing{animation:none}.pa-hero-input.is-error{animation:none}}

/* fix : padding input (le thème écrase le padding -> l'icône chevauchait) */
.pa-hero .pa-hero-input{padding:18px 56px 18px 64px !important;border-radius:16px !important}
