/* =============================
   STYLE SPECYFICZNE - STRONA GLOWNA
   Ladowane tylko na stronie glownej
============================= */

/* Artykuly */
.siatka-artykuly{
  margin-top: 18px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.karta-artykulu{
  position: relative;
  border-radius: var(--radius2);
  border: 1px solid var(--obrys);
  overflow: hidden;
  min-height: 220px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.link-karty{
  display: block;
  height: 100%;
  text-decoration: none;
}

.nakladka{
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,.08), rgba(0,0,0,.55));
}

.tresc-karty{
  position: absolute;
  inset: auto 0 0 0;
  padding: 16px;
  color: white;
}

.etykieta-kategorii{
  display: inline-flex;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.16);
  border: 1px solid rgba(255,255,255,.18);
  margin: 0 0 10px;
  font-weight: 800;
  font-size: 12px;
}

.meta{
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  font-size: 12px;
  opacity: .92;
}
.gwiazdki{ letter-spacing: .08em; }

/* Tla przykladowe artykulow */
.artykul-1{ background-image: linear-gradient(135deg, #1D4ED8, #0EA5E9); }
.artykul-2{ background-image: linear-gradient(135deg, #7C3AED, #EC4899); }
.artykul-3{ background-image: linear-gradient(135deg, #0F766E, #22C55E); }
.artykul-4{ background-image: linear-gradient(135deg, #B45309, #F59E0B); }
.artykul-5{ background-image: linear-gradient(135deg, #334155, #64748B); }
.artykul-6{ background-image: linear-gradient(135deg, #BE123C, #F97316); }
.artykul-7{ background-image: linear-gradient(135deg, #0B1220, #4C1D95); }

.wiersz-akcji{
  margin-top: 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

.tytul-uciety{ margin: 0 0 8px; }
.tekst-uciety{ margin: 0; color: var(--muted); }

.blok-rozwin [data-rozwin-element].ukryty{ display: none; }
.przycisk-rozwin{ margin-top: 10px; }

/* Podstawy SEO */
.siatka-podstaw{
  margin-top: 18px;
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 12px;
}

/* 3-4-3 na desktop */
.siatka-podstaw > :nth-child(-n+3){ grid-column: span 4; }
.siatka-podstaw > :nth-child(n+4):nth-child(-n+7){ grid-column: span 3; }
.siatka-podstaw > :nth-child(n+8):nth-child(-n+10){ grid-column: span 4; }

.kafelek-podstawy{
  border-radius: var(--radius2);
  border: 1px solid var(--obrys);
  background: color-mix(in oklab, var(--karta) 82%, transparent);
  padding: 16px;
  box-shadow: 0 14px 40px rgba(2,6,23,.10);
}

/* Sekcja komunikaty */
.sekcja-komunikaty .siatka-komunikaty{
  margin-top: 18px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.boks-info{
  padding: 32px;
  border-radius: var(--radius2);
  border: 1px solid var(--obrys);
  background: color-mix(in oklab, var(--karta) 82%, transparent);
  box-shadow: 0 16px 44px rgba(2,6,23,.10);
  display: flex;
  flex-direction: column;
  transition: transform .15s ease, box-shadow .15s ease;
}
.boks-info:hover{
  transform: translateY(-4px);
  box-shadow: 0 20px 25px -5px rgba(0,0,0,.08);
}
.boks-info > div:last-child{ margin-top: auto; }

:root[data-theme="dark"] .boks-info{
  background: color-mix(in oklab, var(--karta) 92%, transparent);
  box-shadow: 0 18px 60px rgba(0,0,0,.35);
}

.boks-info h3{ margin: 0 0 10px; }
.boks-info p{ margin: 0 0 14px; }

.lista-punktow{
  margin: 0 0 14px;
  padding-left: 18px;
  color: var(--muted);
}

/* Responsywnosc glowna */
@media (max-width: 980px){
  .siatka-podstaw{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .siatka-podstaw > *{ grid-column: auto; }
  .siatka-artykuly{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .kolarz{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sekcja-komunikaty .siatka-komunikaty{ grid-template-columns: 1fr; }
}

@media (max-width: 760px){
  .siatka-podstaw{ grid-template-columns: 1fr; }
  .siatka-artykuly{ grid-template-columns: 1fr; }
  .kolarz{ grid-template-columns: 1fr; }
}

/* Desktop: brak przyciskow rozwijania */
@media (min-width: 981px){
  [data-rozwin-przycisk]{ display: none !important; }
}

/* DEBUGOWANIE: glowna.css v1 - tenSEO */