/* CzechLiga.Pro V23 mobile hardening */
*{min-width:0}
html,body{max-width:100%;overflow-x:hidden}
img,svg,video,canvas{max-width:100%}
button,a,input,select,textarea{touch-action:manipulation}
@media(max-width:900px){
  body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}
  .site-header .header-container{width:calc(100% - 14px)!important;column-gap:6px!important}
  .site-header .site-logo{font-size:clamp(.92rem,4.4vw,1.26rem)!important}
  .site-header .main-nav{max-height:calc(100dvh - 82px)!important;overflow:auto!important}
  .site-header .nav-list{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .cz-account-menu{right:max(7px,env(safe-area-inset-right))!important;max-height:calc(100dvh - 76px)!important}
  .legal-footer{width:calc(100% - 14px)!important}
  .modal-overlay,.cz-purchases-overlay,.faq-answer-overlay{padding:8px!important}
  .modal,.cz-purchases-panel,.faq-answer-dialog{width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important;max-height:calc(100dvh - 16px)!important;overflow:auto!important}
  input,select,textarea{max-width:100%!important}
}
@media(max-width:720px){
  .filters-container{width:calc(100% - 14px)!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  .filter-btn{width:100%!important;min-width:0!important}
  .matches-section{padding-left:7px!important;padding-right:7px!important}
  .matches-grid{gap:10px!important}
  .match-card{width:100%!important;max-width:430px!important;min-height:300px!important;margin-left:auto!important;margin-right:auto!important;padding:15px!important;transform:none!important}
  .match-card.available,.match-card.completed{transform:none!important;margin-top:0!important;margin-bottom:0!important}
  .match-card.available:hover,.match-card.completed:hover{transform:translateY(-2px)!important}
  #purchaseModal .modal{width:calc(100vw - 14px)!important;max-height:calc(100dvh - 14px)!important}
  #purchaseModal .modal-header{padding:15px 16px 10px!important}
  #purchaseModal .modal-content{padding:15px 16px 17px!important}
  .purchase-btn,.result-link,.result-btn{min-height:44px!important}
  .legal-screen{height:auto!important;min-height:calc(100dvh - 54px)!important;overflow:visible!important}
  .legal-main{overflow:visible!important}
  .legal-panel-wrap{min-height:300px!important}
  .legal-panel{position:relative!important;inset:auto!important;overflow:visible!important}
  html:has(.legal-screen),body:has(.legal-screen){height:auto!important;overflow-y:auto!important}
}
@media(max-width:480px){
  .site-header .header-container{grid-template-columns:minmax(0,1fr) 38px 36px 36px!important;grid-template-rows:48px auto!important}
  .site-header .header-account-slot,.site-header .header-login-link,.site-header .cz-account-widget,.site-header .cz-account-button{width:38px!important;min-width:38px!important;max-width:38px!important;height:38px!important}
  .site-header .telegram-icon-link{width:36px!important;min-width:36px!important;max-width:36px!important;height:38px!important}
  .site-header .mobile-menu-btn{width:36px!important;min-width:36px!important;max-width:36px!important;height:38px!important}
  .site-header .nav-item a{font-size:.72rem!important;padding:0 2px!important}
  .legal-footer{font-size:10px!important}
  .legal-footer-links{gap:6px 9px!important}
  .cookie-consent{width:calc(100vw - 14px)!important;left:7px!important;right:7px!important;bottom:7px!important}
}