/*
 * custom.css
 * Qui puoi mettere le tue modifiche personali e override di stile
 * senza toccare subito style.css. Così non facciamo confusione.
 */
 /* Aumentiamo la dimensione del badge/logo */
 /* Desktop */
 .logo-badge {
   width: 72px;
   height: 72px;
 }

 /* Mobile */
 @media (max-width: 600px) {
   .logo-badge {
     width: 56px;
     height: 56px;
   }
 }

 .logo {
  align-items: center; /* Mantiene testo e logo allineati centralmente */
  gap: 16px; /* aumenta leggermente lo spazio fra logo e testo */
}

.menu-telegram {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 14px;
  border-radius: 10px;
  background: rgba(42, 171, 238, 0.18);
  border: 1px solid rgba(42, 171, 238, 0.35);
  color: #4cc7ff !important;
  font-weight: 600;
  font-size: 14px;
  text-decoration: none;
  transition: 0.15s ease-in-out;
  margin-left: 12px;
}

.menu-telegram:hover {
  background: rgba(42, 171, 238, 0.35);
  border-color: rgba(42, 171, 238, 0.6);
  color: #ffffff !important;
}

.menu-telegram .icon {
  font-size: 17px;
}
@media (max-width: 600px) {
  .menu-telegram {
    margin-left: 0;
    margin-top: 8px;
    width: fit-content;
  }
}


.product-category-badge {
  display: inline-block;
  margin-bottom: 4px;
  padding: 3px 9px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  font-size: 11px;
  color: var(--muted);
  background: rgba(255, 255, 255, 0.03);
}

/* --- BASE STYLE PER TUTTE LE CHIPS --- */
.chip {
  display: inline-flex;
  align-items: center;
  padding: 6px 14px;
  border-radius: 16px;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  color: #fff !important;
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.15);
  transition: 0.2s ease;
  user-select: none;
}

.chip:hover {
  background: rgba(255,255,255,0.12);
}

/* --- VERSIONE "ATTIVA" GENERICA (fallback) --- */
.chip-primary {
  background: #ffcc33 !important;
  color: #000 !important;
  border-color: #ffcc33 !important;
}

/* --- COLORI PER CATEGORIA (tema scuro) --- */

/* AUDIO */
.chip[data-category="audio"] {
  border-color: #7d5cff;
  color: #d9d1ff !important;
}
.chip[data-category="audio"].chip-primary {
  background-color: #a48aff !important;
  color: #000 !important;
}

/* TV-MONITOR */
.chip[data-category="tv-monitor"] {
  border-color: #ff7b00;
  color: #ffd5b3 !important;
}
.chip[data-category="tv-monitor"].chip-primary {
  background-color: #ffa74d !important;
  color: #000 !important;
}

/* CASA-PULIZIA */
.chip[data-category="casa-pulizia"] {
  border-color: #2ec9c1;
  color: #baf2ee !important;
}
.chip[data-category="casa-pulizia"].chip-primary {
  background-color: #70e5dc !important;
  color: #000 !important;
}

/* ANIMALI */
.chip[data-category="animali"] {
  border-color: #77d871;
  color: #d6f7d4 !important;
}
.chip[data-category="animali"].chip-primary {
  background-color: #a3e9a0 !important;
  color: #000 !important;
}

/* PRIMA INFANZIA */
.chip[data-category="prima-infanzia"] {
  border-color: #ff55ad;
  color: #ffd0e8 !important;
}
.chip[data-category="prima-infanzia"].chip-primary {
  background-color: #ff8cc7 !important;
  color: #000 !important;
}

/* DEFAULT (OFFERTE LAMPO) */
.chip[data-category=""] {
  border-color: #ffcc33;
  color: #fff1b8 !important;
}
.chip[data-category=""].chip-primary {
  background-color: #ffe07a !important;
  color: #000 !important;
}