/* Componenti condivisi dal valutatore e dal modulo "Cerco uno smartphone".
 * Le correzioni comuni (Safari, ricerca, foto e accessibilità) vanno fatte qui. */
.tst-app *,
.tsw *{box-sizing:border-box}

.tst-app [hidden],
.tsw [hidden]{display:none!important}

.tst-app img,
.tsw img{max-width:100%}

/* Campi e menu: valore sempre leggibile anche su Safari/iOS e con temi invasivi. */
.tst-app .tst-field input,
.tst-app .tst-field select,
.tst-app .tst-field textarea,
.tsw .tsw-field input,
.tsw .tsw-field select,
.tsw .tsw-field textarea{
  width:100%;font-family:inherit;color:#101828!important;-webkit-text-fill-color:#101828!important;opacity:1!important
}
.tst-app .tst-field select,
.tst-app .tst-field select option,
.tsw .tsw-field select,
.tsw .tsw-field select option{color:#101828!important;-webkit-text-fill-color:#101828!important;opacity:1!important}
.tst-app .tst-field select,
.tsw .tsw-field select{
  -webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;
  text-indent:0!important;text-overflow:"";white-space:nowrap;overflow:hidden
}

/* Ricerca: testo, risultati e immagini condividono lo stesso comportamento. */
.tst-search-box input,
.tsw-search-box input{
  border:0!important;background:transparent!important;box-shadow:none!important;
  color:#101828!important;-webkit-text-fill-color:#101828!important;opacity:1!important
}
.tst-search-box input::placeholder,
.tsw-search-box input::placeholder{color:#8a94a3!important;-webkit-text-fill-color:#8a94a3!important;opacity:1}
.tst-search-results button,
.tst-search-results button strong,
.tsw-search-results button,
.tsw-search-results button strong{color:#101828!important;-webkit-text-fill-color:#101828!important}
.tst-search-thumb,
.tsw-search-results img,
.tsw-search-icon-thumb{width:48px!important;height:48px!important;object-fit:contain;flex-shrink:0}
.tst-search-loading,
.tsw-search-loading{display:flex;align-items:center;gap:10px;color:#5c6672}
.tst-search-spinner,
.tsw-spinner{border-radius:50%;flex-shrink:0;animation:tst-shared-spin .7s linear infinite}
@keyframes tst-shared-spin{to{transform:rotate(360deg)}}

/* Foto selezionata: dimensione identica nei due moduli, senza deformazioni. */
.tst-selected-photo,
.tsw-selected-device img{
  width:210px!important;height:210px!important;max-width:100%;object-fit:contain;border-radius:14px;background:#fff;flex-shrink:0
}

.tst-hp,
.tsw-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}

@media(max-width:720px){
  .tst-app .tst-field select,
  .tsw .tsw-field select{
    min-height:52px!important;line-height:1.25!important;padding:0 42px 0 14px!important;
    color:#101828!important;-webkit-text-fill-color:#101828!important;background-color:#f7f8fa!important
  }
}
@media(prefers-reduced-motion:reduce){
  .tst-search-spinner,.tsw-spinner{animation:none!important}
}