/* v1.56 | Mobile: lock icon and CTA legibility inside match preview.
   Do not alter the match row, team positions or favourite action. */
@media screen and (max-width:760px) {
  html[data-sg-theme] body.sg-body .sg-main .sg-match-row-wrap .sg-match-feature-zone .sg-match-features,
  html[data-sg-theme] body.sg-body .sg-main .sg-match-row-wrap .sg104-dc-preview:not([hidden]) {
    min-width:0!important;overflow:visible!important;
  }
  html[data-sg-theme] body.sg-body .sg-main .sg-match-row-wrap .sg104-dc-preview .sg104-dc-access {
    display:grid!important;
    grid-template-columns:12px minmax(0,1fr)!important;
    align-items:center!important;justify-content:start!important;
    column-gap:5px!important;
    width:100%!important;min-width:0!important;max-width:100%!important;
    box-sizing:border-box!important;
    padding:6px 8px!important;
    margin:4px 0 0!important;
    height:auto!important;min-height:32px!important;
    line-height:1.3!important;font-size:9px!important;
    white-space:normal!important;overflow:visible!important;
    text-overflow:clip!important;
  }
  html[data-sg-theme] body.sg-body .sg-main .sg-match-row-wrap .sg104-dc-access > .sg106-dc-lock {
    display:flex!important;align-items:center!important;justify-content:center!important;
    min-width:12px!important;min-height:12px!important;
    flex-shrink:0!important;
    overflow:visible!important;
  }
  html[data-sg-theme] body.sg-body .sg-main .sg-match-row-wrap .sg104-dc-access > .sg106-dc-lock svg {
    display:block!important;width:12px!important;height:12px!important;
    min-width:12px!important;flex-shrink:0!important;
  }
  html[data-sg-theme] body.sg-body .sg-main .sg-match-row-wrap .sg104-dc-access > span:last-child:not(.sg106-dc-lock) {
    min-width:0!important;max-width:100%!important;
    white-space:normal!important;
    overflow-wrap:normal!important;word-break:normal!important;
    overflow:visible!important;text-overflow:clip!important;
  }
  /* Fallback CTA: the same readable icon + text geometry before preview loads. */
  html[data-sg-theme] body.sg-body .sg-main .sg-match-row-wrap .sg106-locked-cta {
    box-sizing:border-box!important;width:100%!important;max-width:100%!important;
    min-width:0!important;min-height:32px!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    gap:5px!important;padding:6px 7px!important;
    white-space:normal!important;overflow:visible!important;
    line-height:1.3!important;
  }
  html[data-sg-theme] body.sg-body .sg-main .sg-match-row-wrap .sg106-locked-cta > .sg106-lock-symbol {
    display:inline-flex!important;flex:0 0 12px!important;align-items:center!important;
  }
  html[data-sg-theme] body.sg-body .sg-main .sg-match-row-wrap .sg106-locked-cta > span:last-child {
    display:block!important;min-width:0!important;white-space:normal!important;
  }
}
