/* =========================================================
   Gestione Categorie v1.0 — Frontend CSS
   ========================================================= */

/* ---------------------------------------------------------
   Blocco prezzo prodotto
   --------------------------------------------------------- */
.gc-price-block{
  display:flex;gap:0;border:1px solid #e5e7eb;
  border-radius:10px;overflow:hidden;margin:12px 0 20px;font-family:inherit;
}

.gc-left{ flex:1;padding:18px 20px;background:#fff; }

.gc-badge{
  display:inline-flex;align-items:center;gap:7px;
  font-size:14px;font-weight:700;margin-bottom:12px;
}
.gc-dot{
  width:9px;height:9px;border-radius:50%;display:inline-block;
  animation:gc-pulse 2s infinite;
}
@keyframes gc-pulse{ 0%,100%{opacity:1} 50%{opacity:.4} }

.gc-how-title{
  font-size:11px;font-weight:700;text-transform:uppercase;
  letter-spacing:.08em;color:#6b7280;margin-bottom:10px;
}

.gc-steps{ list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px; }
.gc-step{ display:flex;align-items:flex-start;gap:10px;font-size:13.5px;color:#374151;line-height:1.4; }
.gc-step-n{ font-size:11px;font-weight:700;color:#9ca3af;flex-shrink:0;padding-top:1px;min-width:22px; }

.gc-right{
  width:210px;flex-shrink:0;padding:18px 16px;
  display:flex;flex-direction:column;gap:10px;
}

.gc-icon-row{ display:flex;gap:8px;margin-bottom:2px; }
.gc-icon-link{
  width:34px;height:34px;border-radius:50%;display:flex;align-items:center;
  justify-content:center;opacity:.85;transition:opacity .2s,transform .2s;
}
.gc-icon-link:hover{ opacity:1;transform:scale(1.1); }

.gc-side-text{ font-size:12px;line-height:1.55;margin:0;opacity:.9; }

.gc-cta-btn{
  display:block;text-align:center;padding:11px 14px;border-radius:7px;
  font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;
  text-decoration:none!important;cursor:pointer;border:none;
  transition:opacity .2s,transform .15s;width:100%;box-sizing:border-box;
}
.gc-cta-btn:hover{ opacity:.88;transform:translateY(-1px); }

.gc-chips{ display:flex;flex-wrap:wrap;gap:5px;margin-top:2px; }
.gc-chip{
  display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;
  padding:4px 9px;border-radius:20px;text-decoration:none!important;
  opacity:.88;transition:opacity .15s;border:1px solid rgba(255,255,255,.25);
}
.gc-chip:hover{ opacity:1; }

/* ---------------------------------------------------------
   Etichetta sostitutiva nel listing / categoria
   --------------------------------------------------------- */
.gc-listing-label{
  display:inline-block;padding:4px 10px;border-radius:4px;
  font-size:12px;font-weight:700;letter-spacing:.03em;
  text-decoration:none!important;white-space:nowrap;
  margin-top:4px;
}
.gc-listing-label:hover{ opacity:.85; }

/* ---------------------------------------------------------
   Responsive
   --------------------------------------------------------- */
@media(max-width:600px){
  .gc-price-block{ flex-direction:column; }
  .gc-right{ width:100%; }
}
