/* Stili plugin Salone CRM Viewer */



/* Evidenzia il box di debug import */
.salonecrm-debug-log {
    background: #fafafa;
    border: 1px solid #ddd;
    padding: 15px;
    margin: 20px 0;
    border-radius: 4px;
    font-family: Menlo, monospace;
  }
  

  /* container generale */
.company-list {
  width: 100%;
  margin: 0;
}

/* ogni riga = box con bordo */
.company-row {
  display: grid;
  grid-template-columns: 
    1.2fr   /* logo+nome */
    2.5fr   /* info contatti */
    1.2fr   /* categoria */
    1.2fr   /* collocazione */
    auto    /* azioni */
    ;
  align-items: center;
  gap: 1rem;
  padding: 1.25rem 1.5rem;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  margin-bottom: 16px;
}

/* rimuove bordo bottom nell’ultima riga se vuoi, altrimenti commenta */
.company-row:last-child {
  margin-bottom: 0;
}

/* colonne generiche */
.company-row .col {
  display: flex;
  flex-direction: column;
  row-gap: 0.25rem;
}

/* logo */
.company-row .logo img {
  max-height: 90px;
  object-fit: contain;
  max-width: 180px;
}


.company-row .logo {
  display: flex;
  flex-direction: column;
  row-gap: 0.25rem;
  /* justify-content: center; */
  align-items: center;
}


/* titolo azienda */
.company-row .info > h3 {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 500;
  color: #1a213e;
}

/* etichette “label” in maiuscolo, piccolo */
.company-row .label {
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #7a7f9a;
}

/* paragrafi standard */
.company-row p {
  margin: 0;
  font-size: 0.9375rem;
  line-height: 1.4;
  color: #495057;
}

/* colonna azioni: allineamento orizzontale */
.company-row .actions {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  row-gap: 0.5rem;
}

/* bottone DETTAGLI */
.company-row .btn.details {
  font-size: 0.875rem;
  font-weight: 600;
  padding: 0.5rem 1rem;
  border: 1px solid #1a213e;
  background: transparent;
  color: #1a213e;
  border-radius: 4px;
  text-decoration: none;
  transition: background 0.2s, color 0.2s;
}
.company-row .btn.details:hover {
  background: #1a213e;
  color: #fff;
}

/* link Aggiungi ai preferiti */
.company-row .btn.favorite {
  font-size: 0.875rem;
  color: #495057;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  column-gap: 0.25rem;
}
.company-row .btn.favorite span {
  width: 16px; height: 16px;
  stroke: #495057;
}
.company-row .btn.favorite:hover {
  color: #1a213e;
}
.company-row .btn.favorite:hover span {
  stroke: #1a213e;
}