/* SerieAGoal v1.67 - Solo mobile, SOLO fixture non terminate (incluse LIVE).
   Presentazione come le gare concluse: etichetta, scelta, azione uno sotto
   l'altro e percentuale nella colonna affiancata. La terza riga del layout
   e' un collegamento (non una modifica alla logica di autorizzazione).
   La risposta Premium/Free e il lucchetto restano decisi da JS+backend. */
@media screen and (max-width:760px) {
  html[data-sg-theme] body.sg-body .sg-main .sg-match-row-wrap:not(.is-finished) .sg-match-feature-zone .sg-match-features {
    align-self:center!important;
    justify-content:center!important;
  }
  html[data-sg-theme] body.sg-body .sg-main .sg-match-row-wrap:not(.is-finished) .sg104-dc-preview:not([hidden]) {
    display:grid!important;
    grid-template-columns:minmax(0,1fr) max-content!important;
    grid-template-rows:auto auto auto!important;
    column-gap:8px!important;
    row-gap:5px!important;
    align-content:center!important;
    align-items:center!important;
    justify-content:stretch!important;
    position:static!important;
    width:100%!important;min-width:0!important;max-width:100%!important;
    height:auto!important;
    margin:0!important;
    padding:2px 0 2px 12px!important;
    box-sizing:border-box!important;
    overflow:visible!important;
  }
  /* Rimuove solo l'involucro di layout (non i suoi contenuti). */
  html[data-sg-theme] body.sg-body .sg-main .sg-match-row-wrap:not(.is-finished) .sg106-dc-headline {
    display:contents!important;
    position:static!important;
    top:auto!important;left:auto!important;
    transform:none!important;
    padding:0!important;margin:0!important;
  }
  html[data-sg-theme] body.sg-body .sg-main .sg-match-row-wrap:not(.is-finished) .sg104-dc-title {
    grid-column:1!important;grid-row:1!important;
    align-self:end!important;justify-self:start!important;
    position:static!important;top:auto!important;left:auto!important;
    transform:none!important;
    margin:0!important;padding:0!important;
    min-width:0!important;white-space:nowrap!important;
    line-height:1.2!important;
  }
  html[data-sg-theme] body.sg-body .sg-main .sg-match-row-wrap:not(.is-finished) .sg104-dc-value {
    grid-column:1!important;grid-row:2!important;
    align-self:center!important;justify-self:start!important;
    display:block!important;
    min-width:0!important;max-width:100%!important;
    position:static!important;top:auto!important;left:auto!important;
    transform:none!important;
    white-space:normal!important;
    overflow:visible!important;
    overflow-wrap:normal!important;word-break:normal!important;hyphens:none!important;
    font-size:clamp(10px,2.9vw,12px)!important;
    line-height:1.22!important;
    margin:0!important;padding:0!important;
  }
  html[data-sg-theme] body.sg-body .sg-main .sg-match-row-wrap:not(.is-finished) .sg104-dc-preview .sg106-dc-percent {
    grid-column:2!important;grid-row:1 / 3!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    position:static!important;top:auto!important;left:auto!important;
    transform:none!important;
    align-self:center!important;justify-self:end!important;
    width:auto!important;height:auto!important;min-width:max-content!important;max-width:100%!important;
    margin:0!important;padding:0!important;
    font-size:clamp(19px,5.3vw,25px)!important;
    line-height:1!important;white-space:nowrap!important;
  }
  /* Riga inferiore separata: il tasto si estende su entrambe le colonne
     per non tagliare il lucchetto o la scritta su schermi stretti. */
  html[data-sg-theme] body.sg-body .sg-main .sg-match-row-wrap:not(.is-finished) .sg104-dc-access {
    grid-column:1 / -1!important;grid-row:3!important;
    display:flex!important;
    align-items:center!important;justify-content:flex-start!important;
    gap:6px!important;
    justify-self:start!important;align-self:start!important;
    position:static!important;top:auto!important;left:auto!important;
    transform:none!important;
    margin:1px 0 0!important;
    padding:6px 8px!important;
    width:max-content!important;max-width:100%!important;min-width:0!important;
    height:auto!important;min-height:32px!important;
    box-sizing:border-box!important;
    white-space:normal!important;overflow:visible!important;
    font-size:clamp(9px,2.4vw,10px)!important;
    line-height:1.25!important;
  }
  html[data-sg-theme] body.sg-body .sg-main .sg-match-row-wrap:not(.is-finished) .sg104-dc-access:has(.sg106-dc-lock),
  html[data-sg-theme] body.sg-body .sg-main .sg-match-row-wrap:not(.is-finished) .sg104-dc-access.sg113-dc-premium-action {
    border:1px solid var(--sg-line,#737e91)!important;
    border-radius:9px!important;
  }
  html[data-sg-theme] body.sg-body .sg-main .sg-match-row-wrap:not(.is-finished) .sg104-dc-access > .sg106-dc-lock {
    display:inline-flex!important;flex:0 0 13px!important;
    align-items:center!important;justify-content:center!important;
    width:13px!important;height:14px!important;
    min-width:13px!important;min-height:14px!important;
    overflow:visible!important;
  }
  html[data-sg-theme] body.sg-body .sg-main .sg-match-row-wrap:not(.is-finished) .sg104-dc-access > .sg106-dc-lock svg {
    display:block!important;width:13px!important;height:13px!important;flex:0 0 13px!important;
  }
  html[data-sg-theme] body.sg-body .sg-main .sg-match-row-wrap:not(.is-finished) .sg104-dc-access > span:last-child:not(.sg106-dc-lock) {
    display:block!important;min-width:0!important;max-width:100%!important;
    white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important;
  }
}
@media screen and (max-width:390px) {
  html[data-sg-theme] body.sg-body .sg-main .sg-match-row-wrap:not(.is-finished) .sg104-dc-preview:not([hidden]) {
    padding-left:10px!important;
    column-gap:6px!important;
  }
}