/*
Theme Name: TechBobby Dark
Template: twentytwentyfive
Author: TechBobby
Description: Dark Silicon Valley tech child theme for the TechBobby empire headquarters — night-blue canvas, neon blue/green accents.
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: techbobby-dark
*/

/* ============================================================
   TechBobby — Silicon Valley Dark Tech
   ============================================================ */

:root,
body {
	--wp--preset--color--base: #0f172a;
	--wp--preset--color--base-2: #0b1220;
	--wp--preset--color--contrast: #e8eef9;
	--wp--preset--color--contrast-2: #9fb0c7;
	--wp--preset--color--contrast-3: #64748b;
	--wp--preset--color--accent-1: #38bdf8;
	--wp--preset--color--accent-2: #22c55e;
	--wp--preset--color--accent-3: #0ea5e9;
	--wp--preset--color--accent-4: #1e293b;
	--wp--preset--color--accent-5: #0b1220;
	--wp--preset--color--accent-6: #334155;
}

html,
body {
	background-color: #0f172a;
	color: #e8eef9;
}

body {
	font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	background-image:
		radial-gradient(ellipse 80% 50% at 50% -20%, rgba(56, 189, 248, 0.16), transparent 70%),
		radial-gradient(ellipse 55% 40% at 100% 8%, rgba(34, 197, 94, 0.10), transparent 70%);
	background-repeat: no-repeat;
	background-attachment: fixed;
}

h1, h2, h3, h4, h5, h6,
.wp-block-heading {
	color: #f4f8ff;
	letter-spacing: -0.02em;
}

a {
	color: #38bdf8;
	text-decoration: none;
}

a:hover {
	color: #7dd3fc;
	text-decoration: underline;
	text-underline-offset: 3px;
}

p, .wp-block-paragraph, .wp-block-list li {
	color: #c9d6e8;
}

::selection {
	background: rgba(56, 189, 248, 0.35);
	color: #ffffff;
}

/* ---------- Header ---------- */

header.wp-block-template-part,
.wp-site-blocks > .wp-block-group:first-child {
	background: rgba(11, 18, 32, 0.78);
	-webkit-backdrop-filter: blur(12px);
	backdrop-filter: blur(12px);
	border-bottom: 1px solid rgba(56, 189, 248, 0.18);
}

.wp-block-site-title a {
	color: #f4f8ff;
	text-decoration: none;
	letter-spacing: -0.03em;
	font-weight: 800;
}

.wp-block-site-title a:hover {
	color: #38bdf8;
}

.wp-block-site-tagline {
	color: #8fa3bd;
	letter-spacing: 0.01em;
}

