/* Fantahockey SFL CSS - VERSIONE PULITA E CORRETTA */

html, body {
  height: 100%;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  width: 100vw;
  font-family: 'Segoe UI', Arial, sans-serif;
  background: #fffde2;
  min-height: 100vh;
  overflow-x: hidden;
}
*, *::before, *::after {
  box-sizing: inherit;
}


/* ===========================
   HEADER FISSO IN ALTO
=========================== */
.fh-header {
  position: fixed;
  top: 0; left: 0; width: 100vw;
  height: 98px;
  background: linear-gradient(90deg, #ffe066 0%, #ffc700 100%);
  color: #222;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 32px;
  z-index: 100;
  box-shadow: 0 6px 24px -6px rgba(100,80,0,0.18), 0 2px 8px #e5e5e5;
}
.fh-logo {
  height: 70px;
  display: flex;
  align-items: center;
}
.fh-logo img {
  height: 70px;
}
.fh-menu {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 98px;
}
/* MENU ORIZZONTALE */
.fh-menu-list {
  list-style: none;
  display: flex;
  flex-direction: row;
  gap: 24px;
  padding: 0;
  margin: 0;
  align-items: center;
  height: 98px;
}
.fh-menu-list li {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
  height: 98px;
}
.fh-menu-list li a {
  display: flex;
  align-items: center;
  height: 98px;
  padding: 0 18px;
  text-decoration: none;
  color: #222;
  font-weight: 600;
  font-size: 1.17em;
  border-radius: 9px;
  transition: background 0.13s;
  letter-spacing: 0.03em;
}
.fh-menu-list li.current-menu-item a,
.fh-menu-list li a:hover {
  background: #ffe066bb;
  color: #000;
}
.fh-menu-list li:not(:last-child)::after {
  content: "|";
  margin: 0 10px;
  color: #b4a207;
  font-weight: bold;
  font-size: 1.2em;
  opacity: 0.5;
}
.fh-login {
  min-width: 140px;
  text-align: right;
}

/* ===========================
   TOP BAR: COUNTDOWN + LOGHI
=========================== */
.fh-top-bar {
  display: flex;
  align-items: center;
  background: #fff7c0;
  border-bottom: 2px solid #ffe066;
  padding: 9px 0 9px 0;
  position: fixed;
  top: 98px;
  left: 0;
  width: 100vw;
  z-index: 99;
  justify-content: center;
  gap: 28px;
}
.fh-countdown-bar {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 1.13em;
  font-weight: 600;
  color: #a18314;
  background: none;
}
.fh-countdown-label {
  margin-right: 6px;
  font-size: 1em;
  color: #d7a500;
}
.fh-countdown span {
  font-family: 'Segoe UI', Arial, sans-serif;
  font-size: 1em;
  color: #47350b;
  margin-right: 2px;
}
.fh-squadre-bar {
  display: flex;
  align-items: center;
  gap: 13px;
  background: transparent;
  border: none;
  overflow-x: auto;
  white-space: nowrap;
}
.fh-squadra-logo-link {
  display: inline-block;
  border-radius: 50%;
  padding: 0 2px;
  transition: transform 0.15s;
}
.fh-squadra-logo-link:hover {
  transform: scale(1.11) rotate(-2deg);
  background: #ffe06655;
}
.fh-squadra-logo {
  width: 60px;
  height: 60px;
  object-fit: cover;
  border-radius: 50%;
  box-shadow: 0 1px 6px #ffd20026;
  background: #fff;
  border: 2px solid #ffe066;
}

/* ===========================
   LAYOUT PRINCIPALE
=========================== */
.fh-main {
  position: fixed;
  top: 144px;
  left: 0;
  width: 100vw;
  height: calc(100vh - 144px);
  display: flex;
  flex-direction: column;
  background: none;
  overflow: hidden;
}
.fh-main-row {
  flex: 1 1 auto;
  display: flex;
  flex-direction: row;
  min-height: 0;
  min-width: 0;
}
.fh-sidebar {
  width: 320px;
  min-width: 0;
  height: 100%;
  overflow-y: auto;
  border-right: 2px solid #ffe06655;
  padding: 18px 0 18px 8px;
  background: none;
  display: flex;
  flex-direction: column;
  gap: 18px;
  box-shadow: 6px 0 24px -6px rgba(100,80,0,0.13), 2px 0 8px #ffe06644;
  z-index: 3;
}
.fh-sidebar-box {
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 2px 10px #ffe06633;
  padding: 16px 14px 14px 18px;
}
.fh-content {
  flex: 1 1 0;
  min-width: 0;
  height: 100%;
  overflow-y: auto;
  background: none;
  padding: 36px 28px 48px 28px;
}
.fh-footer {
  width: 100vw;
  background: #ffe066;
  color: #222;
  text-align: center;
  padding: 18px 0 16px 0;
  font-size: 1rem;
  box-shadow: 0 -6px 24px -6px rgba(100,80,0,0.15), 0 -2px 8px #ffe06655;
  margin: 0;
  position: relative;
  left: 0;
}

/* SIDEBAR TITLE */
.fh-sidebar-box h3 {
  color: #a18314;
  font-weight: 700;
  font-size: 1.15em;
  letter-spacing: 0.02em;
  margin-bottom: 10px;
  border-bottom: 2px solid #ffe066;
  display: inline-block;
  padding-bottom: 2px;
}

/* CLASSIFICA LOGHI E LISTA */
.fh-classifica-list img {
  background: #ffe066;
  border: 2px solid #fffbe6;
}
.fh-classifica-list li {
  transition: background 0.18s, box-shadow 0.18s;
}
.fh-classifica-list li:hover {
  background: #fffde2;
  box-shadow: 0 2px 12px #ffe06633;
}

/* NEWS DOT E LISTA */
.fh-news-dot {
  display:inline-block;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: linear-gradient(90deg, #ffe066 0%, #f8cd00 100%);
  box-shadow: 0 1px 5px #ffe06655;
  margin-right: 10px;
  margin-bottom: 1px;
  vertical-align: middle;
}

/* CLASSIFICA TABELLA */
.fh-classifica-tabella {
  overflow-x: auto;
  padding: 0 0 18px 0;
  margin-top: 18px;
}
.fh-classifica-tabella table {
  width: 100%;
  max-width: 540px !important;
  margin: 0 auto;
  border-collapse: collapse;
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 2px 18px #ffe06622;
  font-size: 1em;
}
.fh-classifica-tabella td,
.fh-classifica-tabella th {
  padding: 6px 2px !important;
}

.fh-classifica-tabella thead th {
  background: #fffbe0;
  color: #a18314;
  font-weight: 700;
  font-size: 1.08em;
  border-bottom: 2px solid #ffe066cc;
  padding: 10px 5px;
  text-align: center;
  letter-spacing: 0.03em;
}
.fh-classifica-tabella tbody tr {
  border-bottom: 1.5px solid #ccc;
  transition: background 0.16s;
}
.fh-classifica-tabella tbody tr:hover {
  background: #fff7ca;
}
.fh-classifica-tabella tbody tr:nth-child(4) {
  border-bottom: 3px solid #ffe066;
}
.fh-classifica-tabella tbody tr:nth-child(12) {
  border-bottom: 3px solid #222;
}
.fh-classifica-tabella td {
  padding: 6px 2px !important;
  text-align: center;
  font-size: 1em;
  vertical-align: middle;
  background: transparent;
}
.fh-classifica-tabella td:first-child {
  font-weight: 700;
  color: #bfa106;
}
.fh-classifica-tabella td img {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  margin-right: 5px;
  vertical-align: middle;
  background: #ffe066;
  box-shadow: 0 1px 6px #ffd20022;
}
.fh-classifica-tabella td:last-child {
  font-size: 1.14em;
  letter-spacing: 0.02em;
}

/* ======= ANDAMENTO ULTIME 5 ======= */
.fh-andamento-pallino {
  display: inline-block;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  margin: 0 2px;
  box-shadow: 0 1px 4px #9993;
  vertical-align: middle;
}
.fh-andamento-win   { background: #27d944; border: 1.5px solid #18b912; }
.fh-andamento-draw  { background: #ffd400; border: 1.5px solid #d0ab00; }
.fh-andamento-loss  { background: #eb4444; border: 1.5px solid #c12b2b; }

/* ===========================
   CARD GIOCATORE (MIA SQUADRA & AVVERSARI)
=========================== */
.fh-player-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
  width: 130px;
  min-width: 130px;
  max-width: 130px;
  border: 2px solid #ffe066;
  border-radius: 8px;
  background: #fff;
  transition: border .15s, background .15s, box-shadow .2s;
  box-shadow: 0 0 12px rgba(255, 224, 102, 0.3);
  padding: 8px 2px 10px 2px;
  font-family: 'Segoe UI', Arial, sans-serif;
  position: relative;
}
.fh-player-card.formazione {
  background: #d8ffd5 !important;
  border: 2px solid #18b912;
}
.fh-player-card.dif-card:not(.formazione) {
  border: 2px solid #1e7cff;
}
.fh-player-card.att-card:not(.formazione) {
  border: 2px solid #ff9933;
}
.fh-player-card:hover {
  box-shadow: 0 0 20px 0 #ffe06677;
}

.fh-player-card img {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  border: 1.8px solid #a18314;
  object-fit: cover;
  margin-bottom: 2px;
  background: #fff;
}

.fh-player-card > div:last-child {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.fh-player-nome {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  text-align: center;
  margin-bottom: 2px;
}
.fh-nome-solo {
  font-weight: 600;
  font-size: 1.06em;
  text-align: center;
  width: 100%;
}
.fh-cognome-solo {
  font-weight: 700;
  font-size: 1.14em;
  line-height: 1.02;
  text-align: center;
  width: 100%;
}
.fh-player-nome.straniero .fh-nome-solo,
.fh-player-nome.straniero .fh-cognome-solo {
  color: #c12b2b;
  font-weight: bold;
}

.fh-player-meta {
  font-size: 1em;
  color: #857319;
  margin-bottom: 1px;
  letter-spacing: 0.01em;
}
.fh-player-value {
  font-size: 1.04em;
  color: #b78d14;
  font-weight: 700;
  margin-bottom: 2px;
  letter-spacing: 0.01em;
}

/* Tasti Mia Squadra */
.fh-btn-formazione {
  background: #c4edaf;
  color: #234e0e;
  border-radius: 7px;
  padding: 6px 18px;
  font-weight: 600;
  cursor: pointer;
  border: none;
  margin-top: 6px;
  font-size: 0.95em;
}
.fh-btn-panchina {
  background: #ffe7ad;
  color: #ad550c;
  border-radius: 7px;
  padding: 6px 18px;
  font-weight: 600;
  cursor: pointer;
  border: none;
  margin-top: 6px;
  font-size: 0.95em;
}

/* Tasto "Fai offerta" (solo avversari) */
.fh-btn-offerta-gioc {
  display: block;
  margin: 9px auto 0 auto;
  background: #ffd400;
  color: #8a610a;
  border-radius: 6px;
  padding: 4px 12px;
  font-size: 0.92em;
  border: none;
  cursor: pointer;
  font-weight: 600;
  transition: background .14s;
}
.fh-btn-offerta-gioc:hover {
  background: #ffe066;
  color: #684e00;
}

/* ===========================
   GRIGLIA ROSA (SQUADRA)
=========================== */
.fh-rosa-grid {
  display: grid;
  grid-template-columns: repeat(5, auto);
  grid-template-rows: repeat(3, auto);
  gap: 11px;
  max-width: 780px;
  margin: 2px auto 28px;
  background: #fffbe6;
  padding: 22px 10px 18px;
  border-radius: 20px;
  box-shadow: 0 2px 10px #f7e48844;
}
.fh-cell {
  width: 130px;
  min-width: 130px;
  max-width: 130px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 6px 4px 4px;
  border-radius: 10px;
  box-shadow: 0 1px 4px #ffd20022;
  background: #fff;
}

/* LOGO SQUADRA NELLA ROSA */
.fh-logo-img {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  box-shadow: 0 0 6px #ffe06644;
  background: #fff;
}

/* INFO SQUADRA */
.fh-squadra-title {
  font-size: 1.12rem;
  font-weight: 700;
  color: #a18314;
  margin: 2px 0 3px;
}
.fh-squadra-info {
  font-size: .95rem;
  color: #7b5a11;
  margin: 2px 0;
}
.fh-budget {
  font-size: .95rem;
  color: #8a7006;
  margin-bottom: 6px;
}

/* ======= RESPONSIVE MOBILE ======= */
@media (max-width: 900px) {
  html, body {
    overflow: auto !important;
    height: auto !important;
  }
  .fh-header { height: 78px !important; }
  .fh-logo,
  .fh-logo img { height: 50px !important; }
  .fh-menu,
  .fh-menu-list,
  .fh-menu-list li,
  .fh-menu-list li a {
    height: 50px !important;
    min-height: 0 !important;
    font-size: 1em !important;
    padding: 0 7px !important;
  }
  .fh-top-bar {
    gap: 8px;
    padding: 5px 0 5px 0;
    flex-wrap: wrap;
    top: 78px !important;
    position: fixed !important;
    width: 100vw !important;
    left: 0 !important;
  }
  .fh-main {
    top: 124px !important;
    position: relative !important;
    width: 100vw !important;
    height: auto !important;
    min-height: 100vh !important;
    display: block !important;
    overflow: visible !important;
  }
  .fh-main-row {
    display: block !important;
    flex-direction: column !important;
    width: 100vw !important;
    min-height: 0 !important;
    height: auto !important;
  }
  .fh-sidebar {
    width: 100vw !important;
    min-width: 0 !important;
    max-width: 100vw !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    border-right: none !important;
    border-bottom: 2px solid #ffe06655 !important;
    padding: 0 0 12px 0 !important;
    flex-direction: row !important;
    gap: 10px !important;
    box-shadow: none !important;
    position: relative !important;
    z-index: 2 !important;
  }
  .fh-sidebar-box {
    flex: 1 1 0;
    min-width: 0;
    margin: 0 2vw 0 0;
  }
  .fh-content {
    width: 100vw !important;
    min-width: 0 !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    display: block !important;
    padding: 18px 4vw 48px 4vw !important;
    position: relative !important;
    z-index: 1 !important;
  }
  .fh-footer { position: static !important; }
  .fh-squadra-logo { width: 60px; height: 60px; }
}

/* Ancora pi첫 responsive per le card giocatore */
@media (max-width: 800px) {
  .fh-rosa-grid {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(15, 70px);
    max-width: 100%;
    padding: 16px 6px;
  }
  .fh-cell {
    flex-direction: row;
    width: 100%;
    min-width: 0;
    max-width: none;
  }
  .fh-player-card {
    width: 100%;
    min-width: 0;
    max-width: none;
  }
  .fh-player-card img {
    width: 38px;
    height: 38px;
  }
}
#fh-offerta-popup,
#fh-offerte-modal {
    text-align: center;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
#fh-offerta-popup form,
#fh-offerte-modal form {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
}
#fh-offerta-popup label,
#fh-offerte-modal label {
    width: 100%;
    text-align: center;
}
#fh-offerta-popup button,
#fh-offerte-modal button {
    margin: 0 5px !important;
    min-width: 110px;
    display: inline-block;
}
.fh-offerta-btn-row {
    display: flex;
    justify-content: center;
    gap: 20px;
    width: 100%;
    margin-top: 12px;
}
.fh-offerte-scroll {
  max-height: 68vh;
  overflow-y: auto;
  padding-right: 6px;
}

/* Mobile: sposta più in basso */
@media (max-width: 700px) {
  #fh-offerte-modal {
    top: 65px !important;
    max-width: 99vw !important;
    border-radius: 9px !important;
    padding: 9px 2vw 9px 2vw !important;
  }
  .fh-offerte-scroll {
    max-height: 60vh !important;
    padding-right: 0 !important;
  }
}
/* Altre regole di stile */
/* ... */

/* Il tuo codice CSS esistente */

.fh-footer {
  width: 100vw;
  background: #ffe066;
  color: #222;
  text-align: center;
  padding: 18px 0 16px 0;
  font-size: 1rem;
  box-shadow: 0 -6px 24px -6px rgba(100,80,0,0.15), 0 -2px 8px #ffe06655;
  margin: 0;
  position: relative;
  left: 0;
}
.fh-logo-gen-popup {
    display: none;
    position: fixed;
    top: 20%;
    left: 50%;
    transform: translateX(-50%);
    background-color: #fff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    z-index: 9999;
    max-width: 400px;
    width: 90%;
    text-align: center;
}

.fh-logo-gen-popup img {
    max-width: 100%;
    border-radius: 10px;
    margin-top: 15px;
}
/* Popup per inserire logo */
#logo-insert-popup {
    display: none;
    position: fixed;
    top: 20%;
    left: 50%;
    transform: translateX(-50%);
    background-color: #fff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    z-index: 9999;
}
/* Background oscurato */
#logo-gen-popup-bg {
    display: none; 
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5); /* sfondo trasparente */
    z-index: 9998;
}
/* CSS per il popup */
.fh-logo-gen-popup {
    display: none; /* Il popup è nascosto inizialmente */
    position: fixed;
    top: 20%;
    left: 50%;
    transform: translateX(-50%);
    background-color: #fff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    z-index: 9999;
    max-width: 400px;
    width: 90%;
    text-align: center;
}

