/* Wrapper del titolo (nome + dropdown) */
.pbp-title-area {
    margin-top: 0px !important;
  margin-bottom: 0px !important;
  text-align: center !important;
}

.pbp-title-area .pbp-product-name {
  display: inline-block !important;
}

/* Reset link styling nel titolo prodotto */
.pbp-title-area .pbp-product-name a {
  display: block !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  color: inherit !important;
  text-decoration: none !important;
  font: inherit !important;
  line-height: 1.8 !important;
  cursor: pointer !important;
}

/* Se vuoi un hover diverso, per esempio un leggero sottolineato */
.pbp-title-area .pbp-product-name a:hover {
  text-decoration: underline !important;
}




/* H3 che contiene nome + select */
.pbp-product-name {
  font-size: 1.2em !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #3E4756 !important;
  white-space: normal !important;
  overflow-wrap: break-word !important;
}

/* Separatore “, ” inline */
.pbp-attr-sep {
  /* nessuno stile aggiuntivo */
}

/* Stile dei dropdown nel titolo */
.pbp-attr-dropdown {
  /* box model e reset altezza */
  box-sizing: content-box !important;
  min-height: 0 !important;
  height: auto !important;

  /* padding: 2px sopra/sotto, 6px a sinistra, 32px a destra (per freccetta) */
  padding: 1px 8px 2px 6px !important;
  line-height: 1.2 !important;

  /* aspetto generale */
  font: inherit !important;
  color: inherit !important;
  background-color: #f5f5f5 !important;
  border: none !important;
  border-radius: 8px !important;
  cursor: pointer !important;
  appearance: none !important;
  white-space: nowrap !important;
  overflow: visible !important;

  /* freccetta: piccola e ben distante dal testo */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg width='6' height='4' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0l3 4 3-4z' fill='currentColor'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 8px center !important;
  background-size: 10px 6px !important;
}

.pbp-attr-dropdown:hover {
  background-color: #e0e0e0 !important;
  color: #184c8a !important;
}

.pbp-attr-dropdown:focus {
  outline: none !important;
}