/*
 * Gutenberg block styles.
 *
 * All colors and fonts reference theme.json presets so that style variations
 * and user global styles keep working. Hardcoded hex values are only used as
 * fallbacks.
 */

.is-style-unu-section {
  padding-bottom: clamp(3.5rem, 7vw, 5rem);
  padding-top: clamp(3.5rem, 7vw, 5rem);
}

.is-style-unu-soft-band {
  background:
    linear-gradient(120deg, rgba(221, 251, 250, 0.78), rgba(255, 255, 255, 0.92)),
    var(--wp--preset--color--base, #f7fffe);
  border-bottom: 1px solid rgba(6, 46, 53, 0.08);
  border-top: 1px solid rgba(6, 46, 53, 0.08);
  padding-bottom: clamp(3.5rem, 7vw, 5rem);
  padding-top: clamp(3.5rem, 7vw, 5rem);
}

.is-style-unu-card {
  background: rgba(255, 255, 255, 0.94);
  border: 1px solid var(--unu-ref-border);
  border-radius: 14px;
  box-shadow: var(--unu-ref-shadow-sm);
  padding: clamp(1rem, 3vw, 1.5rem);
  transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.is-style-unu-card:hover {
  border-color: rgba(13, 167, 178, 0.4);
  box-shadow: var(--unu-ref-shadow-md);
  transform: translateY(-2px);
}

.is-style-unu-stat-card {
  background: #fff;
  border: 1px solid var(--unu-ref-border);
  border-left: 6px solid var(--wp--preset--color--unu-teal, #0da7b2);
  border-radius: 0 14px 14px 0;
  box-shadow: var(--unu-ref-shadow-sm);
  padding: 1.2rem 1.35rem;
}

.is-style-unu-stat-card strong,
.is-style-unu-stat-card b {
  color: var(--wp--preset--color--unu-orange, #ff8200);
  display: block;
  font-family: var(--wp--preset--font-family--display);
  font-size: 2rem;
  font-weight: 900;
  letter-spacing: -0.02em;
  line-height: 1;
}

.is-style-unu-outline .wp-block-button__link {
  background: transparent;
  border: 2px solid currentColor;
  color: var(--wp--preset--color--deep-teal, #007c88);
}

.is-style-unu-rounded-media img {
  border-radius: 14px;
  box-shadow: var(--unu-ref-shadow-sm);
}

.is-style-unu-news-grid .wp-block-post-template {
  display: grid !important;
  gap: 1.5rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.is-style-unu-news-grid .wp-block-post {
  background: #fff;
  border: 1px solid var(--unu-ref-border);
  border-radius: 14px;
  box-shadow: var(--unu-ref-shadow-sm);
  display: flex;
  flex-direction: column;
  min-height: 240px;
  padding: 1.35rem;
  transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.is-style-unu-news-grid .wp-block-post:hover {
  border-color: rgba(13, 167, 178, 0.4);
  box-shadow: var(--unu-ref-shadow-md);
  transform: translateY(-2px);
}

@media (max-width: 1040px) {
  .is-style-unu-news-grid .wp-block-post-template {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .is-style-unu-news-grid .wp-block-post-template {
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion: reduce) {
  .is-style-unu-card:hover,
  .is-style-unu-news-grid .wp-block-post:hover {
    transform: none;
  }
}