/* Fondo scuro che appare quando il popup è visibile */
#logo-gen-popup-bg {
    display: none; 
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9998;
}

/* Bottone giallo per aprire il popup */
.fh-btn-logo-gen {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #ffcc00;
    border: none;
    cursor: pointer;
    z-index: 10000; /* Più in alto rispetto agli altri elementi */
}
.fh-bidhistory-list {
  margin: 0;
  padding: 0;
  list-style: none;
  background: #fff9d0;
  border-radius: 9px;
  border: 1px solid #ffe066;
  font-family: 'Segoe UI', Arial, sans-serif;
  font-size: 1.04em;
  box-shadow: 0 2px 12px #ffe06622;
  max-width: 440px;
  margin-left: auto;
  margin-right: auto;
}
.fh-bidhistory-list li {
  padding: 8px 16px;
  border-bottom: 1px solid #ffe06655;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.fh-bidhistory-list li:last-child {
  border-bottom: none;
}
.fh-bidhistory-offerta {
  font-weight: 700;
  color: #ce9600;
  margin-right: 16px;
  white-space: nowrap;
}
.fh-bidhistory-fantasquadra {
  color: #218d37;
  font-weight: 600;
  margin-right: 10px;
}
.fh-bidhistory-timestamp {
  color: #888;
  font-size: .98em;
  margin-left: auto;
}
.fh-bid-history-row {
  background: #fff;
  border-bottom: 1.5px solid #ffe066;
}
.fh-bid-history-list {
  margin-top: 12px;
}
.fh-bid-history-list ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.fh-bid-history-list li {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 7px 0;
  border-bottom: 1px solid #f1efdc;
  font-size: 1.06em;
}
.fh-bid-history-list li:last-child {
  border-bottom: none;
}
.fh-bid-history-list .bid-offerta {
  font-weight: bold;
  color: #d2b401;
}
.fh-bid-history-list .fantasquadra {
  color: #222;
  font-weight: 500;
}
.fh-bid-history-list .bid-time {
  color: #aaa;
  margin-left: auto;
  font-size: .97em;
}
.fh-bid-history-list-separator {
  border-top: 2px solid #ffe066;
  margin: 0 0 8px 0;
}
.fh-bid-history-list-separator {
  border-top: 1px solid #eee;
  margin: 0 0 2px 0;
}
.fh-bid-history-list ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.fh-bid-history-list li {
  padding: 7px 0 6px 0;
  border-bottom: 1px solid #eee;
  font-size: 1.04em;
  background: #fff;
}
#fh-bid-budget-msg span.fh-inline-budget {
  display: flex;
  align-items: center;
  gap: 12px;
}
.fh-straniero {
    color: #d22 !important;
    font-weight: bold;
}
.fh-rose-filters-sticky {
    position: sticky;
    top: 0;
    z-index: 11;
    box-shadow: 0 2px 10px #ffe06622;
    background: #fff9d0;
}

