/* ============================================================
   HAUTE OPTIQUE — Etat vide des pages archive produit (categorie/etiquette/shop)
   Auto-contenu (le main.css du child theme ne charge pas en front, cf CLAUDE.md/HANDOFF §2) :
   redeclare ses propres tokens sous body.ho-archive-empty. Enqueue conditionnel
   dans inc/archive-empty-state.php (is_product_taxonomy() || is_shop()).
   ============================================================ */

/* Filtre inutile quand il n'y a aucun produit a filtrer */
body.ho-archive-empty .elementor-element-5c58051a,
body.ho-archive-empty .elementor-element-6b9bf295{
  display:none!important;
}

/* Carte "aucun produit", meme esprit que le panier vide (.ho-empty, assets/css/pages/_cart.css) */
body.ho-archive-empty .ho-ae-card{
  background:#FFFFFF;
  border:1px solid #E8E8E8;
  border-radius:14px;
  box-shadow:0 2px 16px rgba(0,0,0,.06);
  padding:56px 24px;
  text-align:center;
  max-width:560px;
  margin:40px auto;
}
body.ho-archive-empty .ho-ae-ic{
  width:74px;
  height:74px;
  border-radius:50%;
  background:#F2F2F2;
  color:#6B6B6B;
  display:grid;
  place-items:center;
  margin:0 auto 18px;
}
body.ho-archive-empty .ho-ae-card h2{
  font-size:20px;
  font-weight:600;
  margin:0 0 8px;
  color:#1A1A1A;
}
body.ho-archive-empty .ho-ae-card p{
  font-size:14px;
  color:#6B6B6B;
  margin:0 auto 24px;
  line-height:1.6;
  max-width:420px;
}
body.ho-archive-empty .ho-ae-btn,
body.ho-archive-empty .ho-ae-btn:link,
body.ho-archive-empty .ho-ae-btn:visited{
  display:inline-flex;
  align-items:center;
  gap:9px;
  background:#1A1A1A;
  color:#fff!important;
  border:0;
  border-radius:999px;
  padding:15px 30px;
  font-family:'Inter',-apple-system,BlinkMacSystemFont,"Segoe UI",Verdana,sans-serif;
  font-size:15px;
  font-weight:600;
  cursor:pointer;
  text-decoration:none;
  box-shadow:0 4px 18px rgba(0,0,0,.16);
  transition:background .2s ease-in-out;
}
body.ho-archive-empty .ho-ae-btn svg{color:#fff!important}
body.ho-archive-empty .ho-ae-btn svg path{stroke:#fff!important}
body.ho-archive-empty .ho-ae-btn:hover{background:#000}

@media(max-width:640px){
  body.ho-archive-empty .ho-ae-card{
    padding:40px 16px;
    margin:24px auto;
  }
}