/* ==========================================================================
   SLZ7 V46.99 - Adicional "Itens layout personalizado"
   --------------------------------------------------------------------------
   CSS ESTRUTURAL do adicional. Tudo aqui vive DENTRO do escopo das classes
   body.slz7-il / body.slz7-il--card, que só entram na página do item quando o
   adicional está ligado em Personalizar > "Itens layout personalizado".
   Nenhuma regra existente do tema é alterada.

   Os VALORES (cores, medidas) chegam por variáveis geradas em
   inc/customizer/customizer-item-layout.php (barramento slz7_dynamic_css).
   Cada var() tem um fallback igual ao visual da imagem de referência
   (fundo branco + textos escuros), portanto o arquivo funciona sozinho.
   ========================================================================== */

/* ---------- 1. Topo do item: fundo claro e textos escuros ---------------- */
body.slz7-il .offer-hero{
  background:var(--il-bg,#ffffff);
  color:var(--il-text,#4b5563);
  border-bottom:var(--il-bd-w,1px) solid var(--il-bd,#e9ecf5);
}
body.slz7-il .offer-hero:before{background:none}
body.slz7-il .offer-hero h1{color:var(--il-title,#0f1123)}
body.slz7-il .offer-hero .badge,
body.slz7-il .offer-hero .badge a{color:var(--il-badge,#6b7280)}
body.slz7-il .offer-hero .offer-hero-sub{color:var(--il-text,#4b5563)}
body.slz7-il .offer-hero-meta,
body.slz7-il .offer-hero-meta .item,
body.slz7-il .offer-hero-meta a,
body.slz7-il .offer-hero-meta a.offer-hero-inst{color:var(--il-text,#4b5563)}
body.slz7-il .offer-hero-meta a.offer-hero-inst span{color:var(--il-title,#0f1123)}
body.slz7-il .offer-hero-meta a.offer-hero-inst:hover{background:transparent;opacity:.75}
body.slz7-il .offer-hero-meta .item i,
body.slz7-il .offer-hero .slz7-im i,
body.slz7-il .offer-hero .slz7-im__label{color:var(--il-icon,var(--c-accent))}
body.slz7-il .offer-hero-meta .stars,
body.slz7-il .offer-hero-meta .stars i{color:var(--il-stars,var(--c-accent))}
/* metatags do módulo item-meta dentro do topo claro */
body.slz7-il .offer-hero .slz7-im__value,
body.slz7-il .offer-hero .slz7-im__text{color:var(--il-text,#4b5563)}

/* ---------- 2. Título + metatags dentro de um cartão "estilo Descrição" -- */
body.slz7-il--card .offer-hero{background:var(--il-page-bg,#ffffff)}
body.slz7-il--card .offer-hero-inner{
  background:var(--il-card-bg,#ffffff);
  border:var(--il-card-bd-w,1px) solid var(--il-card-bd,#e9ecf5);
  border-radius:var(--il-card-radius,16px);
  padding:var(--il-card-pad,26px) calc(var(--il-card-pad,26px) + 2px);
  box-shadow:var(--il-card-shadow,none);
}