@media (max-width: 900px) {
  .fh-sidebar {
    display: none !important;
  }
}
@media (max-width: 900px) {
  .fh-menu-list { display: none !important; }
  .fh-hamburger { 
    display: inline-block !important; 
    background: none; 
    border: none; 
    font-size: 2em; 
    cursor: pointer; 
    color: #d4b200; 
    margin-left: 10px;
    vertical-align: middle;
  }
}
.fh-mobile-nav {
  transition: right 0.3s;
}
@media (max-width: 900px) {
  .fh-sidebar {
    display: none !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
  }
}

.fh-classifica-table {
  max-width: 800px !important;
  margin: 0 auto 35px auto !important;
  background: #fff !important;
  border-radius: 18px !important;
  box-shadow: 0 2px 18px #ffe06622 !important;
  padding: 10px 0 !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
}

.fh-classifica-table th, 
.fh-classifica-table td {
  padding: 8px 5px !important;
  font-size: 1.2em !important;
  background: #fff !important;
  border-bottom: 1px solid #f1efdc !important;
  text-align: center !important;
  white-space: nowrap !important;
}

.fh-classifica-table th {
  background: #fffbe0 !important;
  color: #a18314 !important;
  font-weight: 700 !important;
  font-size: 1.05em !important;
  border-bottom: 2px solid #ffe066cc !important;
}

