:root {
    --sc-bg: #ffffff;
    --sc-card: #ffffff;
    --sc-ink: #0d0d0d;
    --sc-ink-2: #3a3a3a;
    --sc-ink-3: #6B6B6B;
    --sc-accent: #1EA451;
    --sc-accent-2: #0c7f3a;
    --sc-border: #e7e7e7;
    --radius-lg: 18px;
    --radius-md: 14px;
    --shadow-1: 0 8px 24px rgba(0,0,0,0.08);
  }

  .sc-reset, .sc-reset * { box-sizing: border-box; }
  .sc-reset h1, .sc-reset h2, .sc-reset h3, .sc-reset p { margin: 0; }

  /* Type utilities */
  .sc-overline { /*font-family: "Roboto Condensed", Roboto, ui-sans-serif, system-ui, -apple-system, Segoe UI, Helvetica, Arial; text-transform: uppercase; letter-spacing: .08em; font-weight: 700; font-size: 11px; color: var(--sc-ink-3);*/ }
  .sc-num { font-variant-numeric: tabular-nums; }

  body { background: var(--sc-bg); }

  .sc-card {
    background: var(--sc-card);
    border: 1px solid var(--sc-border);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-1);
    color: var(--sc-ink);
    position: relative; overflow: hidden;
  }
  .sc-card-home {
    color: var(--sc-ink);
    position: relative; overflow: hidden;
	  margin:0;
	  padding:0;
  }
.sc-card-fixtures {width:100%;}


  /* SVG icons sizing */
  .sc-icon { width: 50px; height: 50px; }

 



/* NEXT — layout compatto centrato (come mock) */
.sc-next--compact { padding: 10px 6px; text-align: center; }
.sc-next--compact .sc-next-head { margin-bottom: 18px; }
.sc-next--compact .sc-next-day {
}
.sc-next--compact .sc-next-date {
    font-family: var(--e-global-typography-el_f_uppercase_m-font-family), Sans-serif;
    font-size: var(--e-global-typography-el_f_title_4-font-size);
    font-weight: var(--e-global-typography-el_f_uppercase_m-font-weight);
    text-transform: var(--e-global-typography-el_f_uppercase_m-text-transform);
    line-height: var(--e-global-typography-el_f_uppercase_m-line-height);
    letter-spacing: var(--e-global-typography-el_f_uppercase_m-letter-spacing);
    text-decoration-style: solid;
}

.sc-next--compact .sc-next-hero {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 22px;
}
.sc-next--compact .sc-next-vs { font-family: var(--e-global-typography-el_f_uppercase_s-font-family), Sans-serif;
    font-size: var(--e-global-typography-el_f_uppercase_s-font-size);
    font-weight: var(--e-global-typography-el_f_uppercase_s-font-weight);
    text-transform: var(--e-global-typography-el_f_uppercase_s-text-transform);
    line-height: var(--e-global-typography-el_f_uppercase_s-line-height);
    letter-spacing: var(--e-global-typography-el_f_uppercase_s-letter-spacing);
    text-decoration-style: solid; }

.sc-next--compact .sc-team { display: grid; justify-items: center; gap: 10px; }
.sc-next--compact .sc-team__logo { width: 48px; height: 48px; display: grid; place-items: center; overflow: hidden; }
.sc-next--compact .sc-team__logo img { width: 100%; height: 100%; object-fit: contain; display: block; }
.sc-next--compact .sc-team__name { /*font-family: var(--e-global-typography-el_f_uppercase_s-font-family), Sans-serif;
    font-size: var(--e-global-typography-el_f_uppercase_s-font-size);
    font-weight: var(--e-global-typography-el_f_uppercase_s-font-weight);
    text-transform: var(--e-global-typography-el_f_uppercase_s-text-transform);
    line-height: var(--e-global-typography-el_f_uppercase_s-line-height);
    letter-spacing: var(--e-global-typography-el_f_uppercase_s-letter-spacing);
    text-decoration-style: solid; */}

