/* =====================================================
   SECTION SPACING
===================================================== */

.sk-list h2 {
  margin-bottom: var(--space-8);
}

/* =====================================================
   NEWS SECTION – OCEAN THEME
===================================================== */

.sk-news {
  background: linear-gradient(
    180deg,
    #0b3c5d 0%,
    #0e4f73 50%,
    #136f8a 100%
  );
  color: #ffffff;
}

.sk-news h2 {
  color: #ffffff;
}

.sk-news a {
  color: inherit;
}

.sk-news a:hover {
  text-decoration: underline;
}

/* =====================================================
   RÆKTENDUR SECTION – SAND / COAST THEME
===================================================== */

.sk-raektendur {
  background: linear-gradient(
    180deg,
    #f4efe6 0%,
    #e8dfcf 100%
  );
  color: #1f2a30;
}

.sk-raektendur h2 {
  color: inherit;
}

.sk-raektendur a {
  color: inherit;
}

/* =====================================================
   OPTIONAL: SECTION VARIANTS (FUTURE SAFE)
   Use later without touching card.css
===================================================== */

/* dark cards on ocean (optional modifier) */
/*
.sk-news.sk-cards-dark .sk-card {
  background: rgba(255,255,255,0.08);
  color: #ffffff;
}
*/

/* =====================================================
   DARK CARDS ON OCEAN BACKGROUND (NEWS ONLY)
===================================================== */

.sk-news .sk-card {
  background: rgba(255,255,255,0.04);
  backdrop-filter: blur(6px);
  border: 1px solid rgba(255,255,255,0.15);
}

.sk-news .sk-card:hover {
  box-shadow: 0 10px 24px rgba(0,0,0,0.25);
}

/* text inside cards */
.sk-news .sk-card-body {
  color: #ffffff;
}

.sk-news .sk-card-body .wp-block-post-excerpt {
  opacity: 0.9;
}

/* make links white */
.sk-news .sk-card a {
  color: #ffffff;
}