/*
Theme Name: Coleoidea Block Theme
Theme URI: https://coleoidea.fi
Author: Coleoidea
Description: Tumma, moderni WordPress-lohkoteema turvallisuusalan koulutuspalveluille. Sivujen sisältö on muokattavissa WordPressin lohkoeditorilla.
Version: 1.2.1
Requires at least: 6.6
Tested up to: 7.0
Requires PHP: 8.0
Text Domain: coleoidea
*/

:root {
  --coleoidea-radius: 24px;
  --coleoidea-shadow: 0 24px 80px rgba(0, 0, 0, .32);
}

html { scroll-behavior: smooth; }
body { -webkit-font-smoothing: antialiased; }
a { text-underline-offset: .18em; }

.coleo-card,
.wp-block-group.coleo-card {
  border: 1px solid rgba(217, 75, 90, .24);
  border-radius: var(--coleoidea-radius);
  box-shadow: var(--coleoidea-shadow);
  transition: transform .18s ease, border-color .18s ease, background-color .18s ease;
}

.coleo-card:hover,
.wp-block-group.coleo-card:hover {
  transform: translateY(-3px);
  border-color: rgba(217, 75, 90, .52);
}

.coleo-kicker {
  letter-spacing: .12em;
  text-transform: uppercase;
  font-size: .78rem;
  font-weight: 700;
}

.coleo-soft-border {
  border: 1px solid rgba(255,255,255,.10);
}

.coleo-gradient {
  background: radial-gradient(circle at 18% 8%, rgba(217,75,90,.18), transparent 32%),
  radial-gradient(circle at 82% 0%, rgba(110,136,178,.14), transparent 30%),
  linear-gradient(135deg, #121824 0%, #1A2433 52%, #243248 100%);
}

.wp-block-button__link { transition: transform .16s ease, opacity .16s ease; }
.wp-block-button__link:hover { transform: translateY(-1px); opacity: .92; }

.wp-block-navigation a:where(:not(.wp-element-button)):hover { color: var(--wp--preset--color--accent); }

@media (max-width: 720px) {
  .wp-block-navigation__container { gap: .9rem !important; }
  .coleo-card,
  .wp-block-group.coleo-card { border-radius: 18px; }
}


/* 1.2.1: pehmeä tumma tausta, ei täysin musta. */
body {
  background:
    radial-gradient(circle at 16% 6%, rgba(217, 75, 90, .12), transparent 30%),
    radial-gradient(circle at 84% 0%, rgba(126, 155, 202, .12), transparent 28%),
    linear-gradient(135deg, #121824 0%, #1A2433 48%, #243248 100%);
  background-attachment: fixed;
}

.wp-site-blocks {
  background: transparent;
}

.wp-block-template-part header,
.wp-block-template-part footer {
  background: rgba(18, 24, 36, .84) !important;
  backdrop-filter: blur(18px);
}

.coleo-card,
.wp-block-group.coleo-card {
  background: linear-gradient(145deg, rgba(26,36,51,.96), rgba(36,50,72,.82));
}

.wp-block-post-content p,
.wp-block-post-content li {
  color: var(--wp--preset--color--muted);
}