/*
Theme Name: GadgetsTechNews Child
Theme URI: https://gadgetstechnews.com/
Description: Child theme of GeneratePress for GadgetsTechNews.com. Holds the brand palette, typography, and layout tweaks for the gadget-buying redesign. Do not edit GeneratePress core files — all customizations live here.
Author: GadgetsTechNews
Template: generatepress
Version: 1.0.0
License: GNU General Public License v2 or later
Text Domain: gtn-child
*/

/* ---- Brand tokens ---- */
:root {
	--gtn-blue: #1a73e8;
	--gtn-blue-dark: #1558b8;
	--gtn-charcoal: #1f2430;
	--gtn-muted: #5b6472;
	--gtn-border: #e2e6ee;
	--gtn-bg: #f7f9fc;
}

/* ---- Base readability ---- */
body {
	color: var(--gtn-charcoal);
	background: #fff;
	-webkit-font-smoothing: antialiased;
}
.entry-content { font-size: 1.05rem; line-height: 1.65; }
.entry-content h2 { margin-top: 1.8em; letter-spacing: -.01em; }
a { color: var(--gtn-blue); }
a:hover { color: var(--gtn-blue-dark); }

/* ---- Buttons / accents ---- */
.button, button, input[type="submit"], .wp-block-button__link {
	background: var(--gtn-blue);
	border-color: var(--gtn-blue);
	border-radius: 10px;
}
.button:hover, button:hover, input[type="submit"]:hover { background: var(--gtn-blue-dark); }

/* ---- Header / navigation ---- */
.main-navigation { border-bottom: 1px solid var(--gtn-border); }
.main-navigation .main-nav ul li a { font-weight: 600; }
.main-navigation .main-nav ul li.current-menu-item > a { color: var(--gtn-blue); }

/* ---- Content width tuned for readability ---- */
.entry-content > * { max-width: 100%; }

/* ---- Cards / archive tidy ---- */
.separate-containers .inside-article { border-radius: 12px; }

/* ---- Footer ---- */
.site-footer { background: var(--gtn-charcoal); }
.site-footer, .site-footer a { color: #cfd6e4; }
.site-footer a:hover { color: #fff; }

/* ---- Reduce clutter typical of the old news layout ---- */
.sidebar .widget { font-size: .95rem; }

/* ---- Tables usable on mobile ---- */
.entry-content table { display: block; overflow-x: auto; width: 100%; }

@media (max-width: 768px) {
	.entry-content { font-size: 1rem; }
}