/* ===== Responsive ===== */
@media (max-width: 1100px){
  .wo-footer-inner{ grid-template-columns: 1.2fr 1fr 1.2fr; }
  .wo-gallery-sizer,.wo-gallery-item{ width: 33.333%; }

  .wo-auth-shell{ grid-template-columns: 1fr; }
  .wo-two{ grid-template-columns: 1fr; }

  /* LOGIN */
  .wo-login{ grid-template-columns: 1fr; }
  .wo-login-hero{ min-height: 360px; }
  .wo-login-panel{ min-height: auto; }

  /* REJESTRACJA */
  .wo-register{ grid-template-columns: 1fr; }
  .wo-register-hero{ min-height: 360px; }
  .wo-register-panel{ min-height: auto; }


}
@media (max-width: 900px){
  .wo-header-container{grid-template-columns:1fr 0fr 1fr;height:auto;padding:10px 14px;gap:10px;}
  .wo-header-center{flex-direction:column;align-items:stretch;}
  .wo-header-logo-text{display:none;}

  .wo-gridwrap, .wo-gridwrap-cols-1, .wo-gridwrap-cols-2{grid-template-columns:1fr;}
  .wo-col + .wo-col{border-left:none;border-top:1px solid var(--wo-line);}
  .wo-gallery-col{grid-column:auto;border-left:0;border-top:1px solid var(--wo-line);}
  .wo-left-sticky.wo-is-sticky{position:static;top:auto;}

  .wo-logo-img{ height: 92px; width: min(260px, 100%); }

  /* 2 kolumny */
  .wo-gallery-sizer,.wo-gallery-item{ width: 50%; }

  .wo-footer-inner{ grid-template-columns: 1fr; }
  .wo-footer-news{ border-radius: 18px; }
  .wo-grid2{ grid-template-columns: 1fr; }

  .wo-auth-wide{ grid-column: auto; border-left: 0; padding: 16px; }

  /* Portfolios */
  .wo-select{ min-width: 160px; }

  /* Photos */
  .wo-photo-media img{height: min(62vh, 560px);}

  /* DESKTOP */
  .wo-quick{ grid-template-columns: 1fr; }
  .wo-statsgrid{ grid-template-columns: 1fr; }
  .wo-statsgridthree{ grid-template-columns: repeat(2, 1fr); }

  /* MESSAGES */
  .wo-tname span{max-width: 240px;}
  .wo-tsnippet{max-width: 320px;}
  .wo-tright{display:none;} /* na mobile chowamy prawą kolumnę */


  /* UPLOAD */
  .wo-upload{
    grid-template-columns: 1fr !important;
  }
}
@media (max-width: 520px){
  /* 1 kolumna */
  .wo-gallery-sizer,.wo-gallery-item{ width: 100%; }
  .wo-gallery-link{ margin: 0; }

  /* DESKTOP */
  .wo-statsgridthree{ grid-template-columns: 1fr; }

  .wo-upload{
    grid-template-columns: 1fr !important;
  }
}





/* MESSAGES */
@media (max-width: 900px){

  /* tytuł + badge: ciaśniej */
  .wo-title{ margin: 4px 0 10px; font-size: 15px; }
  .wo-badge{ padding:6px 9px; font-size:10px; }

  /* search + button: full width */
  .wo-inbox-top{ gap:10px; }
  .wo-inbox-search{ min-width: 0; flex: 1 1 100%; }
  .wo-btn{ width: 100%; justify-content:center; }

  /* filtry: przewijane w poziomie */
  .wo-tabs{
    flex-wrap: nowrap;
    overflow:auto;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 2px;
  }
  .wo-tabs::-webkit-scrollbar{ display:none; }
  .wo-tab{ flex: 0 0 auto; }

  /* LISTA */
  .wo-threadlist{ gap: 12px; }

  /* KARTA: na mobile robimy 2 rzędy:
     [AVATAR | MID | RIGHT]
     [AVATAR | MID (snippet+chips) | RIGHT]
  */
  .wo-thread{
    border-radius: 16px;
    min-height: 0;
    display:grid;
    grid-template-columns: 92px 1fr auto; /* avatar / content / right */
    grid-template-rows: auto auto;
    gap: 0;               /* kontrolujemy spacing paddingami środka */
    padding: 0;
    overflow:hidden;
    align-items: stretch;
    background: var(--wo-panel);
  }

  /* pasek unread */
  .wo-thread.wo-unread::before{
    background: var(--wo-accent);
  }

  /* AVATAR: od krawędzi, kwadrat, pełna wysokość dwóch rzędów */
  .wo-tava{
    grid-row: 1 / 3;
    height: auto;         /* ważne: NIE ustawiaj 150px */
    width: 92px;
    aspect-ratio: 1 / 1;  /* kwadrat */
    border: 0;
    border-radius: 0;
    overflow:hidden;
    background:#ddd;
  }
  .wo-tava img{ width:100%; height:100%; object-fit:cover; display:block; }

  /* MID: padding tylko tu */
  .wo-tmid{
    grid-column: 2 / 3;
    grid-row: 1 / 2;
    padding: 12px 12px 6px 12px;
    min-width:0;
    display:flex;
    flex-direction:column;
    gap: 6px;
    justify-content:center;
  }

  /* SNIPPET + meta do drugiego rzędu */
  .wo-tmid + .wo-tsub,
  .wo-tsub{ display:none; } /* jeśli miałeś dodatkowy wrapper – ignorujemy */

  .wo-tsnippet{
    grid-column: 2 / 3;
    grid-row: 2 / 3;
    padding: 0 12px 12px 12px;
    margin: 0;
    white-space: normal;      /* na mobile lepiej 2 linie */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow:hidden;
    max-width: none;
  }

  /* meta/chipy: jeśli masz, wrzuć je do .wo-tmid pod nazwą .wo-tmeta */
  .wo-tmeta{
    flex-wrap: wrap;
    gap: 8px;
    font-size: 10px;
  }
  .wo-chip{ padding: 4px 9px; font-size: 10px; }

  /* RIGHT: czas + badge + (opcjonalnie) mini akcje */
  .wo-tright{
    grid-column: 3 / 4;
    grid-row: 1 / 3;
    padding: 12px 12px 12px 10px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    align-items:flex-end;
    gap: 10px;
    min-width: 0;
  }

  .wo-time{ font-size: 10px; }
  .wo-new{ min-width: 24px; height: 18px; padding: 0 7px; font-size: 10px; }

  /* mini akcje: chowamy na bardzo wąskich */
  /* .wo-actions{ display:none; } */

  @media (max-width: 420px){
    .wo-thread{ grid-template-columns: 84px 1fr auto; }
    .wo-tava{ width: 84px; }
  }
}