/* =========================================================
   📦 FACT BLURBS – GRID & WRAPPER
   ---------------------------------------------------------
   Layout för hela faktabox-sektionen
   ========================================================= */

.section-fact-box h2 {
  text-align: center;
}

.blurbs-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: var(--spacing-md, 1rem);
}


/* =========================================================
   🧱 BLURB CARD – BAS
   ---------------------------------------------------------
   Själva kortet (ikon + text)
   ========================================================= */

.blurb {
  background: var(--color-bg-alt, #f9f9f9);
  padding: var(--spacing-md, 1rem);
  border-radius: var(--radius-md, 8px);
  text-align: center;
  transition: box-shadow 0.3s ease;
}

.blurb:hover {
  box-shadow: var(--shadow-md, 0 4px 12px rgba(0,0,0,0.1));
}


/* =========================================================
   🎯 IKON – BAS
   ---------------------------------------------------------
   Standard för alla SVG-ikoner
   ========================================================= */

.blurb svg {
  width: 40px;
  height: 40px;
  margin-bottom: var(--spacing-md, 1rem);
  display: block;
  margin-left: auto;
  margin-right: auto;
  transition: transform 0.3s ease;
}

.blurb:hover svg {
  transform: scale(1.1) rotate(-2deg);
}


/* =========================================================
   📱 MOBIL – GRID JUSTERING
   ---------------------------------------------------------
   Gör blurbs mer kompakta på små skärmar
   ========================================================= */

@media (max-width: 600px) {
  .blurbs-grid {
    grid-template-columns: repeat(2, 1fr);
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--spacing-xs, 0.5rem);
    padding-right: var(--spacing-xs, 0.5rem);
    max-width: 400px;
  }
}


/* =========================================================
   🎨 IKONFÄRGER – GENERELLA
   ---------------------------------------------------------
   Färgkodning per kategori (medvetet hårdkodad)
   ========================================================= */

.blurb.geography        svg { color: #0077cc; }
.blurb.airports         svg { color: #e36c27; }
.blurb.currency         svg { color: #2b9348; }
.blurb.transport        svg { color: #f9c80e; }
.blurb.electricity      svg { color: #5b5bff; }
.blurb.vaccinations     svg { color: #a83279; }
.blurb.shopping         svg { color: #ec4899; }
.blurb.nightlife        svg { color: #ff5c5c; }
.blurb.time_diff        svg { color: #6d28d9; }
.blurb.language         svg { color: #0891b2; }
.blurb.environment      svg { color: #00a86b; }
.blurb.visa             svg { color: #ca8a04; }


/* =========================================================
   🎿 SKIDFAKTA
   ========================================================= */

.blurb.ski-level        svg { color: #2f5fa7; }
.blurb.ski-pists        svg { color: #0ea5e9; }
.blurb.ski-lifts        svg { color: #1e3a8a; }
.blurb.ski-snow         svg { color: #4fa3d1; }
.blurb.ski-price        svg { color: #16a34a; }
.blurb.ski-skiinout     svg { color: #374151; }
.blurb.ski-apres        svg { color: #f97316; }
.blurb.ski-region-info  svg { color: #2563eb; }


/* =========================================================
   📊 BASFAKTA
   ========================================================= */

.blurb.opening_hours    svg { color: #0077cc; }
.blurb.entry_fee        svg { color: #e36c27; }
.blurb.time_required    svg { color: #6d28d9; }
.blurb.accessibility    svg { color: #2b9348; }
.blurb.public_transport svg { color: #f97316; }
.blurb.languages        svg { color: #0891b2; }
.blurb.child_friendly   svg { color: #00a86b; }


/* =========================================================
   🏛️ KULTUR & SEVÄRDHET
   ========================================================= */

.blurb.guided_tours     svg { color: #ff5c5c; }
.blurb.historical_epoch svg { color: #6d28d9; }
.blurb.unesco_status    svg { color: #1e3a8a; }
.blurb.audio_guide      svg { color: #a83279; }
.blurb.signage          svg { color: #ca8a04; }


/* =========================================================
   🏖️ STRAND & BAD
   ========================================================= */

.blurb.sand_type        svg { color: #00b4d8; }
.blurb.water_temperature svg { color: #ff7f50; }
.blurb.lifeguard        svg { color: #ef4444; }
.blurb.beach_service    svg { color: #0ea5e9; }
.blurb.water_sports     svg { color: #8b5cf6; }


/* =========================================================
   🧭 PRAKTISKT
   ========================================================= */

.blurb.parking          svg { color: #f9c80e; }
.blurb.toilets          svg { color: #5b5bff; }
.blurb.restaurant_cafe  svg { color: #ec4899; }
.blurb.important_info   svg { color: #374151; }
.blurb.tips             svg { color: #facc15; }
.blurb.restrictions     svg { color: #991b1b; }


/* =========================================================
   🌿 NATUR
   ========================================================= */

.blurb.nature_type      svg { color: #16a34a; }
.blurb.activities       svg { color: #0ea5e9; }
.blurb.difficulty       svg { color: #475569; }
.blurb.best_time        svg { color: #facc15; }
.blurb.season_weather   svg { color: #38bdf8; }


/* =========================================================
   🏟️ SPORT / ARENA
   ========================================================= */

.blurb.stadium_capacity svg { color: #1e3a8a; }
.blurb.home_team        svg { color: #dc2626; }
.blurb.built_year       svg { color: #6b7280; }
.blurb.renovated        svg { color: #ea580c; }
.blurb.pitch_type       svg { color: #16a34a; }
.blurb.record_attendance svg { color: #ca8a04; }
.blurb.stadium_tour     svg { color: #0891b2; }