.fh-classifica-logo {
  width: 25px !important;
  height: 25px !important;
  border-radius: 50% !important;
  margin-right: 4px !important;
  background: #ffe066 !important;
  box-shadow: 0 1px 6px #ffd20022 !important;
}
.fh-classifica-table td:nth-child(3) {
  text-align: left !important;
  padding-left: 14px !important;

}
.fh-classifica-table tr.data-row:hover td {
        background: #f6f3de;
        transition: background 0.13s;
}      
.fh-separator-row td {
  padding: 0 !important;
  background: transparent !important;
  height: 3px !important;
  border: none !important;
}
.fh-separator-gold td div {
  background: gold !important;
  height: 1px !important;
  width: 100%;
}
.fh-separator-black td div {
  background: #222 !important;
  height: 1px !important;
  width: 100%;
}

.fh-cell:first-child .fh-logo-img {
  width: 120px;
  height: 120px;
}

/* Colora solo la card titolare (non tutta la cella) */
.fh-cell .fh-player-card.formazione {
  background-color: #d8ffd5 !important;
  border: 2px solid #18b912 !important;
  box-shadow: 0 0 8px rgba(24, 185, 18, 0.4) !important;
}

/* Stato offerte */
td:nth-child(6):contains("accettata") { color:#18b912; font-weight:700; }
td:nth-child(6):contains("rifiutata") { color:#d81515; font-weight:700; }
/* Nomi giocatori (colonne 3-4) */
td:nth-child(3),
td:nth-child(4):not(:empty)          { color:#b78d14; font-weight:700; }

/* Ruolo e valore in oro nelle card */
.fh-player-card .fh-player-meta,
.fh-player-card .fh-player-value {
    color: #b78d14 !important;   /* oro caldo  */
}
.fh-content {
  padding-top: 50px !important; /* Abbassa l'intera area dei contenuti */
}

.fh-rose-table td:nth-child(3),
.fh-rose-table td:nth-child(4) {
  color: #222 !important;
  font-weight: normal !important;
}
.fh-aste-attive td:nth-child(3),
.fh-aste-attive td:nth-child(4) {
  color: #222 !important;
  font-weight: normal !important;
}
table.fh-classifica tbody tr td.fh-col-giocate {
  color: #222 !important;
  font-weight: normal !important;
}
/* === HEADER 100% + SEMPRE SCROLLABILE === */
.fh-header {
  display: flex !important;              /* flex container */
  width: 100% !important;                /* sempre la larghezza della viewport */
  min-width: 100% !important;            /* mai meno della viewport */
  overflow-x: auto !important;           /* scroll orizzontale attivo */
  -webkit-overflow-scrolling: touch !important; /* momentum iOS */
  scrollbar-width: none !important;      /* nasconde scrollbar Firefox */
  -ms-overflow-style: none !important;   /* nasconde scrollbar IE/Edge */
}
.fh-header::-webkit-scrollbar {
  display: none !important;              /* nasconde scrollbar Chrome/Safari */
}

/* impede che qualsiasi figlio si restringa */
.fh-header > * {
  flex: 0 0 auto !important;
}

/* Assicura che anche menu e login rimangano alla loro larghezza naturale */
.fh-menu, .fh-menu-list, .fh-login, .fh-hamburger {
  flex: 0 0 auto !important;
}

/* (opzionale) evita che il menu-list si sovrapponga */
.fh-menu-list {
  display: flex !important;
  gap: 16px;  /* o il gap che preferisci */
}

/* -------------------------------------------------
   Colonna G (partite giocate) – colore e peso testo
   Deve stare *dopo* qualunque altra regola che usa
   :nth-child(4) o che colora le celle della classifica
-------------------------------------------------- */
table.fh-classifica tbody tr td:nth-child(4),
table.fh-classifica-table tbody tr td:nth-child(4),
td.fh-col-giocate                                 {
    color: #222 !important;        /* testo nero         */
    font-weight: 400 !important;   /* peso normale       */
}