/* ArezzoMT2 UI v216 — telefon wyświetla pełny układ komputerowy
   Mobilna przeglądarka otrzymuje wirtualny viewport 900 px, a ten arkusz
   przywraca trzy kolumny i pojedynczy rząd menu zamiast układu mobilnego. */

@media (max-width:1100px) {
  html {
    width: 900px !important;
    min-width: 900px !important;
    overflow-x: hidden !important;
    -webkit-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
  }

  html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) {
    width: 900px !important;
    min-width: 900px !important;
    margin: 0 !important;
    overflow-x: hidden !important;
    font-size: 12px !important;
  }

  html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) .az74-page {
    width: 900px !important;
    min-width: 900px !important;
    padding: 0 10px !important;
    overflow: visible !important;
  }

  html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) #arezzo-main-header,
  html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) main.az74-stage,
  html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) footer.az74-footer,
  html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) .az203-header-shell,
  html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) .az74-stage,
  html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) .az74-footer {
    width: 880px !important;
    max-width: 880px !important;
    min-width: 880px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* Logo ma pozostać takie jak na komputerze. */
  html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) #arezzo-main-header .az74-logo-row {
    width: 880px !important;
    min-height: 176px !important;
    height: 176px !important;
    margin: 0 0 2px !important;
    padding: 4px 0 0 !important;
  }
  html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) #arezzo-main-header .az74-logo-row::before {
    width: 760px !important;
    height: 165px !important;
    opacity: .72 !important;
  }
  html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) #arezzo-main-header .az74-logo-row img {
    width: 620px !important;
    max-width: 620px !important;
    max-height: 166px !important;
    height: auto !important;
    filter: drop-shadow(0 15px 20px rgba(0,0,0,.88)) drop-shadow(0 0 20px rgba(46,163,255,.38)) !important;
  }

  /* Menu: jeden rząd, identyczny podział jak na PC i centralny kryształ. */
  html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) #arezzo-main-header header#arezzo-main-topbar,
  html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) #arezzo-main-header .az74-topbar {
    width: 880px !important;
    max-width: 880px !important;
    min-width: 880px !important;
    height: 78px !important;
    min-height: 78px !important;
    margin: 0 !important;
    padding: 10px 44px !important;
    background-color: transparent !important;
    background-image: url('../images/ui-v202/menu-shell.png') !important;
    background-position: center !important;
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
    border: 0 !important;
    border-image: none !important;
    box-shadow: 0 16px 30px rgba(0,0,0,.44), 0 0 18px rgba(28,137,230,.13) !important;
    overflow: visible !important;
  }
  html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) #arezzo-main-header header#arezzo-main-topbar::after {
    display: block !important;
    width: 66px !important;
    height: 66px !important;
    filter: drop-shadow(0 0 10px rgba(43,169,255,.58)) !important;
  }
  html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) #arezzo-main-header nav#arezzo-main-nav,
  html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) #arezzo-main-header .az74-menu {
    width: 792px !important;
    max-width: 792px !important;
    min-width: 792px !important;
    height: 58px !important;
    min-height: 58px !important;
    display: grid !important;
    grid-template-columns: repeat(3,minmax(0,1fr)) 70px repeat(3,minmax(0,1fr)) !important;
    grid-template-rows: 58px !important;
    gap: 0 !important;
  }
  html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) #arezzo-main-nav > a:nth-child(1) { grid-column:1 !important; }
  html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) #arezzo-main-nav > a:nth-child(2) { grid-column:2 !important; }
  html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) #arezzo-main-nav > a:nth-child(3) { grid-column:3 !important; }
  html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) #arezzo-main-nav > a:nth-child(4) { grid-column:5 !important; }
  html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) #arezzo-main-nav > a:nth-child(5) { grid-column:6 !important; }
  html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) #arezzo-main-nav > a:nth-child(6) { grid-column:7 !important; }
  html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) #arezzo-main-header nav#arezzo-main-nav > a,
  html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) #arezzo-main-header nav#arezzo-main-nav > a:nth-child(n) {
    grid-row: 1 !important;
    height: 58px !important;
    min-height: 58px !important;
    margin: 0 !important;
    padding: 0 6px !important;
    gap: 5px !important;
    color: #dff3ff !important;
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    border-right: 1px solid rgba(102,172,224,.17) !important;
    font-size: 9.5px !important;
    letter-spacing: .025em !important;
  }
  html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) #arezzo-main-header nav#arezzo-main-nav > a:nth-child(3),
  html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) #arezzo-main-header nav#arezzo-main-nav > a:nth-child(6) {
    border-right: 0 !important;
  }
  html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) #arezzo-main-header nav#arezzo-main-nav > a::before {
    width: 15px !important;
    height: 15px !important;
    min-width: 15px !important;
    flex-basis: 15px !important;
  }
  html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) #arezzo-main-header nav#arezzo-main-nav > a::after {
    inset: 8px 4px !important;
  }

  /* Trzy kolumny, bez przenoszenia paneli pod aktualności. */
  html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) main.az74-stage {
    padding: 15px 0 26px !important;
  }
  html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) .az74-grid,
  html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) main.az74-stage > .az74-grid {
    width: 880px !important;
    max-width: 880px !important;
    min-width: 880px !important;
    display: grid !important;
    grid-template-columns: 180px minmax(0,496px) 180px !important;
    align-items: start !important;
    gap: 12px !important;
  }
  html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) .az74-left,
  html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) .az74-center,
  html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) .az74-right {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    display: block !important;
    grid-template-columns: none !important;
    gap: 0 !important;
    order: initial !important;
  }
  html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) .az74-left { grid-column:1 !important; }
  html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) .az74-center { grid-column:2 !important; }
  html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) .az74-right { grid-column:3 !important; }
  html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) .az74-left > * + *,
  html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) .az74-right > * + * {
    margin-top: 16px !important;
  }
  html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) .az211-ranking-card { order: initial !important; }
  html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) .az211-quick-under-ranking {
    order: initial !important;
    margin-top: 16px !important;
  }
  html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) .az202-quick-card {
    grid-column: auto !important;
  }
  html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) .az202-quick-list,
  html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) .az214-quick-list {
    grid-template-columns: 1fr !important;
  }

  /* Panele mają desktopowe proporcje, tylko trochę ciaśniejsze. */
  html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) .az74-card::before,
  html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) .az202-graphic-card::before {
    inset: -5px !important;
    border-width: 22px !important;
    border-image-width: 22px !important;
  }
  html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) :is(.az74-panel-title,.az74-subpage-title,.az74-news-banner,.az202-panel-title,.top-sidebar) {
    width: calc(100% + 10px) !important;
    min-height: 40px !important;
    margin: -20px -5px 12px !important;
    padding: 8px 20px !important;
    font-size: 10px !important;
  }

  html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) .az109-home-news-card {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
  html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) .az109-home-news-item,
  html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) .az164-home-news-item {
    padding: 12px 13px !important;
    margin-bottom: 10px !important;
  }
  html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) .az109-home-news-item h1,
  html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) .az164-start-news h1 {
    font-size: 19px !important;
  }
  html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) .az109-home-news-item h2,
  html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) .az164-start-news h2 {
    font-size: 14px !important;
  }
  html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) .az109-home-news-text,
  html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) .az164-start-news p {
    font-size: 10.5px !important;
    line-height: 1.55 !important;
  }
  html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) .az164-rewards div {
    grid-template-columns: 90px minmax(0,1fr) !important;
    padding: 7px 9px !important;
  }

  html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) .az211-ranking-card,
  html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) .az211-quick-under-ranking,
  html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) .az74-login-card,
  html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) .az74-server-card {
    padding-left: 11px !important;
    padding-right: 11px !important;
  }
  html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) .az211-ranking-table th,
  html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) .az211-ranking-table td,
  html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) .az74-card table th,
  html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) .az74-card table td {
    padding: 6px 4px !important;
    font-size: 8.5px !important;
  }
  html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) .az202-quick-link {
    min-height: 48px !important;
    padding: 8px 8px 8px 45px !important;
  }
  html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) .az202-quick-link::before {
    left: 10px !important;
    width: 24px !important;
    height: 24px !important;
    background-size: 18px 18px !important;
  }
  html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) .az202-quick-link strong {
    font-size: 10px !important;
  }
  html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) .az202-quick-link small {
    font-size: 8px !important;
  }

  html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) :is(input[type=text],input[type=password],input[type=email],input[type=number],input[type=url],select,textarea,.form-control) {
    min-height: 32px !important;
    padding: 6px 11px !important;
    font-size: 9px !important;
  }
  html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) .az74-login-form label {
    font-size: 8px !important;
  }
  html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) .az74-login-links {
    grid-template-columns: 1fr 1fr !important;
    gap: 5px !important;
  }
  html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) .az74-login-links > a {
    min-height: 31px !important;
    padding: 5px 7px !important;
    font-size: 7px !important;
  }
  html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) .az74-login-links > a:last-child {
    grid-column: 1 / -1 !important;
  }

  /* Podstrony również zachowują trzykolumnowy wygląd komputerowy. */
  html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) .az74-subpage-card {
    width: 100% !important;
    max-width: none !important;
  }
  html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) .az215-download-card {
    padding: 16px !important;
  }
  html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) .az215-download-row {
    grid-template-columns: 32px minmax(0,1fr) 112px !important;
    gap: 9px !important;
    min-height: 54px !important;
    padding: 8px 9px !important;
  }
  html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) .az215-download-button {
    grid-column: auto !important;
    width: auto !important;
    min-height: 34px !important;
  }

  /* Dolna stopka pozostaje w jednym rzędzie jak na PC. */
  html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) footer.az74-footer .az204-footer-bottom {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) auto minmax(0,1fr) !important;
    justify-items: stretch !important;
    text-align: left !important;
  }
  html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) footer.az74-footer .az74-footer-links {
    width: auto !important;
    display: flex !important;
    grid-template-columns: none !important;
    justify-self: end !important;
  }
  html body#arezzo-public-v205.arezzo-ui-final-v205:not(.page-admin) footer.az74-footer .az74-powered {
    justify-self: center !important;
  }
}