/*
Theme Name: Synergy Time Wissen
Theme URI: https://wissen.synergy-time.de
Author: Aetheris
Description: Markenkonformes Theme für die Synergy-Time-Wissensplattform — übernimmt Logo, Farben (Navy/Gold) und Typografie (Inter/Oswald) 1:1 von synergy-time.de.
Version: 0.1.0
Text Domain: synergy-time-wissen
*/

:root{
	--navy:#0b1f3a;
	--navy-2:#081628;
	--gold:#c9a227;
	--gold-soft:#d9b84a;
	--bg:#f6f5f2;
	--ink:#1e293b;
	--muted:#64748b;
}

*{box-sizing:border-box;}

body{
	margin:0;
	font-family:'Inter',system-ui,sans-serif;
	background:var(--bg);
	color:var(--ink);
	line-height:1.6;
}

a{color:var(--navy);text-decoration:none;}
a:hover{color:var(--gold);}

h1,h2,h3,h4{
	font-family:'Inter',system-ui,sans-serif;
	color:var(--navy);
	line-height:1.25;
	font-weight:700;
}

.st-eyebrow{
	font-family:'Oswald','Inter',sans-serif;
	font-weight:600;
	letter-spacing:.14em;
	text-transform:uppercase;
	font-size:.75rem;
	color:var(--gold);
}

/* ===== Header ===== */
.site-header{
	background:#fafafa;
	border-bottom:2px solid var(--gold);
	box-shadow:0 1px 8px rgba(8,22,40,.10);
	position:sticky;
	top:0;
	z-index:40;
}
.site-header .wrap{
	max-width:1200px;
	margin:0 auto;
	padding:.5rem 1.5rem;
	display:flex;
	align-items:center;
	gap:2rem;
}
.site-header .logo img{height:52px;width:auto;display:block;}
.site-nav{margin-left:auto;}
.site-nav ul{display:flex;gap:1.75rem;list-style:none;margin:0;padding:0;flex-wrap:wrap;}
.site-nav a{
	font-family:'Oswald','Inter',sans-serif;
	font-weight:500;
	letter-spacing:.08em;
	text-transform:uppercase;
	font-size:.85rem;
	color:#3f4652;
}
.site-nav a:hover{color:var(--navy);}

/* ===== Layout ===== */
.st-content-wrap{max-width:1200px;margin:0 auto;padding:2.5rem 1.5rem 4rem;}

/* ===== Hero (Startseite) ===== */
.st-hero{
	background:linear-gradient(135deg, var(--navy) 0%, var(--navy-2) 100%);
	color:#fff;
	padding:4rem 1.5rem;
	text-align:center;
}
.st-hero h1{color:#fff;font-size:2.25rem;margin:0 0 .75rem;}
.st-hero p{color:#cbd5e1;max-width:640px;margin:0 auto;font-size:1.05rem;}

/* ===== Karten (Sektions-/Beitragsübersicht) ===== */
.st-cards{
	display:grid;
	grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));
	gap:1.25rem;
	margin-top:2.5rem;
}
.st-card{
	background:#fff;
	border:1px solid #e5e7eb;
	border-radius:.9rem;
	padding:1.5rem;
	box-shadow:0 2px 8px rgba(11,31,58,.06);
	transition:transform .15s, box-shadow .15s;
}
.st-card:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(11,31,58,.10);}
.st-card h3{margin:.25rem 0 .5rem;font-size:1.1rem;}
.st-card p{color:var(--muted);font-size:.92rem;margin:0;}

/* ===== Buttons / CTA ===== */
.st-cta{
	display:inline-block;
	background:var(--gold);
	color:#241a06;
	font-weight:700;
	padding:.75rem 1.75rem;
	border-radius:.75rem;
	transition:background .15s;
}
.st-cta:hover{background:var(--gold-soft);color:#241a06;}

/* ===== Beitragsinhalt ===== */
.st-article{background:#fff;border-radius:1rem;padding:2rem;box-shadow:0 2px 8px rgba(11,31,58,.06);}
.st-article .entry-meta{color:var(--muted);font-size:.85rem;margin-bottom:1.5rem;}

/* ===== Footer ===== */
.site-footer{background:var(--navy-2);border-top:2px solid var(--gold);color:#cbd5e1;}
.site-footer .wrap{max-width:1200px;margin:0 auto;padding:2.5rem 1.5rem 1.5rem;display:flex;justify-content:space-between;gap:2.5rem;flex-wrap:wrap;}
.site-footer .footer-brand img{height:40px;width:auto;margin-bottom:.75rem;}
.site-footer .footer-brand p{max-width:34ch;color:#9fb0c8;font-size:.9rem;}
.site-footer h4{color:#fff;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;margin:0 0 .9rem;}
.site-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:.6rem;}
.site-footer ul a{color:#9fb0c8;font-size:.92rem;}
.site-footer ul a:hover{color:#fff;}
.site-footer .footer-bottom{border-top:1px solid rgba(255,255,255,.09);padding:1rem 1.5rem;text-align:center;font-size:.85rem;color:rgba(255,255,255,.6);}

@media (max-width: 640px){
	.site-header .wrap{flex-wrap:wrap;}
	.site-nav ul{gap:1rem;}
	.st-hero h1{font-size:1.6rem;}
}