.elementor-11580 .elementor-element.elementor-element-3669db8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-11580 .elementor-element.elementor-element-bdfb7a7{--display:flex;--overlay-opacity:0.5;--border-radius:20px 20px 20px 20px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-11580 .elementor-element.elementor-element-bdfb7a7:not(.elementor-motion-effects-element-type-background), .elementor-11580 .elementor-element.elementor-element-bdfb7a7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#13152F;}.elementor-11580 .elementor-element.elementor-element-bdfb7a7::before, .elementor-11580 .elementor-element.elementor-element-bdfb7a7 > .elementor-background-video-container::before, .elementor-11580 .elementor-element.elementor-element-bdfb7a7 > .e-con-inner > .elementor-background-video-container::before, .elementor-11580 .elementor-element.elementor-element-bdfb7a7 > .elementor-background-slideshow::before, .elementor-11580 .elementor-element.elementor-element-bdfb7a7 > .e-con-inner > .elementor-background-slideshow::before, .elementor-11580 .elementor-element.elementor-element-bdfb7a7 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://serieagoal.it/wp-content/uploads/2025/09/SERIE-A_RGB_Texture__7-scaled.webp");--background-overlay:'';background-position:center center;background-size:cover;}.elementor-11580 .elementor-element.elementor-element-f5eef0f{--bcrumb-color:#FFFFFF;}.elementor-11580 .elementor-element.elementor-element-536ecad{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-11580 .elementor-element.elementor-element-3c903a0{--display:flex;--border-radius:20px 20px 20px 20px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-11580 .elementor-element.elementor-element-3c903a0:not(.elementor-motion-effects-element-type-background), .elementor-11580 .elementor-element.elementor-element-3c903a0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#13152F;}/* Start custom CSS for shortcode, class: .elementor-element-356a581 *//* ============ STANDING — CLEAN (no griglie, nomi+loghi più grandi) ============ */
:root{
  --stg-text:#fff;
  --stg-muted:rgba(255,255,255,.7);
  --stg-rank-w:52px;       /* colonna Pos */
  --stg-team-min:240px;    /* Team un po’ più largo */
  --stg-num:60px;          /* colonne numeriche */
  --stg-pts:72px;          /* colonna Pts */
  --stg-y:14px;            /* padding verticale */
  --stg-x:12px;            /* padding orizzontale */
  --stg-logo:28px;         /* logo più grande */
}

/* reset sfondi + bordi */
.standing,
.standing .standing-table,
.standing .anwp-grid-table__th,
.standing .anwp-grid-table__td{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  color:var(--stg-text);
}

/* header */
.standing .anwp-grid-table__th{
  color:var(--stg-muted);
  font-weight:700;
  text-transform:none;
  font-size:15px;
  padding:var(--stg-y) var(--stg-x) !important;
}

/* celle */
.standing .anwp-grid-table__td{
  padding:var(--stg-y) var(--stg-x) !important;
  font-size:15px;
  color:var(--stg-text);
}

/* griglia colonne fissa: # | Team | PL… | Pts */
.standing .standing-table{
  display:grid !important;
  grid-template-columns:
    var(--stg-rank-w)
    minmax(var(--stg-team-min),1fr)
    repeat(7,minmax(var(--stg-num),var(--stg-num)))
    minmax(var(--stg-pts),var(--stg-pts)) !important;
}

/* posizioni e numeri centrati */
.standing .standing-table__rank,
.standing .standing-table__cell-number{
  text-align:center;
  font-weight:600;
}

/* colonna team */
.standing .standing-table__club{
  display:flex;
  align-items:center;
  gap:14px;
  font-weight:700;
  font-size:17px;      /* nome squadra più grande */
}
.standing .standing-table__club img{
  width:var(--stg-logo) !important;
  height:var(--stg-logo) !important;
  object-fit:contain;
}
.standing .standing-table__club a{
  color:#fff !important;
  text-decoration:none;
}

/* mini “form” */
.standing .club-form .club-form__item-pro{
  width:24px; height:24px;
  border-radius:50%;
  display:inline-grid;
  place-items:center;
  font-size:12px;
  font-weight:700;
  color:#fff !important;
  margin-left:6px;
}

/* responsive */
@media (max-width: 960px){
  :root{ --stg-team-min:200px; --stg-logo:26px; }
}
@media (max-width: 680px){
  :root{ --stg-team-min:170px; --stg-num:54px; --stg-pts:64px; --stg-logo:24px; }
}
@media (max-width: 520px){
  :root{ --stg-team-min:150px; --stg-num:48px; --stg-pts:58px; --stg-y:12px; }
  .standing .standing-table__club{ font-size:16px; gap:10px; }
}
/* ===== Barre verticali zona classifica (sinistra tabella) ===== */
:root{
  --stg-bar-w: 4px;           /* spessore barretta */
  --stg-bar-gap: 8px;         /* distanza dal bordo sinistro tabella */
  --stg-cl: #1fbf75;          /* Champions League */
  --stg-el: #3aa0ff;          /* Europa League (info) */
  --stg-conf: #e7b64b;        /* Conference League (warning) */
  --stg-rel: #e24e4e;         /* Retrocessione (danger) */
}

/* assicura che la tabella non tagli le barrette */
.standing .standing-table{ position: relative; overflow: visible; }

/* la cella "Pos" fa da ancora per la barretta della riga */
.standing .standing-table__rank{
  position: relative;
}

/* base della barretta: fuori dalla tabella, centrata in verticale sulla riga */
.standing .standing-table__rank::before{
  content: "";
  position: absolute;
  left: calc(-1 * var(--stg-bar-gap));
  top: 6px;
  bottom: 6px;
  width: var(--stg-bar-w);
  border-radius: 3px;
  background: transparent;         /* default: nessuna barra */
  pointer-events: none;
}

/* MAPPATURA COLORI → usa le classi che il plugin mette sulla colonna Pos */
.standing .standing-table__rank.anwp-bg-success-light::before{ background: var(--stg-cl); }   /* Champions */
.standing .standing-table__rank.anwp-bg-info-light::before{    background: var(--stg-el); }   /* Europa League */
.standing .standing-table__rank.anwp-bg-warning-light::before{ background: var(--stg-conf); } /* Conference League */
.standing .standing-table__rank.anwp-bg-danger-light::before{  background: var(--stg-rel); }  /* Retrocessione */

/* Se il plugin non aggiunge la classe light su Pos, puoi alternativamente
   colorare per "range" di posizione usando le classi place-N presenti sulle celle: */
/* ESEMPI (facoltativi, attivali se ti servono) */
/*
.standing .place-1 .standing-table__rank::before,
.standing .place-2 .standing-table__rank::before,
.standing .place-3 .standing-table__rank::before,
.standing .place-4 .standing-table__rank::before{ background: var(--stg-cl); }

.standing .place-5 .standing-table__rank::before,
.standing .place-6 .standing-table__rank::before{ background: var(--stg-el); }

.standing .place-7 .standing-table__rank::before{ background: var(--stg-conf); }

.standing .place-18 .standing-table__rank::before,
.standing .place-19 .standing-table__rank::before,
.standing .place-20 .standing-table__rank::before{ background: var(--stg-rel); }
*/

/* mobile: accorcia leggermente la barretta */
@media (max-width: 520px){
  .standing .standing-table__rank::before{ top: 5px; bottom: 5px; }
}
/* ===== Leggenda classifica (trasparente + testi bianchi) ===== */
:root{
  /* usa le stesse variabili dei markers; metto fallback se non definite */
  --stg-cl:  #1fbf75;   /* Champions League */
  --stg-el:  #3aa0ff;   /* Europa League   */
  --stg-conf:#e7b64b;   /* Conference      */
  --stg-rel: #e24e4e;   /* Retrocessione   */
}

.standing-legend{
  margin-top: 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 18px;
  align-items: center;
  color: #fff;
  font-size: 14px;
  line-height: 1.2;
}

.standing-legend__item{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  white-space: nowrap;
}

.standing-legend__swatch{
  width: 6px;           /* piccola linea verticale */
  height: 18px;
  border-radius: 3px;
  flex: 0 0 6px;
}

/* colori (coerenti con le barrette in tabella) */
.standing-legend__swatch--cl   { background: var(--stg-cl); }
.standing-legend__swatch--el   { background: var(--stg-el); }
.standing-legend__swatch--conf { background: var(--stg-conf); }
.standing-legend__swatch--rel  { background: var(--stg-rel); }

/* versione che re-skinna il blocco note del plugin, se già presente */
.standing .standing-table__notes{
  margin-top: 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 18px;
  color: #fff;
}
.standing .standing-table__notes .anwp-fl-border{
  display: inline-block;
  width: 6px; height: 18px; border-radius: 3px;
  border: none !important; margin-right: 10px;
  background: transparent !important; /* reset */
}
.standing .standing-table__notes .anwp-bg-success-light{ background: var(--stg-cl)    !important; }
.standing .standing-table__notes .anwp-bg-info-light   { background: var(--stg-el)    !important; }
.standing .standing-table__notes .anwp-bg-warning-light{ background: var(--stg-conf)  !important; }
.standing .standing-table__notes .anwp-bg-danger-light { background: var(--stg-rel)   !important; }
/* ===== Filtro All | Home | Away — toolbar trasparente ===== */
:root{
  --stg-accent: #3dd6ff;         /* stesso accent usato in tabella */
  --stg-muted:  rgba(255,255,255,.7);
}

/* wrapper del gruppo */
.anwp-fl-standing-filter{
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 4px 0;
  margin: 6px 0 12px;
  background: transparent !important;  /* niente sfondo */
  color: #fff;
  -webkit-user-select: none; user-select: none;
  -webkit-overflow-scrolling: touch;
}

/* rimuovi qualsiasi background/bordo del plugin */
.anwp-fl-standing-filter .anwp-bg-gray-light,
.anwp-fl-standing-filter .anwp-border,
.anwp-fl-standing-filter .anwp-border-light{
  background: transparent !important;
  border: none !important;
}

/* pill di filtro */
.anwp-fl-standing-filter .anwp-btn-group__btn{
  position: relative;
  background: transparent !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 999px;
  padding: 8px 14px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: .02em;
  cursor: pointer;
  transition: color .18s ease, transform .18s ease;
}

/* stato “spento” più soft */
.anwp-fl-standing-filter .anwp-btn-group__btn:not(.anwp-is-active){
  color: var(--stg-muted) !important;
}

/* underline animata (attivo/hover) */
.anwp-fl-standing-filter .anwp-btn-group__btn::after{
  content:"";
  position:absolute;
  left: 12px; right: 12px;
  bottom: -6px;
  height: 3px;
  border-radius: 3px;
  background: transparent;
  transition: background-color .18s ease, left .18s ease, right .18s ease;
}

/* hover: suggerisci l’accent */
.anwp-fl-standing-filter .anwp-btn-group__btn:hover{
  color:#fff !important;
}
.anwp-fl-standing-filter .anwp-btn-group__btn:hover::after{
  background: color-mix(in oklab, var(--stg-accent) 65%, transparent);
}

/* attivo: underline piena */
.anwp-fl-standing-filter .anwp-is-active{
  color:#fff !important;
}
.anwp-fl-standing-filter .anwp-is-active::after{
  background: var(--stg-accent);
}

/* focus accessibile */
.anwp-fl-standing-filter .anwp-btn-group__btn:focus-visible{
  outline: none;
  box-shadow: 0 0 0 3px color-mix(in oklab, var(--stg-accent) 30%, transparent);
}

/* compattazione su mobile + scroll orizzontale se serve */
@media (max-width: 520px){
  .anwp-fl-standing-filter{
    gap: 8px;
    overflow-x: auto;
    scrollbar-width: none;
  }
  .anwp-fl-standing-filter::-webkit-scrollbar{ display:none; }
  .anwp-fl-standing-filter .anwp-btn-group__btn{
    padding: 7px 12px;
    font-weight: 800;
  }
  .anwp-fl-standing-filter .anwp-btn-group__btn::after{
    left: 10px; right: 10px; bottom: -5px; height: 2px;
  }
}
/* ===== V / N / P perfettamente centrate nei pallini ===== */
:root{
  --form-d: 24px;   /* diametro desktop */
  --form-fs: 13px;  /* corpo lettera */
}

.standing .club-form{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  line-height: 0; /* elimina influsso della baseline del contenitore */
}

/* centratura robusta: grid + aspect-ratio */
.standing .club-form .club-form__item-pro{
  display: inline-grid !important;
  place-items: center !important;       /* centra orizz. + vert. */
  width: var(--form-d);
  height: var(--form-d);
  aspect-ratio: 1/1;                    /* cerchio perfetto */
  border-radius: 50%;
  padding: 0 !important;

  /* tipografia coerente e senza “balli” */
  text-transform: uppercase !important; /* forza V/N/P anche se arriva minuscola */
  font-weight: 800;
  font-size: var(--form-fs);
  line-height: 1;                       /* nessun extra-leading */
  letter-spacing: 0;
  font-variant-numeric: tabular-nums;   /* stabilizza metrica */
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace !important;
  color: #fff !important;

  border: 1px solid rgba(0,0,0,.15);    /* opzionale */
}

/* micro-correzione ottica uniforme per tutte (riduce “alto/basso” dei glifi) */
@supports (text-box-edge: cap alphabetic){
  .standing .club-form .club-form__item-pro{
    text-box-edge: cap alphabetic;      /* allinea sul box dei glifi (browser moderni) */
  }
}

/* mobile: scala leggermente */
@media (max-width: 680px){
  :root{ --form-d: 22px; --form-fs: 12px; }
}/* End custom CSS */