/*
Theme Name:   T Studio Tech
Theme URI:    https://t-studio.ro/
Description:  Temă child simplă pentru GeneratePress, cu un aspect curat orientat spre tehnologie: header închis, accent albastru, blocuri de cod lizibile, articole pe carduri.
Author:       T Studio
Template:     generatepress
Version:      1.0.0
Requires PHP: 7.4
Text Domain:  tstudio-tech
*/

:root {
	--ts-bg: #f7f8fa;
	--ts-surface: #ffffff;
	--ts-text: #1b1f27;
	--ts-muted: #5b6474;
	--ts-border: #e3e6ec;
	--ts-accent: #2563eb;
	--ts-accent-2: #06b6d4;
	--ts-dark: #0f172a;
	--ts-dark-2: #1e293b;
	--ts-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	--ts-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
	--ts-radius: 10px;
}

/* Bază */
body {
	background: var(--ts-bg);
	color: var(--ts-text);
	font-family: var(--ts-sans);
	font-size: 17px;
	line-height: 1.7;
}
a { color: var(--ts-accent); text-underline-offset: 3px; }
a:hover, a:focus { color: var(--ts-accent-2); }
::selection { background: var(--ts-accent); color: #fff; }

h1, h2, h3, h4, h5, h6 {
	color: var(--ts-dark);
	font-weight: 700;
	letter-spacing: -0.015em;
	line-height: 1.25;
}

/* Header + meniu */
.site-header {
	background: var(--ts-dark);
	border-bottom: 3px solid var(--ts-accent);
}
.site-header .main-title a,
.site-header .main-title a:hover {
	color: #fff;
	font-family: var(--ts-mono);
	font-weight: 700;
	letter-spacing: -0.02em;
}
.site-header .main-title a::before { content: "> "; color: var(--ts-accent-2); }
.site-description { color: #94a3b8; }

.main-navigation,
.main-navigation ul ul { background: var(--ts-dark); }
.main-navigation ul ul { border: 1px solid var(--ts-dark-2); }
.main-navigation .main-nav ul li a,
.main-navigation .menu-toggle,
.main-navigation .menu-bar-items { color: #e2e8f0; }
.main-navigation .main-nav ul li:hover > a,
.main-navigation .main-nav ul li:focus > a,
.main-navigation .main-nav ul li.current-menu-item > a,
.main-navigation .main-nav ul li.current-menu-ancestor > a { color: var(--ts-accent-2); background: transparent; }

/* Conținut pe carduri */
.separate-containers .inside-article,
.separate-containers .comments-area,
.separate-containers .page-header,
.separate-containers .paging-navigation,
.inside-page-header {
	background: var(--ts-surface);
	border: 1px solid var(--ts-border);
	border-radius: var(--ts-radius);
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}
.separate-containers .inside-right-sidebar .widget,
.separate-containers .inside-left-sidebar .widget {
	border: 1px solid var(--ts-border);
	border-radius: var(--ts-radius);
}
.entry-title a { color: var(--ts-dark); text-decoration: none; }
.entry-title a:hover { color: var(--ts-accent); }
.entry-meta,
.entry-meta a,
footer.entry-meta {
	color: var(--ts-muted);
	font-family: var(--ts-mono);
	font-size: 0.82em;
}
.cat-links a,
.tags-links a {
	display: inline-block;
	padding: 1px 8px;
	border-radius: 999px;
	background: #eef2ff;
	color: var(--ts-accent);
	text-decoration: none;
}
.post-image img,
.featured-image img { border-radius: calc(var(--ts-radius) - 2px); }

/* Cod */
code, kbd, samp {
	font-family: var(--ts-mono);
	font-size: 0.9em;
	background: #eef1f6;
	color: #be185d;
	padding: 0.15em 0.4em;
	border-radius: 4px;
}
kbd { color: var(--ts-dark); border: 1px solid var(--ts-border); border-bottom-width: 2px; }
pre, .wp-block-code {
	font-family: var(--ts-mono);
	font-size: 0.88em;
	line-height: 1.6;
	background: var(--ts-dark);
	color: #e2e8f0;
	border: 1px solid var(--ts-dark-2);
	border-radius: 8px;
	padding: 1.1em 1.3em;
	overflow-x: auto;
}
pre code, .wp-block-code code { background: none; color: inherit; padding: 0; font-size: 1em; }

/* Citate, tabele */
blockquote, .wp-block-quote {
	border-left: 4px solid var(--ts-accent);
	background: #f1f5ff;
	padding: 1em 1.3em;
	border-radius: 0 8px 8px 0;
	font-style: normal;
}
table { border-collapse: collapse; width: 100%; }
th, td { border: 1px solid var(--ts-border); padding: 0.55em 0.8em; }
th { background: #f1f4f9; text-align: left; }

/* Butoane și formulare */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"],
a.button,
.wp-block-button__link:not(.has-background) {
	background: var(--ts-accent);
	color: #fff;
	border-radius: 6px;
	font-weight: 600;
}
button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
a.button:hover,
.wp-block-button__link:not(.has-background):hover {
	background: var(--ts-dark);
	color: #fff;
}
input[type="text"], input[type="email"], input[type="url"], input[type="search"], input[type="password"], textarea {
	border-radius: 6px;
	border-color: var(--ts-border);
}
input:focus, textarea:focus { border-color: var(--ts-accent); outline: 2px solid rgba(37, 99, 235, 0.15); }

/* Footer */
.site-footer .site-info,
.site-footer .footer-widgets {
	background: var(--ts-dark);
	color: #94a3b8;
}
.site-footer .site-info { font-family: var(--ts-mono); font-size: 0.82em; }
.site-footer a { color: #cbd5e1; }
.site-footer a:hover { color: var(--ts-accent-2); }