/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */
/* === PODSTAWOWE ZMIENNE === */
:root{
  --hm-accent: #2e8b6d;   /* kolor tytułu */
  --hm-text:   #1e293b;   /* tekst */
  --hm-muted:  #64748b;   /* meta */
  --hm-border: #e6e6e6;
  --hm-radius: 14px;
  --hm-gap:    24px;
}

/* === SEKCJA === */
.hm-latest{
  margin-block: 40px;
}
.hm-latest h2{
  margin-bottom: 20px;
  font-size: 1.6rem;
  font-weight: 700;
  color: var(--hm-text);
  text-align: left;
}

/* === GRID: 3 kolumny === */
.hm-grid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--hm-gap);
}

/* Responsywność — 2 kolumny na tablet, 1 na telefon */
@media (max-width: 900px){
  .hm-grid{ grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px){
  .hm-grid{ grid-template-columns: 1fr; }
}

/* === KARTA === */
.hm-card{
  background: #fff;
  border: 0;
  border-radius: 0;
  overflow: hidden;
  box-shadow: 0 8px 20px rgba(0,0,0,.08);
}


/* Miniatura */
.hm-card__thumb{
  display: block;
  aspect-ratio: 16 / 9;
  overflow: hidden;
}
.hm-card__thumb img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Treść karty */
.hm-card__body{
  padding: 16px;
}
.hm-card__title{
  margin: 8px 0 10px;
  font-size: 1.05rem;
  font-weight: 700;
}
.hm-card__title a{
  color: var(--hm-accent);
  text-decoration: none;
}
.hm-card__title a:hover{
  text-decoration: underline;
  color: #256e58;
}
.hm-card__excerpt{
  margin: 0 0 10px;
  color: var(--hm-text);
  opacity: .9;
  line-height: 1.5;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Meta – tylko dla wydarzeń */
.hm-card__meta{
  list-style: none;
  margin: 8px 0 0;
  padding: 0;
  font-size: .95rem;
  color: var(--hm-muted);
}
.hm-card__meta li{ margin: 3px 0; }
.hm-card__meta strong{
  color: var(--hm-text);
  font-weight: 600;
}

.hm-card__btn{
  display:inline-block;
  margin-top:12px;
  padding:8px 22px;
  border:2px solid #9b7fe6;         /* kolor obramowania – fiolet Fundacji XXII (#9569bf też będzie ok) */
  color:#9b7fe6;
  border-radius:999px;              /* pełne zaokrąglenie jak w screenie */
  text-decoration:none;
  font-weight:600;
  font-size:0.95rem;
  transition:all .2s ease;
}
.hm-card__btn:hover{
  background:#9b7fe6;
  color:#fff;
}