/*
Theme Name: TechBobby HQ
Template: twentytwentyfive
Author: TechBobby
Description: Dark Silicon Valley tech identity for the TechBobby empire headquarters — night-blue canvas, neon blue and green accents, custom header and footer.
Version: 1.1.0
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: techbobby-hq
*/

/* ============================================================
   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, li {
	color: #c9d6e8;
}

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

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

.tb-header {
	position: sticky;
	top: 0;
	z-index: 50;
	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;
	text-decoration: none;
}

.wp-block-site-tagline {
	color: #8fa3bd;
}

.tb-header .wp-block-navigation {
	font-size: 0.88rem;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

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

.tb-header .wp-block-navigation a:hover {
	color: #38bdf8;
	text-decoration: none;
}

/* ---------- Main / page heads ---------- */

.tb-main {
	padding-left: 1.25rem;
	padding-right: 1.25rem;
}

.home .tb-page-head,
.page .tb-page-head .wp-block-post-title {
	display: none;
}

.home .wp-block-post-title {
	display: none;
}

.tb-page-head .wp-block-post-title {
	font-size: clamp(1.9rem, 4vw, 2.8rem);
	letter-spacing: -0.03em;
}

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

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

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

.tb-post-meta,
.wp-block-post-date,
.wp-block-post-author-name,
.wp-block-post-terms {
	color: #7f90a8;
	font-size: 0.82rem;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.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.8;
}

.wp-block-post-content h2 {
	margin-top: 2.6rem;
	padding-bottom: 0.45rem;
	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;
}

.tb-post-card {
	border-bottom: 1px solid rgba(148, 163, 184, 0.12);
	padding-bottom: 1.6rem;
	margin-bottom: 1.6rem;
}

.tb-post-card .wp-block-post-title {
	margin-bottom: 0.35rem;
}

.tb-post-card p {
	color: #a9bad2;
	font-size: 0.98rem;
}

/* ---------- 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;
}

/* ---------- 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);
	text-decoration: none !important;
}

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

.wp-block-button.is-style-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;
	margin-bottom: 0.9rem;
}

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

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

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

.tb-hub {
	display: grid;
	gap: 1rem;
	grid-template-columns: repeat(auto-fit, minmax(220px, 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);
	text-decoration: none !important;
}

.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;
	font-size: 0.92rem;
	line-height: 1.6;
	padding: 1.1rem 1.25rem;
}

: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);
}

/* ---------- Footer ---------- */

.tb-footer {
	border-top: 1px solid rgba(56, 189, 248, 0.18);
	color: #7f90a8;
	font-size: 0.9rem;
	background: rgba(11, 18, 32, 0.6);
	padding-left: 1.25rem;
	padding-right: 1.25rem;
}

.tb-footer .wp-block-site-title a {
	color: #f4f8ff;
}

.tb-footer .wp-block-site-tagline,
.tb-footer-note,
.tb-copy {
	color: #7f90a8;
}

.tb-footer-head {
	color: #c3d2e6 !important;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	font-size: 0.75rem !important;
	margin-bottom: 0.4rem;
}

.tb-footer-list {
	list-style: none;
	padding-left: 0;
	margin-top: 0;
}

.tb-footer-list li {
	list-style: none;
	margin-bottom: 0.35rem;
	font-size: 0.9rem;
}

.tb-footer-list a {
	color: #9fb0c7;
	text-decoration: none;
}

.tb-footer-list a:hover {
	color: #38bdf8;
}

.tb-footer hr.wp-block-separator {
	margin-top: 2rem;
	margin-bottom: 1.2rem;
}

/* ---------- Misc ---------- */

.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.18rem 0.65rem;
	font-size: 0.75rem !important;
	color: #a9d9f5 !important;
	text-decoration: none !important;
}

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

.wp-block-group.tb-post-end {
	border: 1px solid rgba(56, 189, 248, 0.18);
	border-radius: 16px;
	padding: 1.4rem 1.5rem !important;
	background: linear-gradient(180deg, rgba(19, 30, 51, 0.85), rgba(13, 20, 36, 0.85));
}

@media (max-width: 600px) {
	.tb-hero {
		padding: 1.6rem !important;
	}
}