/* ── WHM4U — recherche de domaine ── */
.whm4u-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.whm4u-hp{position:absolute;left:-9999px;top:-9999px}

/* Champ de recherche */
.whm4u-search{display:flex;align-items:center;gap:0;background:#fff;border-radius:16px;padding:6px;box-shadow:0 12px 40px rgba(15,23,42,.18);max-width:640px;width:100%;margin:0 auto;position:relative;z-index:1}
.whm4u-search-www{padding:0 4px 0 14px;font-size:.95rem;color:#94a3b8;font-weight:600;user-select:none}
.whm4u-search input[type="text"]{flex:1;min-width:0;border:0;outline:0;background:transparent;font-size:1.05rem;font-weight:600;color:#0f172a;padding:12px 8px}
.whm4u-search input[type="text"]::placeholder{color:#cbd5e1;font-weight:500}
.whm4u-search button{display:inline-flex;align-items:center;gap:8px;border:0;cursor:pointer;background:var(--grad);color:#fff;font-weight:700;font-size:.92rem;padding:12px 22px;border-radius:12px;transition:opacity .2s,transform .2s;white-space:nowrap}
.whm4u-search button:hover{opacity:.92;transform:translateY(-1px)}
.whm4u-search button:disabled{opacity:.6;cursor:wait;transform:none}
.whm4u-search.is-loading button svg{animation:whm4u-spin 1s linear infinite}
@keyframes whm4u-spin{to{transform:rotate(360deg)}}

/* Variante encart (hero /hebergement) */
.whm4u-search--compact{margin:0 0 1.6rem;max-width:520px;box-shadow:0 8px 30px rgba(15,23,42,.2)}
.whm4u-search--compact input[type="text"]{font-size:.95rem;padding:10px 6px}
.whm4u-search--compact button{padding:10px 18px;font-size:.85rem}

/* Hero /domaines */
.whm4u-hero{padding-bottom:90px}
.whm4u-hero-inner{max-width:820px;margin:0 auto;position:relative;z-index:1}
.whm4u-hero-inner > p{margin-bottom:2rem}
.whm4u-tld-strip{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:1.2rem;position:relative;z-index:1}
.whm4u-tld-strip span{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.25);color:#fff;font-weight:700;font-size:.78rem;padding:4px 12px;border-radius:50px}

/* Résultats */
.whm4u-main{background:var(--gray-bg);padding:50px 5% 90px}
.whm4u-inner{max-width:900px;margin:0 auto}
.whm4u-status{font-family:'Montserrat',sans-serif;font-weight:700;font-size:1rem;color:#0f172a;margin-bottom:1rem;min-height:1.4em}
.whm4u-status.is-error{color:#b91c1c}
.whm4u-notice{background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;border-radius:12px;padding:12px 16px;font-size:.86rem;margin-bottom:1rem}
.whm4u-results{list-style:none;padding:0;margin:0 0 3rem;display:flex;flex-direction:column;gap:.7rem}
.whm4u-result{display:grid;grid-template-columns:1fr auto;grid-template-areas:"name badge" "price actions";align-items:center;gap:.5rem 1rem;background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;padding:18px 22px;transition:box-shadow .2s}
.whm4u-result:hover{box-shadow:0 8px 28px rgba(31,108,192,.1)}
.whm4u-result.is-exact{border-color:var(--blue);box-shadow:0 6px 30px rgba(31,108,192,.14)}
.whm4u-result.is-taken{background:#fafbfc}
.whm4u-result-name{grid-area:name;font-family:'Montserrat',sans-serif;font-weight:800;font-size:1.15rem;color:#0f172a;word-break:break-all}
.whm4u-result.is-taken .whm4u-result-name{color:#94a3b8}
.whm4u-result-tld{color:var(--blue)}
.whm4u-result.is-taken .whm4u-result-tld{color:#94a3b8}
.whm4u-result-price{grid-area:price;font-size:.84rem;color:var(--gray-text)}
.whm4u-result-actions{grid-area:actions;display:flex;gap:.5rem;justify-content:flex-end;flex-wrap:wrap}
.whm4u-badge{grid-area:badge;justify-self:end;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:5px 12px;border-radius:50px}
.whm4u-badge.is-available{background:#dcfce7;color:#15803d}
.whm4u-badge.is-premium{background:#fef3c7;color:#b45309}
.whm4u-badge.is-taken{background:#f1f5f9;color:#64748b}
.whm4u-badge.is-unknown{background:#e0f2fe;color:#0369a1}
.whm4u-badge.is-error{background:#fee2e2;color:#b91c1c}

.whm4u-btn{display:inline-flex;align-items:center;padding:9px 16px;border-radius:10px;font-weight:700;font-size:.82rem;text-decoration:none;transition:all .2s;white-space:nowrap}
.whm4u-btn-wa{background:#25D366;color:#fff}
.whm4u-btn-wa:hover{background:#1ebe5a;color:#fff}
.whm4u-btn-outline{border:2px solid var(--blue);color:var(--blue);background:transparent;padding:7px 14px}
.whm4u-btn-outline:hover{background:var(--blue);color:#fff}

/* Bloc d'aide */
.whm4u-help{padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
.whm4u-help-card{background:#fff;border-radius:16px;padding:22px;border:1px solid #e2e8f0}
.whm4u-help-card h2{font-family:'Montserrat',sans-serif;font-weight:700;font-size:.95rem;color:#0f172a;margin:0 0 .5rem}
.whm4u-help-card p{font-size:.84rem;color:var(--gray-text);line-height:1.6;margin:0 0 .6rem}
.whm4u-help-card a{font-size:.84rem;font-weight:700;color:var(--blue);text-decoration:none}
.whm4u-help-card a:hover{text-decoration:underline}

@media(max-width:860px){.whm4u-help{grid-template-columns:1fr}}
@media(max-width:600px){
  .whm4u-search{flex-wrap:wrap;padding:8px}
  .whm4u-search-www{display:none}
  .whm4u-search input[type="text"]{flex-basis:100%;padding:10px 8px}
  .whm4u-search button{width:100%;justify-content:center}
  .whm4u-result{grid-template-columns:1fr;grid-template-areas:"name" "badge" "price" "actions";padding:16px}
  .whm4u-badge{justify-self:start}
  .whm4u-result-actions{justify-content:stretch}
  .whm4u-result-actions .whm4u-btn{flex:1;justify-content:center}
}