.wp-block-navigation {
	font-size: 0.9rem;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.wp-block-navigation a {
	color: #c3d2e6;
	text-decoration: none;
}

.wp-block-navigation a:hover {
	color: #38bdf8;
}

/* ---------- Posts ---------- */

.wp-block-post-title a {
	color: #f4f8ff;
}

.wp-block-post-title a:hover {
	color: #38bdf8;
	text-decoration: none;
}

.wp-block-post-date,
.wp-block-post-author-name,
.wp-block-post-terms {
	color: #7f90a8;
	font-size: 0.85rem;
}

.wp-block-post-featured-image img {
	border-radius: 14px;
	border: 1px solid rgba(148, 163, 184, 0.15);
}

.wp-block-post-content {
	font-size: 1.06rem;
	line-height: 1.78;
}

.wp-block-post-content h2 {
	margin-top: 2.4rem;
	padding-bottom: 0.4rem;
	border-bottom: 1px solid rgba(56, 189, 248, 0.18);
}

.wp-block-post-content h3 {
	margin-top: 2rem;
	color: #eaf3ff;
}

.wp-block-post-content img {
	border-radius: 12px;
}

.wp-block-post-content a {
	text-decoration: underline;
	text-underline-offset: 3px;
	text-decoration-color: rgba(56, 189, 248, 0.45);
}

.wp-block-post-content a:hover {
	text-decoration-color: #38bdf8;
}

/* ---------- Cards / surfaces ---------- */

.tb-card,
.wp-block-post-template li .wp-block-group {
	background: linear-gradient(180deg, rgba(19, 30, 51, 0.95), rgba(15, 23, 42, 0.95));
	border: 1px solid rgba(56, 189, 248, 0.18);
	border-radius: 16px;
	transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

.wp-block-post-template li:hover .wp-block-group {
	transform: translateY(-3px);
	border-color: rgba(56, 189, 248, 0.5);
	box-shadow: 0 14px 34px -16px rgba(56, 189, 248, 0.45);
}

/* ---------- Buttons ---------- */

.wp-block-button__link {
	background: linear-gradient(90deg, #0ea5e9, #22c55e);
	color: #04121f !important;
	font-weight: 700;
	border-radius: 999px;
	padding: 0.72rem 1.5rem;
	border: 0;
	box-shadow: 0 8px 24px -10px rgba(34, 197, 94, 0.75);
}

.wp-block-button__link:hover {
	color: #04121f !important;
	filter: brightness(1.08);
}

.wp-block-button.is-style-outline .wp-block-button__link,
.wp-block-button.tb-outline .wp-block-button__link {
	background: transparent;
	color: #38bdf8 !important;
	border: 1px solid rgba(56, 189, 248, 0.55);
	box-shadow: none;
}

/* ---------- Hero ---------- */

.tb-hero {
	border: 1px solid rgba(56, 189, 248, 0.22);
	border-radius: 22px;
	background:
		radial-gradient(ellipse 60% 90% at 12% 0%, rgba(56, 189, 248, 0.18), transparent 65%),
		linear-gradient(180deg, rgba(17, 27, 47, 0.96), rgba(11, 18, 32, 0.96));
	padding: clamp(2rem, 5vw, 4rem) !important;
}

.tb-hero h1,
.tb-hero .wp-block-heading {
	font-size: clamp(2rem, 5vw, 3.4rem);
	line-height: 1.08;
	letter-spacing: -0.03em;
}

.tb-kicker {
	color: #22c55e;
	font-size: 0.82rem;
	font-weight: 700;
	letter-spacing: 0.16em;
	text-transform: uppercase;
}

.tb-lede {
	color: #a9bad2;
	font-size: clamp(1rem, 1.6vw, 1.18rem);
	max-width: 46ch;
}

/* ---------- Hub grid ---------- */

.tb-hub {
	display: grid;
	gap: 1rem;
	grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
}

.tb-hub a.tb-hub-card {
	display: block;
	padding: 1.15rem 1.25rem;
	border-radius: 14px;
	border: 1px solid rgba(56, 189, 248, 0.18);
	background: linear-gradient(180deg, rgba(19, 30, 51, 0.9), rgba(13, 20, 36, 0.9));
	color: #e8eef9 !important;
	text-decoration: none !important;
	transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

.tb-hub a.tb-hub-card:hover {
	transform: translateY(-3px);
	border-color: rgba(34, 197, 94, 0.55);
	box-shadow: 0 16px 34px -18px rgba(34, 197, 94, 0.6);
}

.tb-hub .tb-hub-name {
	display: block;
	font-weight: 700;
	color: #f4f8ff;
	margin-bottom: 0.25rem;
}

.tb-hub .tb-hub-note {
	display: block;
	font-size: 0.86rem;
	color: #8fa3bd;
}

.tb-hub .tb-hub-arrow {
	color: #22c55e;
	font-weight: 700;
}

/* ---------- Code, quotes, tables ---------- */

.wp-block-quote {
	border-left: 3px solid #38bdf8;
	background: rgba(56, 189, 248, 0.07);
	padding: 1rem 1.25rem;
	border-radius: 0 10px 10px 0;
}

code, pre, kbd, samp {
	font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

pre.wp-block-code,
.wp-block-code,
pre {
	border: 1px solid rgba(56, 189, 248, 0.18);
	border-radius: 12px;
	background: #0a1222 !important;
	color: #c9f7e6 !important;
	overflow-x: auto;
}

:not(pre) > code {
	background: rgba(56, 189, 248, 0.14);
	color: #7dd3fc;
	padding: 0.15em 0.4em;
	border-radius: 6px;
	font-size: 0.9em;
}

hr.wp-block-separator {
	border-color: rgba(148, 163, 184, 0.2);
}

.wp-block-table table {
	border-color: rgba(148, 163, 184, 0.2);
}

.wp-block-table th {
	background: rgba(56, 189, 248, 0.1);
	color: #eaf3ff;
}

.wp-block-table td,
.wp-block-table th {
	border-color: rgba(148, 163, 184, 0.2);
}

/* ---------- Search, tags, footer ---------- */

.wp-block-search__input {
	background: #0b1220;
	border: 1px solid rgba(56, 189, 248, 0.18);
	color: #e8eef9;
	border-radius: 999px;
}

.wp-block-tag-cloud a,
.wp-block-post-terms a {
	background: rgba(56, 189, 248, 0.1);
	border: 1px solid rgba(56, 189, 248, 0.18);
	border-radius: 999px;
	padding: 0.22rem 0.7rem;
	font-size: 0.8rem !important;
	color: #a9d9f5 !important;
	text-decoration: none !important;
}

footer.wp-block-template-part {
	border-top: 1px solid rgba(56, 189, 248, 0.18);
	color: #7f90a8;
	font-size: 0.9rem;
}

footer.wp-block-template-part a {
	color: #9fb0c7;
}

.wp-block-social-links a {
	color: #c3d2e6;
}