/* ==========================================================================
   MODOM — Tepelnoizolačné vlastnosti (ATELIER)
   Page-specific: seasons triptych. Premium page components come from
   premium.css, shared components from components.css.
   ========================================================================== */

/* --- 04 Seasons triptych ----------------------------------------------------- */
.seasons {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-20);
  align-items: stretch;
}
.season {
  position: relative;
  overflow: hidden;
  padding: clamp(1.75rem, 1.2rem + 1.6vw, 2.5rem);
  display: flex;
  flex-direction: column;
  gap: var(--space-16);
  transition: transform var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out);
}
.season:hover { transform: translateY(-4px); }

/* Seasonal accent — a soft gradient bar along the top edge */
.season::before { content: ""; position: absolute; inset: 0 0 auto 0; height: 5px; }
.season--winter::before { background: linear-gradient(90deg, #c3cfd8, #9fb4c4); }
.season--summer::before { background: linear-gradient(90deg, #dcc9ae, #c9ad88); }
.season--year::before   { background: linear-gradient(90deg, #b8c4ae, #7f9a7d); }

.season .fc-badge { width: 48px; height: 48px; }
.season .fc-badge i { font-size: 19px; }
.season--winter .fc-badge { color: #7d95a8; }
.season--summer .fc-badge { color: var(--accent); }
.season--year .fc-badge { color: #6d8a6b; }

.season h3 { font-family: var(--serif); font-weight: 400; font-size: 1.6rem; letter-spacing: -0.04em; }
/* Lists start right under the heading so every card's first item aligns */
.season ul { list-style: none; display: flex; flex-direction: column; gap: var(--space-12); }
.season li {
  display: flex; align-items: baseline; gap: var(--space-12);
  font-size: 0.9rem; font-weight: 600; line-height: 1.5; color: var(--muted);
}
.season li i { font-size: 12px; color: var(--taupe); flex: none; }

.seasons .season:nth-child(2) { transition-delay: 90ms; }
.seasons .season:nth-child(3) { transition-delay: 180ms; }
/* Hover lift must stay snappy even with the reveal delay */
.seasons .season:hover { transition-delay: 0ms; }

/* --- Responsive ---------------------------------------------------------------- */
@media (max-width: 900px) {
  .seasons { grid-template-columns: 1fr; }
}