/* ============================================================
   STRAMA PANELS — premium-refine.css (wave 10)
   Odchudzenie: biblioteka pobrań (resource_library) + strona
   /dla-architekta/ i pokrewne ContentPage. Nadpisuje reguły
   .p-resource-* / .p-klik-strip z premium-pages.css (ładowany PO
   nim). Nowe klasy z prefiksem r-. Bez !important.
   Zasada: elegancja przez redukcję — cieńsze linie, mniej ink,
   spokojniejsze hovery, więcej powietrza.
   ============================================================ */

/* ------------------------------------------------------------
   1. BIBLIOTEKA POBRAŃ — edytorska, hairline'owa siatka
   ------------------------------------------------------------ */

/* Siatka: współdzielone hairline'y (gap 1px na linii) zamiast
   pełnych ramek wokół każdej karty — mniej ink, spokojniej. */
.p-resource-list.r-list{
  grid-template-columns:repeat(2,1fr);
  gap:1px;
  background:var(--p-line);
  border:1px solid var(--p-line);
  margin-top:34px;
}

/* Karta: bez fill-ramki, bez lift+cień, bez niebieskiego paska. */
.p-resource-card.r-row{
  grid-template-columns:auto 1fr auto;
  gap:22px;
  align-items:center;
  background:#fff;
  border:0;
  padding:26px 28px;
  box-shadow:none;
  transform:none;
  transition:background .35s var(--p-ease);
}
.p-resource-card.r-row::before{display:none;}
.p-resource-card.r-row:hover{
  transform:none;
  box-shadow:none;
  border-color:transparent;
  background:#faf8f3;
}

/* Znacznik dokumentu: delikatna outline'owa ikona + cichy format. */
.r-doc-mark{
  width:auto;
  height:auto;
  background:none;
  border:0;
  display:inline-flex;
  flex-direction:column;
  align-items:center;
  gap:7px;
  color:var(--p-muted);
  transition:color .3s var(--p-ease);
}
.r-doc-ico{
  width:26px;
  height:26px;
  display:block;
  stroke:currentColor;
}
.r-doc-fmt{
  font:700 9px/1 var(--sans,Arial);
  letter-spacing:.14em;
  color:#9a9a90;
  transition:color .3s var(--p-ease);
}
.p-resource-card.r-row:hover .r-doc-mark,
.p-resource-card.r-row:hover .r-doc-fmt{color:var(--p-blue);}

/* Treść: tytuł → blue na hover, meta jako cichy tekst. */
.r-body h3{
  font-size:19px;
  font-weight:400;
  letter-spacing:-.02em;
  color:var(--p-navy);
  margin:1px 0 5px;
  transition:color .3s var(--p-ease);
}
.p-resource-card.r-row:hover .r-body h3{color:var(--p-blue);}
.p-resource-category.r-cat{
  color:#8f9088;
  letter-spacing:.16em;
  font-size:9.5px;
}
.p-resource-desc.r-desc{
  color:var(--p-muted);
  font-size:13.5px;
  line-height:1.55;
}

/* Link „Pobierz": delikatny, strzałka slide w prawo. */
.p-resource-link.r-link{
  color:var(--p-muted);
  font-weight:600;
  font-size:12px;
  letter-spacing:.05em;
}
.p-resource-card.r-row:hover .p-resource-link.r-link{color:var(--p-blue);}
.p-resource-link.r-link span{transition:transform .35s var(--p-ease);display:inline-block;}
.p-resource-card.r-row:hover .p-resource-link.r-link span{transform:translateX(4px);}

/* Wiersze modeli 3D (GLB) w strefie architekta: plik nie jest linkowany
   publicznie — zamiast „Pobierz" prowadzimy do formularza kontaktu. */
.r-gated-note{
  margin:6px 0 0;
  font-size:12px;
  line-height:1.5;
  color:var(--p-muted);
  font-style:italic;
}
.p-resource-link.r-link.r-link--gated{color:var(--p-blue);}
.p-resource-card.r-row.r-row--gated .r-doc-fmt{background:var(--p-blue);color:#fff;}

/* ------------------------------------------------------------
   2. PAS „KLIK i gotowe" — ma szeptać, nie wołać
   ------------------------------------------------------------ */
.p-klik-strip{
  background:#fbfaf6;
  box-shadow:none;
  padding:16px 24px;
  gap:22px;
  margin:0 0 26px;
}
.p-klik-mark{padding-right:22px;}
.p-klik-mark img{height:34px;}
.p-klik-text{font-size:13px;line-height:1.65;}

/* ------------------------------------------------------------
   3. /dla-architekta/ i pokrewne ContentPage — studyjny spokój
   Scope: .p-stream = wyłącznie content_page / blog_index /
   contact (NIGDY homepage, która ma tylko .stream-content).
   ------------------------------------------------------------ */

/* Więcej oddechu między sekcjami. */
.p-stream .section{padding-top:92px;padding-bottom:92px;}

/* Karty systemów („Poznaj nasze systemy"): spokojniejszy hover. */
.p-stream .space-card:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 30px rgba(15,27,35,.06);
}
.p-stream .h-space-card:hover .h-card-media img{transform:scale(1.03);}

/* CTA-panel („Potrzebujesz niestandardowego pliku?"): delikatniej. */
.p-stream .cta-panel{border:1px solid var(--p-line);}
.p-stream .h-cta-panel:hover .cta-panel-media img{transform:scale(1.02);}

/* ------------------------------------------------------------
   4. RESPONSYWNOŚĆ
   ------------------------------------------------------------ */
@media(max-width:900px){
  .p-stream .section{padding-top:76px;padding-bottom:76px;}
}
@media(max-width:720px){
  .p-resource-list.r-list{grid-template-columns:1fr;}
  .p-resource-card.r-row{
    grid-template-columns:auto 1fr;
    gap:16px 18px;
    padding:22px;
    align-items:start;
  }
  .p-resource-link.r-link{grid-column:2;justify-self:start;margin-top:2px;}
  .r-body h3{font-size:18px;}
  .p-klik-strip{padding:16px 20px;}
}

/* ------------------------------------------------------------
   5. prefers-reduced-motion
   ------------------------------------------------------------ */
@media(prefers-reduced-motion:reduce){
  .p-resource-card.r-row,
  .p-resource-card.r-row .r-body h3,
  .p-resource-card.r-row .p-resource-link.r-link,
  .p-resource-card.r-row .p-resource-link.r-link span,
  .r-doc-mark,.r-doc-fmt,
  .p-stream .space-card,
  .p-stream .h-space-card .h-card-media img,
  .p-stream .h-cta-panel .cta-panel-media img{
    transition:none;
  }
  .p-resource-card.r-row:hover,
  .p-stream .space-card:hover{transform:none;}
  .p-resource-card.r-row:hover .p-resource-link.r-link span{transform:none;}
  .p-stream .h-space-card:hover .h-card-media img,
  .p-stream .h-cta-panel:hover .cta-panel-media img{transform:none;}
}