/* ==================================================
   STILI PER MOLI CLICCABILI - PORTO DI OLBIA
   ================================================== */

/* Stili per moli cliccabili solo per Olbia (port-id 77) */
[data-port-id="77"] .transiti-table .molo-clickable,[data-port-id="86"] .transiti-table .molo-clickable {
  color: #007bff !important;
 /* text-decoration: underline !important;*/
  cursor: pointer !important;
  font-weight: 500 !important;
  transition: all 0.2s ease !important;
  position: relative !important;
}

[data-port-id="77"] .transiti-table .molo-clickable:hover, [data-port-id="86"] .transiti-table .molo-clickable:hover {
  color: #0056b3 !important;
  text-decoration: none !important;
  background-color: rgba(0, 123, 255, 0.1) !important;
  border-radius: 3px !important;
  padding: 2px 4px !important;
  margin: -2px -4px !important;
}

[data-port-id="77"] .transiti-table .molo-clickable:before,
[data-port-id="86"] .transiti-table .molo-clickable:before {
  content: "" !important;
  display: inline-block !important;
  width: 18px !important;
  height: 18px !important;
  background-image: url('/modules/custom/tts_scheduler/images/map-icon.png') !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  margin-right: 4px !important;
  vertical-align: middle !important;
}

[data-port-id="77"] .transiti-table .molo-clickable:hover:after,[data-port-id="86"] .transiti-table .molo-clickable:hover:after {
  content: " (clicca per indicazioni)" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: -25px !important;
  transform: translateX(-50%) !important;
  background: rgba(0, 0, 0, 0.8) !important;
  color: white !important;
  padding: 4px 8px !important;
  border-radius: 4px !important;
  font-size: 11px !important;
  white-space: nowrap !important;
  z-index: 1000 !important;
  pointer-events: none !important;
}

/* Stili per altri porti (non cliccabili) */
[data-port-id="86"] .transiti-table td:last-child,
.transiti-table:not([data-port-id="77"]) td:last-child {
  color: #666 !important;
  font-weight: normal !important;
}

/* Responsive */
@media (max-width: 768px) {
  [data-port-id="77"] .transiti-table .molo-clickable:hover:after,[data-port-id="86"] .transiti-table .molo-clickable: hover:after {
    display: none !important;
  }

  [data-port-id="77"] .transiti-table .molo-clickable,[data-port-id="86"] .transiti-table .molo-clickable {
    padding: 4px 6px !important;
    margin: -4px -6px !important;
    border-radius: 4px !important;
  }
}