/*
Theme Name:   Techknow Astra Child
Theme URI:    https://techknowengg.com/blog/
Description:  Child theme of Astra that gives the Techknow blog the same header, menu, footer, page banner, fonts and colours as techknowengg.com.
Author:       Management Solution Tech
Template:     astra
Version:      1.0.0
Text Domain:  techknow-astra-child
*/

/* ---------- Brand tokens (from the main site's style.css + skin-1.css) ---------- */
:root {
	--tk-red: #ec1c24;
	--tk-navy: #00173c;
	--tk-navy-dark: #001029;
	--tk-text: #111111;
	--tk-muted: #5f6b7a;
	--tk-line: #e6e9ef;
	--tk-soft: #f4f6f9;
}

/* ---------- Base type: same as the website ---------- */
body.tk-blog,
body.tk-blog button,
body.tk-blog input,
body.tk-blog select,
body.tk-blog textarea {
	font-family: 'Poppins', sans-serif;
	color: var(--tk-text);
}
body.tk-blog { font-size: 15px; background: #fff; }

body.tk-blog h1, body.tk-blog h2, body.tk-blog h3,
body.tk-blog h4, body.tk-blog h5, body.tk-blog h6,
body.tk-blog .entry-title {
	font-family: 'Teko', sans-serif;
	color: var(--tk-navy);
	line-height: 1.1;
	letter-spacing: 0;
}

/* Website header/footer sit outside Astra's layout: neutralise Astra rules
   that target the shared .site-header / .site-footer class names. */
body.tk-blog header.site-header { background: #fff; border: 0; box-shadow: none; position: relative; z-index: 999; }
body.tk-blog header.site-header .container,
body.tk-blog footer.site-footer .container { max-width: 1140px; }
body.tk-blog footer.site-footer { margin-top: 0; }
body.tk-blog footer.site-footer h3.widget-title { font-family: 'Teko', sans-serif; color: #fff; }
body.tk-blog footer.site-footer a { color: inherit; }
body.tk-blog footer.site-footer a:hover { color: var(--tk-red); }
body.tk-blog .header-nav .nav > li > a { text-decoration: none; }
body.tk-blog .header-nav .sub-menu a { text-decoration: none; }

/* ---------- Page banner (same as website inner pages) ---------- */
.tk-blog-banner .wt-bnr-inr { margin-bottom: 0; }
.tk-blog-banner .tk-banner-title {
	font-family: 'Teko', sans-serif;
	font-size: 60px;
	font-weight: 400;
	line-height: 1;
	margin: 0;
	color: var(--tk-red);
}
.tk-blog-banner .wt-breadcrumb li,
.tk-blog-banner .wt-breadcrumb li a { color: #fff; }
.tk-blog-banner .wt-breadcrumb li a:hover { color: var(--tk-red); }
@media (max-width: 767px) {
	.tk-blog-banner .tk-banner-title { font-size: 42px; }
}

/* ---------- Content area ---------- */
body.tk-blog .site-content > .ast-container { padding-top: 50px; padding-bottom: 60px; }
body.tk-blog .entry-content p,
body.tk-blog .entry-content li { font-size: 15px; line-height: 1.85; color: #333; }
body.tk-blog .entry-content p { margin-bottom: 1.2em; }
body.tk-blog .entry-content ul,
body.tk-blog .entry-content ol { margin: 0 0 1.3em 1.4em; padding-left: 0.6em; }
body.tk-blog .entry-content ul { list-style: disc; }
body.tk-blog .entry-content ol { list-style: decimal; }
body.tk-blog .entry-content ul li::marker { color: var(--tk-red); }
body.tk-blog .entry-content a { color: var(--tk-red); text-decoration: underline; text-underline-offset: 3px; }
body.tk-blog .entry-content a:hover { color: var(--tk-navy); }
body.tk-blog .entry-content h2 { font-size: 38px; margin: 1.3em 0 0.4em; }
body.tk-blog .entry-content h3 { font-size: 30px; margin: 1.2em 0 0.4em; }
body.tk-blog .entry-content h4 { font-size: 24px; margin: 1em 0 0.4em; }
body.tk-blog .entry-content blockquote {
	border-left: 4px solid var(--tk-red);
	background: var(--tk-soft);
	padding: 18px 22px;
	margin: 0 0 1.5em;
	font-style: normal;
	color: var(--tk-navy);
}
body.tk-blog .entry-content blockquote,
body.tk-blog .entry-content blockquote p {
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	line-height: 1.75;
	font-weight: 500;
	color: var(--tk-navy);
	margin-bottom: 0;
}
body.tk-blog .entry-content blockquote::before,
body.tk-blog .entry-content blockquote::after { display: none; }
body.tk-blog .entry-content table { border-collapse: collapse; width: 100%; margin-bottom: 1.5em; }
body.tk-blog .entry-content th { background: var(--tk-navy); color: #fff; font-weight: 500; }
body.tk-blog .entry-content th,
body.tk-blog .entry-content td { border: 1px solid var(--tk-line); padding: 10px 12px; text-align: left; }
body.tk-blog .entry-content img { border-radius: 4px; }

/* Single post title + meta */
body.tk-blog.single .entry-title { font-size: 48px; font-weight: 500; margin-bottom: 10px; }
body.tk-blog .entry-meta,
body.tk-blog .entry-meta * { font-size: 13px; color: var(--tk-muted); }
body.tk-blog .entry-meta a:hover { color: var(--tk-red); }
@media (max-width: 767px) {
	body.tk-blog.single .entry-title { font-size: 36px; }
	body.tk-blog .entry-content h2 { font-size: 32px; }
}

/* ---------- Blog index / archive cards ---------- */
body.tk-blog .ast-archive-description { background: transparent; padding: 0 0 20px; border: 0; }
body.tk-blog .ast-archive-description .ast-archive-title { font-size: 44px; font-weight: 500; }
body.tk-blog.blog .ast-article-post .ast-article-inner,
body.tk-blog.archive .ast-article-post .ast-article-inner,
body.tk-blog.search .ast-article-post .ast-article-inner,
body.tk-blog.blog .ast-article-post > .post-content,
body.tk-blog.archive .ast-article-post > .post-content {
	background: #fff;
	border: 1px solid var(--tk-line);
	border-bottom: 3px solid var(--tk-red);
	box-shadow: 0 6px 18px rgba(0, 23, 60, 0.06);
	transition: box-shadow .2s ease, transform .2s ease;
}
body.tk-blog.blog .ast-article-post .ast-article-inner:hover,
body.tk-blog.archive .ast-article-post .ast-article-inner:hover {
	box-shadow: 0 12px 28px rgba(0, 23, 60, 0.12);
	transform: translateY(-2px);
}
body.tk-blog .ast-article-post .entry-title,
body.tk-blog .ast-article-post .entry-title a {
	font-size: 28px;
	font-weight: 500;
	color: var(--tk-navy);
	text-decoration: none;
}
body.tk-blog .ast-article-post .entry-title a:hover { color: var(--tk-red); }
body.tk-blog .ast-article-post .ast-excerpt-container p { font-size: 14px; line-height: 1.75; color: #444; }

/* Read more / buttons = website .site-button */
body.tk-blog .read-more a,
body.tk-blog a.ast-button,
body.tk-blog .ast-button,
body.tk-blog .site-content button,
body.tk-blog .site-content input[type="submit"],
body.tk-blog .comment-form input#submit,
body.tk-blog .wp-block-button__link,
body.tk-blog .wp-block-search__button {
	background: var(--tk-red);
	border: 0;
	border-radius: 0;
	color: #fff !important;
	font-family: 'Poppins', sans-serif;
	font-weight: 500;
	font-size: 14px;
	text-transform: uppercase;
	padding: 10px 22px;
	text-decoration: none;
}
body.tk-blog .read-more a:hover,
body.tk-blog .ast-button:hover,
body.tk-blog .site-content button:hover,
body.tk-blog .site-content input[type="submit"]:hover,
body.tk-blog .comment-form input#submit:hover,
body.tk-blog .wp-block-button__link:hover { background: var(--tk-navy); color: #fff !important; }
body.tk-blog .read-more { margin-top: 14px; }

/* Pagination */
body.tk-blog .ast-pagination .page-numbers {
	border: 1px solid var(--tk-line);
	color: var(--tk-navy);
	border-radius: 0;
	min-width: 40px;
}
body.tk-blog .ast-pagination .page-numbers.current,
body.tk-blog .ast-pagination .page-numbers:hover { background: var(--tk-red); border-color: var(--tk-red); color: #fff; }

/* ---------- Sidebar widgets = website widget style ---------- */
body.tk-blog #secondary .widget-title,
body.tk-blog #secondary .wp-block-heading,
body.tk-blog #secondary h2 {
	font-family: 'Teko', sans-serif;
	font-size: 26px;
	font-weight: 500;
	color: var(--tk-navy);
	border-bottom: 2px solid var(--tk-red);
	padding-bottom: 6px;
	margin-bottom: 14px;
}
body.tk-blog #secondary .widget { background: var(--tk-soft); padding: 22px; margin-bottom: 26px; }
body.tk-blog #secondary a { color: var(--tk-text); text-decoration: none; }
body.tk-blog #secondary a:hover { color: var(--tk-red); }
body.tk-blog #secondary li { padding: 6px 0; border-bottom: 1px dashed #d9dee6; }
body.tk-blog #secondary li:last-child { border-bottom: 0; }

/* Related posts + post navigation */
body.tk-blog .ast-related-posts-title,
body.tk-blog .post-navigation .nav-links a { font-family: 'Teko', sans-serif; color: var(--tk-navy); }
body.tk-blog .post-navigation .nav-links a:hover { color: var(--tk-red); }

/* Post navigation */
body.tk-blog .post-navigation .nav-links a { font-size: 20px; }
body.tk-blog .post-navigation .ast-post-nav { font-family: 'Poppins', sans-serif; font-size: 12px; color: var(--tk-red); }

/* Comments: undo the site's global form rules inside Astra's comment form */
body.tk-blog .comment-form textarea,
body.tk-blog .comment-form input[type="text"],
body.tk-blog .comment-form input[type="email"],
body.tk-blog .comment-form input[type="url"] {
	width: 100% !important;
	max-width: 100%;
	border: 1px solid #d5dae2;
	border-radius: 0;
	padding: 10px 12px;
	font-family: 'Poppins', sans-serif;
	font-size: 14px;
	background: #fff;
}
body.tk-blog .comment-form .ast-comment-formwrap { display: flex; flex-wrap: wrap; gap: 0 16px; }
body.tk-blog .comment-form .ast-comment-formwrap > p { flex: 1 1 200px; width: auto !important; margin-bottom: 14px; padding: 0 !important; }
body.tk-blog .comment-form .comment-textarea,
body.tk-blog .comment-form .comment-form-textarea { width: 100%; }
body.tk-blog .comment-form .comment-textarea textarea { min-height: 160px; }

/* Mobile drawer toggle = website look (no Astra button styling) */
body.tk-blog #mobile-side-drawer,
body.tk-blog #mobile-side-drawer:hover,
body.tk-blog #mobile-side-drawer:focus { background: transparent !important; box-shadow: none; border: 0; padding: 0; }

/* Comments */
body.tk-blog .comments-title,
body.tk-blog .comment-reply-title { font-family: 'Teko', sans-serif; color: var(--tk-navy); }

/* Keep the site's floating buttons above Astra's scroll-to-top */
body.tk-blog #ast-scroll-top { background: var(--tk-navy); }

/* Tighter spacing on phones */
@media (max-width: 767px) {
	body.tk-blog .site-content > .ast-container { padding-top: 24px; padding-bottom: 40px; }
	body.tk-blog.single .site-content article { padding-top: 0; }
	.tk-blog-banner .wt-breadcrumb li { font-size: 18px; }
}