/* =================================================
   ALPINISTY PAGE
   - Grid layout for cards
   - Equal-height cards
================================================= */

/* MOBILE FIRST */
.aw-alpinisty-grid{
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
  align-items: stretch;
}

.aw-alpinisty-grid > *{
  min-width: 0;
}

/* tablet */
@media (min-width: 681px){
  .aw-alpinisty-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
  }
}

/* desktop */
@media (min-width: 1101px){
  .aw-alpinisty-grid{
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
  }
}

/* wide desktop */
@media (min-width: 1400px){
  .aw-alpinisty-grid{
    gap: 18px;
  }
}

/* =========================================
   Equal-height cards in grid
========================================= */

.aw-alpinisty-grid .aw-card--alpinist{
  height: 100%;
  display: flex;
  flex-direction: column;
}

.aw-alpinisty-grid .aw-card--alpinist .aw-card__media{
  flex: 0 0 auto;
}

.aw-alpinisty-grid .aw-card--alpinist .aw-card__body{
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}

.aw-alpinisty-grid .aw-card--alpinist .aw-card__meta{
  margin-top: auto;
}

/* =========================================
   Subtitle visibility rules
   - Desktop shows the long subtitle
   - Mobile hides subtitles completely (as requested)
========================================= */

.aw-section-subtitle--desktop{
  display: block;
}

.aw-section-subtitle--mobile{
  display: none;
}

@media (max-width: 680px){
  .aw-section-subtitle--desktop{
    display: none;
  }
  .aw-section-subtitle--mobile{
    display: none !important; /* hide text on mobile */
  }
}

/* =========================================
   Empty state
========================================= */

.aw-empty{
  grid-column: 1 / -1;
  padding: 18px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.04);
}

.aw-empty__title{
  margin: 0 0 6px;
  font-size: 18px;
  line-height: 1.2;
}

.aw-empty__text{
  margin: 0 0 12px;
  color: var(--aw-text-muted,#c2d3dc);
}