/*
Theme Name: Astroblog Celestial
Theme URI: https://astroblog.org
Description: Modernes Astronomie-Design als Child-Theme des Kadence-Frameworks — tiefer Weltraum-Hintergrund, Platypi-Serifen, Manrope-Fließtext, Gold-Akzente, Startseiten-Hero, Beitrags-Raster mit Sidebar. Für astroblog.org.
Author: Benjamin Hartwich
Template: kadence
Version: 3.2.0
Requires at least: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: astroblog-celestial
*/

/* ============================================================
   ASTROBLOG CELESTIAL 3.2 — Kadence child
   Vollständiges Dark-Enforcement (Kadence nutzt für einige
   Header-Texte fix palette8/9 → hier gezielt korrigiert),
   Startseiten-Hero, Sidebar-Feinschliff.
   ============================================================ */

@font-face{font-family:"Platypi";font-style:normal;font-weight:300 800;font-display:swap;
	src:url("assets/fonts/platypi/Platypi-VariableFont_wght.woff2") format("woff2");}
@font-face{font-family:"Platypi";font-style:italic;font-weight:300 800;font-display:swap;
	src:url("assets/fonts/platypi/Platypi-Italic-VariableFont_wght.woff2") format("woff2");}
@font-face{font-family:"Manrope";font-style:normal;font-weight:200 800;font-display:swap;
	src:url("assets/fonts/manrope/Manrope-VariableFont_wght.woff2") format("woff2");}

:root{
	--astro-base:#0a0e18; --astro-header:#0b1120; --astro-surface:#111725; --astro-surface-2:#18202f;
	--astro-line:rgba(180,196,230,.12); --astro-line-2:rgba(180,196,230,.07);
	--astro-gold:#e4b877; --astro-gold-2:#f0d3a1; --astro-star:#8fb2e0;
	--astro-text:#eef1f7; --astro-body:#d7dce8; --astro-muted:#9aa4ba;
}

body{
	--global-body-font-family:"Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
	--global-heading-font-family:"Platypi",Georgia,"Times New Roman",serif;
	-webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; letter-spacing:-.003em;
}

/* ---- Grund: tiefer Weltraum + dezenter Nebel-Schimmer ---- */
body{
	background-color:#0a0e18 !important;
	background-image:
		radial-gradient(115% 60% at 50% -6%, rgba(63,90,150,.28) 0%, rgba(28,40,74,.10) 34%, rgba(10,14,24,0) 60%),
		radial-gradient(80% 50% at 84% 2%, rgba(120,90,160,.13) 0%, rgba(10,14,24,0) 55%) !important;
	background-repeat:no-repeat !important; background-attachment:fixed !important;
	color:var(--astro-body);
}
/* Inhaltsflächen transparent → Weltraum scheint durch */
#wrapper,#inner-wrap,.content-bg,.content-container,.site-container,.site,.entry-hero,
.content-style-unboxed .site,.content-style-boxed .content-bg{ background:transparent !important; }

::selection{ background:rgba(228,184,119,.28); color:#fff; }

/* ============================================================
   HEADER — komplett dunkel, helle Texte (Kadence-Defaults fix)
   ============================================================ */
#masthead,
.site-header-row-container-inner,
.site-main-header-wrap,
.site-top-header-wrap,
.site-bottom-header-wrap,
#masthead .kadence-sticky-header.item-is-fixed:not(.item-at-start) > .site-header-row-container-inner{
	background:var(--astro-header) !important;
}
#masthead{ border-bottom:1px solid var(--astro-line-2) !important; }

