/*
Theme Name: Ruimtekatten
Theme URI: https://ruimtekatten.nl/
Author: Ruimtekatten
Description: Kindvriendelijk wetenschaps- en ruimteblog met een verdiepende Ruimtekatten LAB-laag.
Version: 1.9.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: ruimtekatten
*/
:root{
 --ink:#F4D0BB;
 --muted:#9AA0B8;
 --paper:#080D17;
 --card:#10172A;
 --line:#28324D;
 --accent:#5A3BFF;
 --accent2:#7FE9E6;
 --warm:#F4D0BB;
 --night:#080D17;
 --cosmic-black:#080D17;
 --nebula-purple:#5A3BFF;
 --starlight-gold:#F4D0BB;
 --space-blue:#2B58FF;
 --moon-gray:#9AA0B8;
 --deep-purple:#3B2A6B;
 --aqua-glow:#7FE9E6;
 --cat-rose:#FF6FB3;
 --radius:22px;
 --shadow:0 18px 55px rgba(0,0,0,.32);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.container{max-width:1180px;margin:auto;padding:0 22px}.site-header{position:sticky;top:0;z-index:50;background:rgba(246,248,252,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.nav{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-weight:950;font-size:1.22rem}.brand-mark{width:42px;height:42px;border-radius:14px;background:var(--night);display:grid;place-items:center}.nav-links{display:flex;gap:20px;align-items:center;font-weight:800;color:var(--muted)}.nav-links a:hover{color:var(--purple)}.mobile-toggle{display:none;border:0;background:var(--night);color:white;border-radius:12px;padding:10px 12px;font-size:1.1rem}.hero{color:white;padding:88px 0 76px;background:radial-gradient(circle at 75% 25%,rgba(113,101,255,.42),transparent 32%),linear-gradient(135deg,#08122e,#172b5b);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:54px;align-items:center}.kicker,.pill{display:inline-flex;align-items:center;border-radius:999px;font-size:.82rem;font-weight:900;padding:6px 11px}.kicker{border:1px solid rgba(255,255,255,.25)}.pill{background:#eceaff;color:#4d43bb}h1{font-size:clamp(2.6rem,6vw,5.3rem);line-height:1.01;letter-spacing:-.04em;margin:18px 0}h2{font-size:clamp(1.75rem,3.3vw,2.8rem);line-height:1.12;letter-spacing:-.025em}h3{line-height:1.25}.lead{font-size:1.18rem;color:#dbe5ff;max-width:720px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.button{display:inline-flex;justify-content:center;align-items:center;padding:12px 18px;border-radius:14px;font-weight:900;border:1px solid transparent}.button-light{background:#fff;color:var(--night)}.button-dark{background:var(--night);color:#fff}.button-outline{border-color:var(--line);background:#fff}.hero-art{height:350px;position:relative;border:1px solid rgba(255,255,255,.17);border-radius:34px;background:radial-gradient(circle at 18% 18%,#fff 0 1.5px,transparent 2px),radial-gradient(circle at 78% 30%,#fff 0 1.5px,transparent 2px),radial-gradient(circle at 70% 75%,#fff 0 1px,transparent 2px),rgba(255,255,255,.05);display:grid;place-items:center}.planet{width:195px;height:195px;border-radius:50%;background:linear-gradient(145deg,#9188ff,#4039a0);box-shadow:0 0 85px rgba(113,101,255,.6)}.astrocat{position:absolute;font-size:4.8rem;transform:rotate(-12deg)}.section{padding:72px 0}.section-head{max-width:780px;margin-bottom:30px}.section-head p,.card p,.muted{color:var(--muted)}.grid{display:grid;gap:20px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:27px;box-shadow:var(--shadow)}.emoji{font-size:2rem}.mission{display:flex;gap:17px}.mission-no{min-width:48px;height:48px;border-radius:14px;background:var(--night);color:#fff;display:grid;place-items:center;font-weight:950}.lab-banner{display:grid;grid-template-columns:1fr auto;align-items:center;gap:28px;background:var(--night);color:#fff;border-radius:30px;padding:38px}.lab-banner p{color:#c7d3ef}.notice{background:#fff8e8;border-left:5px solid var(--gold);padding:18px 20px;border-radius:12px}.status-grid .card{box-shadow:none}.prose{max-width:830px}.prose h1{font-size:clamp(2.4rem,5vw,4.5rem)}.prose h2{margin-top:42px}.prose p,.prose li{font-size:1.05rem}.breadcrumb,.meta{color:var(--muted);font-size:.92rem}.breadcrumb{margin-bottom:20px}.site-footer{background:var(--night);color:#fff;padding:52px 0;margin-top:50px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:32px}.site-footer p{color:#bac7e5}.footer-links{display:grid;gap:8px;margin-top:10px;color:#dce5ff}.question{padding:18px 0;border-bottom:1px solid var(--line)}.scale-chain{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.scale-node{padding:9px 12px;background:#eef1f7;border-radius:12px;font-weight:800}.arrow{color:var(--purple);font-weight:950}.search-form{display:flex;gap:8px}.search-form input{flex:1;padding:12px;border:1px solid var(--line);border-radius:12px}.search-form button{border:0}.wp-block-image img{border-radius:18px}
@media(max-width:860px){.hero-grid,.grid-2,.grid-3,.footer-grid,.lab-banner{grid-template-columns:1fr}.hero-art{height:270px}.mobile-toggle{display:block}.nav-links{display:none;position:absolute;left:0;right:0;top:72px;background:var(--paper);padding:20px 22px;border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start}.nav-links.open{display:flex}.hero{padding-top:60px}}

/* WordPress editor content helpers */
.entry-content > *{max-width:820px;margin-left:auto;margin-right:auto}.entry-content > .alignwide{max-width:1180px}.wp-block-image img{border-radius:18px}


/* === Ruimtekatten 1.2 editable content components === */
.rk-section{margin:28px 0;padding:24px;background:#fff;border:1px solid var(--line);border-radius:18px}
.rk-label{display:inline-block;font-weight:900;letter-spacing:.04em;color:#4940b5}
.rk-status{margin:14px 0;padding:16px 18px;border-left:5px solid var(--accent);background:#f7f9fc;border-radius:10px}
.rk-status p{margin-bottom:0}
.rk-status-a{border-left-color:#16a085}
.rk-status-b{border-left-color:#4c78c2}
.rk-status-c{border-left-color:#6c63ff}
.rk-status-d{border-left-color:#ffb84d}
.rk-mission{background:#f7f9ff}
.rk-lab{background:#f3f5fb}


/* === Ruimtekatten 1.3 modular editable homepage === */
.rk-home-hero{background:radial-gradient(circle at 80% 20%,rgba(108,99,255,.35),transparent 35%),linear-gradient(135deg,var(--night),#182b5b);color:#fff;padding:86px 0 72px;overflow:hidden}
.rk-home-hero .lead{color:#dbe4ff}
.rk-button-ghost{border-color:rgba(255,255,255,.3);color:#fff}
.rk-home-cta{background:#fff;border:1px solid var(--line);border-radius:28px;padding:38px;box-shadow:var(--shadow);text-align:center}
.rk-home-cta p{max-width:680px;margin-left:auto;margin-right:auto;color:var(--muted)}
.rk-home-missions a{font-weight:800;color:var(--accent)}


/* === Ruimtekatten 1.5 brand identity === */
.rk-brand{gap:11px}
.rk-brand-icon{width:42px;height:42px;border-radius:12px;object-fit:cover;box-shadow:0 5px 18px rgba(92,59,255,.24)}
.rk-wordmark{
  font-family:"Avenir Next","Helvetica Neue",Arial,sans-serif;
  font-weight:300;
  letter-spacing:.20em;
  font-size:1.02rem;
  line-height:1;
}
.rk-footer-brand .rk-wordmark{color:#fff}
.rk-hero-brand-art{border-radius:30px;overflow:hidden;border:1px solid rgba(255,255,255,.16);box-shadow:0 22px 70px rgba(0,0,0,.30)}
.rk-hero-brand-art img{display:block;width:100%;height:auto}
.rk-home-brand-visual{
  min-height:350px;
  border-radius:30px;
  background-image:url("assets/images/ruimtekatten-logo-main.jpg");
  background-size:cover;
  background-position:center;
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 22px 70px rgba(0,0,0,.30);
}
.rk-home-hero h1,
.hero h1{
  font-family:"Avenir Next","Helvetica Neue",Arial,sans-serif;
  font-weight:300;
  letter-spacing:.015em;
}
.rk-home-hero .kicker,.hero .kicker{
  font-family:"Avenir Next","Helvetica Neue",Arial,sans-serif;
  font-weight:400;
  letter-spacing:.10em;
}
.rk-brand-board-note{font-size:.85rem;color:var(--muted)}
@media(max-width:850px){
  .rk-wordmark{font-size:.88rem;letter-spacing:.14em}
  .rk-home-brand-visual{min-height:260px}
}


/* === Ruimtekatten 1.6 cosmic palette === */
body{
 background:
   radial-gradient(circle at 82% 8%,rgba(90,59,255,.12),transparent 28rem),
   var(--paper);
 color:#F5F1E8;
}
.site-header{
 background:rgba(8,13,23,.90);
 border-bottom:1px solid rgba(154,160,184,.18);
}
.menu a{color:var(--moon-gray)}
.menu a:hover{color:var(--aqua-glow)}
.brand,.rk-wordmark{color:#F5F1E8}
.hero,.rk-home-hero{
 background:
   radial-gradient(circle at 72% 25%,rgba(90,59,255,.40),transparent 32%),
   radial-gradient(circle at 88% 55%,rgba(43,88,255,.20),transparent 24%),
   linear-gradient(135deg,#080D17,#11162A 58%,#201746);
}
.card,.rk-section,.rk-home-cta{
 background:linear-gradient(145deg,#10172A,#0D1324);
 border-color:rgba(154,160,184,.20);
 color:#F5F1E8;
}
.card p,.rk-home-cta p,.prose p,.article-meta,.breadcrumb{color:#B5BAD0}
.pill{
 background:rgba(90,59,255,.16);
 color:#C7BAFF;
 border:1px solid rgba(90,59,255,.30);
}
.button-dark{
 background:linear-gradient(135deg,var(--nebula-purple),var(--space-blue));
 color:#fff;
}
.button-outline{
 background:#10172A;
 color:#F5F1E8;
 border-color:#3B4666;
}
.button-primary{
 background:var(--starlight-gold);
 color:#080D17;
}
.mission-number{
 background:linear-gradient(145deg,var(--nebula-purple),var(--deep-purple));
}
.lab-banner{
 background:
   radial-gradient(circle at 90% 15%,rgba(127,233,230,.13),transparent 30%),
   linear-gradient(135deg,#11162A,#201746);
 border:1px solid rgba(90,59,255,.32);
}
.notice{
 background:#161A2A;
 color:#F4D0BB;
 border-left-color:var(--starlight-gold);
}
.rk-status{background:#11182B;color:#F5F1E8}
.rk-status-a{border-left-color:var(--aqua-glow)}
.rk-status-b{border-left-color:var(--space-blue)}
.rk-status-c{border-left-color:var(--nebula-purple)}
.rk-status-d{border-left-color:var(--starlight-gold)}
.rk-mission{background:#10162A}
.rk-lab{background:#11152A}
.site-footer{
 background:#050912;
 border-top:1px solid rgba(154,160,184,.15);
}
.site-footer p{color:#9AA0B8}
.footer-links{color:#D9DCF0}
.rk-home-missions a{color:var(--aqua-glow)}
.table-wrap table{background:#10172A}
th{background:#171D31;color:#F4D0BB}
th,td{border-bottom-color:#28324D}
details{background:#10172A;border-color:#28324D}
form.search-form input{background:#10172A;color:#fff;border-color:#28324D}
.rk-brand-icon{box-shadow:0 5px 22px rgba(90,59,255,.34)}
.rk-home-cta{
 box-shadow:0 18px 60px rgba(0,0,0,.30),0 0 40px rgba(90,59,255,.08);
}
a:focus-visible,button:focus-visible,input:focus-visible{
 outline:3px solid var(--aqua-glow);
 outline-offset:3px;
}
.rk-page-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,360px);gap:42px;align-items:center;margin-bottom:42px}.rk-page-intro .prose{max-width:none}.rk-page-art{margin:0;border:1px solid rgba(154,160,184,.22);border-radius:28px;overflow:hidden;background:#080d17;box-shadow:var(--shadow)}.rk-page-art img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}@media(max-width:760px){.rk-page-intro{grid-template-columns:1fr}.rk-page-art{max-width:320px}}