/* Mobile */
@media (max-width:560px){
  .sc-next--compact .sc-next-date { font-size: 22px; }
  .sc-next--compact .sc-next-hero { gap: 14px; }
  .sc-next--compact .sc-team__logo { width: 58px; height: 58px; }
  .sc-next--compact .sc-team__name { font-size: 20px; }
  .sc-next--compact .sc-next-vs { font-size: 20px; }
}



/*------------ fixtures ----------------*/

  /* Schedule component */
  .sc-schedule { margin-top: 18px; }
  li.sc-fixture {padding: 10;}
  .sc-schedule__header { padding: 16px 20px 8px; border-bottom: 1px solid var(--sc-border); }
  .sc-schedule__title { font-size: 18px; font-weight: 800; letter-spacing: .02em; }

  .sc-month { 
    font-family: var(--e-global-typography-el_f_title_4-font-family), Sans-serif;
    font-size: var(--e-global-typography-el_f_title_4-font-size);
    font-weight: var(--e-global-typography-el_f_title_4-font-weight);
    text-transform: var(--e-global-typography-el_f_title_4-text-transform);
    font-style: var(--e-global-typography-el_f_title_4-font-style);
    line-height: var(--e-global-typography-el_f_title_4-line-height);
    text-decoration-style: solid; 
padding: 60px 0px 20px 0px;}

  .sc-fixtures, ul.sc-fixtures { list-style: none; margin: 0; padding: 0; }
  /* DESKTOP: una sola riga → Data • Logo • Giornata/Ora • Squadre • Pulsanti */
  .sc-fixture { display: grid; grid-template-columns: auto auto auto 1fr auto; align-items: center; gap: 16px; padding: 14px 20px; border-top: 1px solid var(--sc-border); grid-auto-flow: column dense; }
  .sc-fixture .sc-date { grid-column: 2; }
  .sc-fixture .sc-comp__logo { grid-column: 1; width: 40px; height: 40px; display: grid; place-items: center; }
  .sc-fixture .sc-meta { grid-column: 3; display: grid; gap: 0px; min-width: 86px; text-align: left; }
  .sc-fixture .sc-row { grid-column: 4; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 10px; justify-self: start; text-align: left; }
  .sc-fixture .sc-right { grid-column: 5; display: inline-grid; grid-auto-flow: column; align-items: center; gap: 10px; }

  /* Mantieni tutto sulla stessa riga su desktop */
  @media (min-width: 561px) {
    .sc-fixture .sc-date, .sc-fixture .sc-comp__logo, .sc-fixture .sc-meta, .sc-fixture .sc-row, .sc-fixture .sc-right { grid-row: 1; }
  }

  /* Competition logo */
  .sc-fixture .sc-comp__logo img { width: 100%; height: 100%; object-fit: contain; display: block; }
  .sc-fixture .sc-comp__logo .placeholder { width: 32px; height: 32px; border-radius: 8px; background: #eaeaea; display: grid; place-items: center; color: var(--sc-ink-3); }

  /* Date badge */
  .sc-fixture .sc-date { width: 56px; height: 56px; background: #efefef; border-radius: 6px; display: grid; place-items: center; line-height: 1; text-align: center; }
  .sc-fixture .sc-date__day { font-size: 32px; font-weight: 900; }
  .sc-fixture .sc-date__mon { font-size: 12px; font-weight: 800; color: var(--sc-ink-3); }

  /* Meta (matchday + time) */
  .sc-fixture .sc-meta__comp { font-size: 12px; }
  .sc-fixture .sc-meta__time { font-size: 20px; color: var(--sc-ink-2); font-weight: bold; }

  /* Teams & score */
  .sc-fixture .sc-row .t { display: inline-grid; grid-auto-flow: column; align-items: center; gap: 10px; justify-content: start; }
  .sc-fixture .sc-row .t--r { justify-content: start; }
  .sc-fixture .t__logo { width: 42px; height: 42px; display: inline-grid; place-items: center;  overflow: hidden; }
  .sc-fixture .t__logo img { width: 100%; height: 100%; object-fit: contain; display: block; }
  .sc-fixture .t__name { font-weight: 800; letter-spacing: .02em; }
  .sc-fixture .sc-vs-small { font-weight: 800; color: var(--sc-ink); }
  .sc-fixture .sc-score-small { font-weight: 900; font-size: 18px; font-variant-numeric: tabular-nums; }

  /* Right: status + actions */
  .sc-fixture .sc-live { display: inline-flex; align-items: center; gap: 6px; padding: 4px 8px; border-radius: 999px; background: #f5f5f5; border: 1px solid var(--sc-border); font-weight: 700; font-size: 11px; color: var(--sc-ink-2); line-height: 1; white-space: nowrap; position: relative; padding-left: 18px; }
  .sc-fixture .sc-live svg { display: none; }
  .sc-fixture .sc-live::before { content: ""; position: absolute; left: 8px; top: 50%; transform: translateY(-50%); width: 8px; height: 8px; background: var(--sc-accent); border-radius: 999px; animation: sc-pulse 1.8s ease-out infinite; }

  .sc-fixture .sc-live svg { width: 8px; height: 8px; }

  /* Buttons */
  .sc-fixture .sc-btn {/* --ring: transparent; display: inline-flex; align-items: center; gap: 8px; border-radius: 10px; padding: 8px 12px; font-weight: 800; font-size: 12px; text-decoration: none; background: #fff; color: var(--sc-ink); border: 1px solid var(--sc-ink-2); white-space: nowrap; */

    font: var(--the7-btn-l-font);
    text-transform: var(--the7-btn-l-text-transform);
    letter-spacing: var(--the7-btn-l-letter-spacing);
    word-spacing: var(--the7-btn-l-word-spacing);
    -webkit-border-radius: var(--the7-btn-l-border-radius);
    border-radius: var(--the7-btn-l-border-radius);
    border-width: var(--the7-btn-l-border-width);
    border-style: var(--the7-btn-l-border-style);
    border-color: var(--the7-btn-border-color);
    padding: var(--the7-btn-l-padding);
    min-width: var(--the7-btn-l-min-width);
    --btn-icon-spacing: var(--the7-btn-l-icon-gap, 7px); vertical-align:middle;}
  .sc-fixture .sc-btn--primary { background: #fff; color: var(--sc-ink); border-color: var(--sc-ink-2); box-shadow: none; }
  .sc-fixture .sc-btn--ghost { background: #fff; color: var(--sc-ink); border-color: var(--sc-ink-2); }

  /* States */
  .sc-fixture.is-live .sc-score-small { color: var(--sc-accent-2); }
  .sc-fixture.is-upcoming .sc-score-small { color: var(--sc-ink-3); }
  /* Live row compaction */
  .sc-fixture.is-live .sc-right { gap: 8px; }

  /* Tablet */
  @media (max-width: 820px) {
    .sc-fixture { grid-template-columns: auto auto auto 1fr auto; gap: 12px; }
    .sc-fixture .sc-right { grid-column: 1 / -1; justify-content: end; }
    .sc-fixture .sc-btn { padding: 8px 10px; }
  }

  /* Mobile (centrato, logo competizione nascosto) */
  @media (max-width: 560px) {
	 .sc-fixture  { width: 100%!important }
    .sc-fixture .sc-comp__logo { display: none; }
    .sc-fixture { grid-template-columns: auto 1fr; align-items: center; justify-items: left; text-align: center; row-gap: 8px; }
    .sc-fixture .sc-month { font-size: 16px; text-align: center; }

	.sc-fixture .sc-date { grid-column: 1; grid-row: 1; }  
    /*.sc-fixture .sc-comp__logo { grid-column: 2; grid-row: 1; }*/
    .sc-fixture .sc-meta { grid-column: 2; grid-row: 1; display: grid; justify-items: left; text-align: left; }

    .sc-fixture .sc-row { grid-column: 1 / -1; grid-row: 2; justify-self: center; text-align: center; width:100%; }
    .sc-fixture .sc-row .t, .sc-fixture .sc-row .t--r { justify-content: center; }

    .sc-fixture .sc-right { grid-column: 1 / -1; grid-row: 3; display: grid; grid-auto-flow: row; gap: 8px; justify-content: center; justify-items: center; }
    .sc-fixture .sc-right .sc-btn { width: auto; }

    .sc-fixture .sc-date { width: 48px; height: 48px; }
    .sc-fixture .sc-date__day { font-size: 16px; }
    .sc-fixture .t__logo { width: 32px; height: 32px; }
    .sc-fixture .t__name { font-size: 12px;  }
    .sc-fixture .sc-score-small { font-size: 16px; }
  }




 /* Standings table */
  .sc-standings { margin-top: 18px; }
  .sc-standings__header { padding: 16px 20px 8px; border-bottom: 1px solid var(--sc-border); }
  .sc-standings__title { font-size: 18px; font-weight: 900; letter-spacing: .02em; }

  .sc-standings .sc-table { width: 100%; border-collapse: separate; border-spacing: 0; }
  .sc-standings .sc-table thead th { background: #f4f4f4; color: var(--sc-ink-3); text-transform: uppercase; font-size: 12px; letter-spacing: .06em; padding: 12px 10px; text-align: center; }
  .sc-standings .sc-table thead th.sc-th-team { text-align: left; }
  .sc-standings .sc-table tbody td { border-top: 1px solid var(--sc-border); padding: 14px 10px; text-align: center; vertical-align: middle; }
  .sc-standings .sc-table tbody td.sc-teamcell { text-align: left; }
  .sc-standings .sc-table tbody tr:last-child td { border-bottom: 1px solid var(--sc-border); }

  /* Column sizing */
  .sc-standings .sc-col-pos { width: 56px; }
  .sc-standings .sc-col-g, .sc-col-v, .sc-col-n, .sc-col-p, .sc-col-dr { width: 56px; }
  .sc-standings .sc-col-pts { width: 70px; }
  .sc-standings .sc-col-form { width: 160px; }

  /* Position number */
  .sc-standings .sc-pos { font-weight: 900; font-size: 18px; color: var(--sc-ink); }

  /* Team cell */
  .sc-standings .sc-teamcell { text-align: left; }
  .sc-standings .sc-team { display: inline-flex; align-items: center; gap: 12px; }
  .sc-standings .sc-team__logo { width: 32px; height: 32px;  display: inline-grid; place-items: center; }
  .sc-standings .sc-team__logo img { width: 100%; height: 100%; object-fit: contain; display: block; }
  .sc-standings .sc-standings .sc-team__name { font-family: var(--e-global-typography-el_f_uppercase_s-font-family), Sans-serif;
    font-size: var(--e-global-typography-el_f_uppercase_s-font-size);
    font-weight: var(--e-global-typography-el_f_uppercase_s-font-weight);
    text-transform: var(--e-global-typography-el_f_uppercase_s-text-transform);
    line-height: var(--e-global-typography-el_f_uppercase_s-line-height);
    letter-spacing: var(--e-global-typography-el_f_uppercase_s-letter-spacing);
 }

  /* Points emphasis */
  .sc-standings .sc-pts { font-weight: 900; font-size: 18px; }

  /* Last-5 form chips */
  .sc-standings .sc-form { display: inline-flex; gap: 6px; }
  .sc-standings .sc-formchip { width: 24px; height: 24px; display: inline-grid; place-items: center; border-radius: 4px; font-weight: 900; font-size: 12px; color: #fff; }
  .sc-standings .sc-formchip.win { background: var(--sc-accent); }
  .sc-standings .sc-formchip.draw { background: #a0a0a0; }
  .sc-standings .sc-formchip.loss { background: #d83a3a; }

  /* Responsive */
  @media (max-width: 720px) {
    .sc-standings .sc-table thead th { font-size: 11px; padding: 10px 8px; }
    .sc-standings .sc-table tbody td { padding: 12px 8px; }
    .sc-standings .sc-team__logo { width: 28px; height: 28px; }
    .sc-standings .sc-team__name { font-size: 14px; }
  }
  @media (max-width: 560px) {
    /* Nascondi la colonna "Ultime 5" su mobile */
    .sc-standings .sc-col-form, .sc-standings .sc-cell-form { display: none; }
    .sc-standings .sc-col-pos { width: 40px; }
    .sc-standings .sc-col-g, .sc-standings .sc-col-v, .sc-standings .sc-col-n, .sc-standings .sc-col-p, .sc-standings .sc-col-dr { width: 44px; }
    .sc-standings .sc-col-pts { width: 56px; }
  }