/* Kopf-Texte & Menü hell */
#masthead, #masthead .site-title, #masthead .site-description{ color:var(--astro-text) !important; }
.header-navigation .header-menu-container > ul > li.menu-item > a,
.header-navigation .header-menu-container ul li.menu-item > a{ color:var(--astro-text) !important; }
.header-navigation .header-menu-container ul li.menu-item > a:hover,
.header-navigation .header-menu-container ul li.current-menu-item > a{ color:var(--astro-gold-2) !important; }
/* Dropdowns: dunkle Fläche, helle Einträge */
.header-navigation .header-menu-container ul ul.sub-menu,
.header-navigation ul ul{ background:var(--astro-surface) !important; border:1px solid var(--astro-line) !important; }
.header-navigation .header-menu-container ul ul li.menu-item > a{ color:var(--astro-body) !important; }
.header-navigation .header-menu-container ul ul li.menu-item > a:hover,
.header-navigation .header-menu-container ul ul li.current-menu-item > a{ color:#0a0e18 !important; background:var(--astro-gold) !important; }
/* Icons / Buttons im Header */
#masthead .header-icons .header-icon, #masthead .kadence-header-button, .search-toggle-open-container *{ color:var(--astro-text) !important; }
/* Mobiles Menü */
.mobile-navigation, #mobile-drawer .drawer-inner, .mobile-navigation ul li a{ background:var(--astro-header) !important; color:var(--astro-text) !important; }

/* animierte Gold-Unterstreichung in der Hauptnavigation */
.header-navigation .header-menu-container > ul > li.menu-item > a{ position:relative; }
.header-navigation .header-menu-container > ul > li.menu-item > a::after{
	content:""; position:absolute; left:.9rem; right:.9rem; bottom:.5rem; height:1px;
	background:var(--astro-gold); transform:scaleX(0); transform-origin:left; transition:transform .25s ease;
}
.header-navigation .header-menu-container > ul > li.menu-item:hover > a::after,
.header-navigation .header-menu-container > ul > li.current-menu-item > a::after{ transform:scaleX(1); }

/* ============================================================
   STARTSEITEN-HERO
   ============================================================ */
.astro-hero{
	position:relative; text-align:center;
	padding:clamp(3.5rem,9vw,7rem) 1.5rem clamp(2.5rem,6vw,4rem);
	background:
		radial-gradient(80% 120% at 50% -20%, rgba(63,90,150,.22), rgba(10,14,24,0) 60%);
	border-bottom:1px solid var(--astro-line-2);
	overflow:hidden;
}
.astro-hero canvas{ position:absolute; inset:0; width:100%; height:100%; opacity:.5; pointer-events:none; }
.astro-hero__inner{ position:relative; max-width:760px; margin-inline:auto; }
.astro-hero__eyebrow{
	font-family:"Manrope",sans-serif; font-size:.8rem; font-weight:600;
	text-transform:uppercase; letter-spacing:.22em; color:var(--astro-gold); margin:0 0 1.1rem;
}
.astro-hero__title{
	font-family:"Platypi",serif; font-weight:700; color:var(--astro-text);
	font-size:clamp(2.4rem,6vw,4rem); line-height:1.08; letter-spacing:-.03em;
	margin:0 0 1.1rem; text-wrap:balance;
}
.astro-hero__title em{ font-style:italic; color:var(--astro-gold-2); }
.astro-hero__text{
	font-size:clamp(1.05rem,2.2vw,1.25rem); color:var(--astro-muted);
	line-height:1.7; max-width:56ch; margin:0 auto 1.8rem;
}
.astro-hero__actions{ display:flex; gap:.9rem; justify-content:center; flex-wrap:wrap; }
.astro-hero__btn{
	display:inline-flex; align-items:center; gap:.5rem; font-family:"Manrope",sans-serif;
	font-weight:600; font-size:.95rem; padding:.72rem 1.5rem; border-radius:8px; text-decoration:none;
	transition:transform .15s ease, box-shadow .2s ease, background .2s ease, color .2s ease;
}
.astro-hero__btn--primary{ background:var(--astro-gold); color:#0a0e18; box-shadow:0 12px 26px -14px rgba(228,184,119,.7); }
.astro-hero__btn--primary:hover{ background:var(--astro-gold-2); transform:translateY(-1px); }
.astro-hero__btn--ghost{ color:var(--astro-text); border:1px solid var(--astro-line); }
.astro-hero__btn--ghost:hover{ border-color:var(--astro-gold); color:var(--astro-gold-2); }
.astro-hero__divider{
	width:8rem; height:1px; margin:2.2rem auto 0; position:relative;
	background:linear-gradient(90deg,transparent,var(--astro-gold) 50%,transparent); opacity:.8;
}
.astro-hero__divider::after{
	content:""; position:absolute; left:50%; top:50%; width:4px; height:4px; border-radius:50%;
	background:var(--astro-gold-2); transform:translate(-50%,-50%); box-shadow:0 0 8px rgba(240,211,161,.8);
}

/* ============================================================
   CONTENT & RASTER
   ============================================================ */
h1,h2,h3,.entry-title,.widget-title,.site-title{ text-wrap:balance; font-weight:600; }
.content-title-style-hide .entry-hero, .page-hero-section{ display:none; } /* doppelten Archivtitel unterdrücken */

.loop-entry.entry{
	border:1px solid var(--astro-line); border-radius:14px; overflow:hidden;
	background:linear-gradient(180deg, rgba(17,23,37,.6), rgba(13,19,32,.32)) !important;
	transition:border-color .25s ease, transform .25s ease, box-shadow .25s ease;
}
.loop-entry.entry:hover{ border-color:rgba(228,184,119,.45); transform:translateY(-3px); box-shadow:0 26px 50px -30px rgba(0,0,0,.85); }
.loop-entry .entry-content-wrap{ padding:clamp(1.1rem,2.4vw,1.7rem); }
.loop-entry .entry-title{ font-size:clamp(1.2rem,1.9vw,1.5rem); margin-bottom:.4rem; }
.loop-entry .entry-title a{ color:var(--astro-text); transition:color .2s ease; }
.loop-entry:hover .entry-title a{ color:var(--astro-gold-2); }
.loop-entry .post-thumbnail img{ transition:transform .5s ease; }
.loop-entry:hover .post-thumbnail img{ transform:scale(1.04); }

.entry-meta, .loop-entry .entry-meta, .entry-taxonomies{ font-size:.8rem; letter-spacing:.07em; text-transform:uppercase; }
.entry-meta .posted-on, .entry-meta a, .loop-entry .entry-meta a{ color:var(--astro-star); }

.entry-content img,.wp-block-image img,.single .post-thumbnail img{
	border-radius:10px; box-shadow:0 0 0 1px var(--astro-line), 0 24px 50px -30px rgba(0,0,0,.85);
}
.entry-content a:not(.button):not(.wp-block-button__link){
	color:var(--astro-gold-2); text-decoration:underline; text-decoration-color:rgba(228,184,119,.35);
	text-underline-offset:.2em; text-decoration-thickness:1px; transition:color .2s, text-decoration-color .2s;
}
.entry-content a:not(.button):hover{ color:var(--astro-gold); text-decoration-color:var(--astro-gold); }
blockquote,.wp-block-quote{ border-left:2px solid var(--astro-gold); font-style:italic; }

.button,.wp-block-button__link,input[type=submit],.wp-block-search__button{
	box-shadow:0 10px 24px -14px rgba(228,184,119,.6); transition:transform .15s, box-shadow .2s;
}
.button:hover,.wp-block-button__link:hover,input[type=submit]:hover{ transform:translateY(-1px); box-shadow:0 14px 30px -14px rgba(240,211,161,.8); }

/* ============================================================
   SIDEBAR
   ============================================================ */
.primary-sidebar.widget-area .widget{
	background:rgba(17,23,37,.55); border:1px solid var(--astro-line-2); border-radius:12px;
	padding:1.3rem 1.4rem; margin-bottom:1.5rem;
}
.primary-sidebar .widget-title{
	font-family:"Platypi",serif; font-size:1.1rem; color:var(--astro-text);
	margin-bottom:.9rem; padding-bottom:.6rem; border-bottom:1px solid var(--astro-line-2);
}
.primary-sidebar .widget-title::before{ content:"✦ "; color:var(--astro-gold); font-size:.85em; }
.primary-sidebar li{ padding-block:.28rem; }
.primary-sidebar a{ color:var(--astro-body); }
.primary-sidebar a:hover{ color:var(--astro-gold-2); }
.astro-about p{ color:var(--astro-muted); margin:0 0 .8rem; }
.astro-sub__row{ display:flex; flex-wrap:wrap; gap:.5rem; }
.astro-sub__btn{ display:inline-flex; align-items:center; gap:.4rem; font-size:.85rem; font-weight:600;
	padding:.5rem .9rem; border-radius:7px; text-decoration:none; background:var(--astro-gold); color:#0a0e18 !important; }
.astro-sub__btn.is-ghost{ background:transparent; border:1px solid var(--astro-line); color:var(--astro-body) !important; }
.astro-sub__btn:hover{ background:var(--astro-gold-2); }
.astro-sub__btn.is-ghost:hover{ border-color:var(--astro-gold); color:var(--astro-gold-2) !important; }

/* ---- Footer ---- */
#colophon,.site-footer{ border-top:1px solid var(--astro-line-2); background:var(--astro-header) !important; }

/* ---- Fokus ---- */
a:focus-visible,.button:focus-visible,button:focus-visible,input:focus-visible{ outline:2px solid var(--astro-gold); outline-offset:2px; border-radius:3px; }

@media(prefers-reduced-motion:reduce){ *,::before,::after{ transition:none!important; } }