/*
Theme Name: Katen Child
Template: katen
Theme URI: https://themeforest.net/user/themeger/portfolio
Author: ThemeGer
Author URI: https://themeger.shop
Description: Minimal Blog & Magazine WordPress Theme
Template Version: 1.0
Version: 1.0.1
License: GNU General Public License
License URI: https://themeforest.net/licenses
*/

/* =Theme customization starts here
------------------------------------------------------- */

/* ---- Footer menu (added with the footer-menu location) ---- */
.footer-menu { margin-top: 8px; }
.footer-menu-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 6px 18px;
}
.footer-menu-list li { position: relative; }
.footer-menu-list li + li::before {
	content: "";
	position: absolute;
	left: -10px;
	top: 50%;
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background: #8F9BAD;
	transform: translateY(-50%);
}
.footer-menu-list a {
	font-size: 14px;
	color: #8F9BAD;
	text-decoration: none;
	transition: color .2s;
}
.footer-menu-list a:hover { color: #FE4F70; }
body.dark .footer-menu-list a { color: #8F9BAD; }
body.dark .footer-menu-list a:hover { color: #FE4F70; }
@media (max-width: 767px) {
	.footer-menu-list { justify-content: flex-start; }
}

/* ==========================================================================
   Top AI Firms — typography + colour system
   Font   : Inter sitewide (replaces the theme's Poppins + Roboto)
   Ink    : #111827 dark, with lighter tints of the same hue for secondary text
   Accent : #FE4F70 (kept from the theme)
   ========================================================================== */

:root {
	--taf-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;

	/* Scheme B — warm stone neutrals, one colour progressively lighter */
	--taf-ink-900: #1C1917;  /* headings, logo, strong text */
	--taf-ink-800: #292524;
	--taf-ink-700: #44403C;  /* body copy */
	--taf-ink-600: #57534E;
	--taf-ink-500: #78716C;  /* meta, captions, muted */
	--taf-ink-400: #A8A29E;  /* placeholder, disabled */
	--taf-ink-300: #D6D3D1;
	--taf-ink-200: #E7E5E4;  /* borders, rules */
	--taf-ink-100: #F5F5F4;  /* subtle fills */
	--taf-ink-50:  #FAFAF9;  /* page ground */

	--taf-surface: #FFFFFF;  /* cards, header, footer sit above the page */
	--taf-page:    #FAFAF9;  /* cream page ground */
	--taf-soft:    #FFF1F2;  /* rose tint for pills and badges */

	/* dark mode */
	--taf-d-page:    #171412;
	--taf-d-surface: #1C1917;
	--taf-d-line:    #292524;
	--taf-d-body:    #D6D3D1;
	--taf-d-muted:   #A8A29E;

	--taf-accent: #E11D48;   /* rose */
	--taf-accent-2: #F43F5E;  /* rose, lighter */
	--taf-accent-dk: #FB7185; /* rose on dark backgrounds */
	--taf-accent-deep: #BE123C;
}

/* ---- font family everywhere ---- */
body,
button, input, select, optgroup, textarea,
.btn, .navbar, .menu, .widget, .comment-form,
h1, h2, h3, h4, h5, h6,
.text-logo, .section-title, .post-title, .entry-title,
.elementor-widget-container, .wp-block-heading {
	font-family: var(--taf-font);
}

body {
	color: var(--taf-ink-700);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-feature-settings: "cv11", "ss01";
	font-variation-settings: normal;
}

/* ---- headings: the dark ink ---- */
h1, h2, h3, h4, h5, h6,
.post-title, .entry-title, .section-title, .widget-title,
.post-title a, .entry-title a {
	color: var(--taf-ink-900);
	letter-spacing: -0.018em;
}
h1 { letter-spacing: -0.026em; }
h2 { letter-spacing: -0.022em; }

.post-title a:hover, .entry-title a:hover { color: var(--taf-accent); }

/* ---- body copy and its lighter relatives ---- */
p, li, td, dd, .post-content, .entry-content { color: var(--taf-ink-700); }

.post-meta, .post-meta a, .entry-meta, .entry-meta a,
.post-date, .comment-metadata, .breadcrumb, .breadcrumb a,
figcaption, .wp-caption-text, small, .post-excerpt {
	color: var(--taf-ink-500);
}
.post-meta a:hover, .entry-meta a:hover, .breadcrumb a:hover { color: var(--taf-accent); }

hr, .widget hr { border-color: var(--taf-ink-200); }

/* ---- text logo: the wordmark ---- */
.text-logo {
	font-family: var(--taf-font);
	font-weight: 700;
	font-size: 26px;
	letter-spacing: -0.035em;
	color: var(--taf-ink-900);
	white-space: nowrap;
	line-height: 1;
}
.text-logo:hover { color: var(--taf-ink-900); }
.text-logo .dot {
	color: var(--taf-accent);
	font-size: 30px;
	margin-left: 2px;
	line-height: 0;
}
@media (max-width: 575px) {
	.text-logo { font-size: 19px; }
	.text-logo .dot { font-size: 22px; }
}

/* ---- navigation ---- */
.navbar .nav-link, .navbar .menu-item > a {
	font-weight: 500;
	letter-spacing: -0.005em;
	color: var(--taf-ink-700);
}
.navbar .nav-link:hover, .navbar .menu-item > a:hover { color: var(--taf-accent); }

/* ---- homepage blocks built earlier, re-pointed at the new ink ---- */
.taf-hero h1, .taf-pillar h4, .taf-cat h4, .taf-topic { color: var(--taf-ink-900); }
.taf-hero p { color: var(--taf-ink-600); }
.taf-pillar p, .taf-cat p { color: var(--taf-ink-500); }
.taf-pillar, .taf-cat, .taf-topic, .taf-btn-ghost { border-color: var(--taf-ink-200); }
.taf-btn-ghost { color: var(--taf-ink-900); }
.taf-hero { background: linear-gradient(135deg, var(--taf-ink-50) 0%, #fff 55%); }
.taf-cta-head p { color: var(--taf-ink-400); }
.footer-menu-list a { color: var(--taf-ink-500); }

/* ---- dark mode: flip the ramp ---- */
body.dark { color: var(--taf-ink-300); }
body.dark h1, body.dark h2, body.dark h3, body.dark h4, body.dark h5, body.dark h6,
body.dark .post-title, body.dark .entry-title, body.dark .section-title,
body.dark .post-title a, body.dark .entry-title a, body.dark .text-logo,
body.dark .taf-hero h1, body.dark .taf-pillar h4 { color: #fff; }
body.dark p, body.dark li { color: var(--taf-ink-300); }
body.dark .post-meta, body.dark .entry-meta, body.dark .breadcrumb { color: var(--taf-ink-400); }


/* ---- logo lockup: sparkle over the I of AI ---- */
.taf-logo { display: inline-flex; align-items: baseline; gap: .24em; }
.taf-logo .taf-ai { color: var(--taf-accent); }
.taf-logo .taf-i { position: relative; display: inline-block; }
.taf-logo .taf-star {
	position: absolute;
	left: 50%;
	top: -0.60em;
	width: 0.44em;
	height: 0.44em;
	transform: translateX(-50%);
	fill: var(--taf-accent);
	overflow: visible;
}
body.dark .taf-logo { color: #fff; }
body.dark .taf-logo .taf-ai { color: var(--taf-accent-2); }
body.dark .taf-logo .taf-star { fill: var(--taf-accent-2); }
/* the theme's full stop is unused by this lockup */
.taf-logo .dot { display: none; }

/* ---- rose accent applied to the interface ---- */
a { color: var(--taf-accent); }
a:hover { color: var(--taf-accent-2); }
.btn-default,
.taf-btn-primary,
input[type="submit"], button[type="submit"], .wpcf7-submit {
	background: var(--taf-accent);
	border-color: var(--taf-accent);
	color: #fff;
}
.btn-default:hover,
.taf-btn-primary:hover,
input[type="submit"]:hover, button[type="submit"]:hover, .wpcf7-submit:hover {
	background: var(--taf-accent-2);
	border-color: var(--taf-accent-2);
	color: #fff;
}
.taf-eyebrow, .taf-pillar .num, .taf-count, .section-title:after { color: var(--taf-accent); }
.taf-hero h1 em { background: linear-gradient(135deg, var(--taf-accent), var(--taf-accent-2)); }
.post-category, .cat-label, .post-cat a { background: var(--taf-accent); color: #fff; }

/* ---- Scheme B: cream page, white surfaces ---- */
body { background-color: var(--taf-page); }
.header-default, header.header, .footer, .site-footer,
.post-item, .card, .widget, .sidebar .widget,
.taf-pillar, .taf-cat, .taf-topic, .taf-btn-ghost,
.comment-respond, .wpcf7 {
	background-color: var(--taf-surface);
}
.taf-hero { background: linear-gradient(135deg, var(--taf-ink-100) 0%, var(--taf-surface) 55%); }
.taf-topic span, .post-category, .cat-label { }
.pill, .taf-count { color: var(--taf-accent); }

/* rose tint for category chips */
.post-cat a, .post-category, .cat-label {
	background: var(--taf-soft);
	color: var(--taf-accent-deep);
}
.post-cat a:hover, .post-category:hover { background: var(--taf-accent); color: #fff; }

/* ---- dark mode on the warm ramp ---- */
body.dark { background-color: var(--taf-d-page); color: var(--taf-d-body); }
body.dark .header-default, body.dark header.header, body.dark .footer,
body.dark .post-item, body.dark .card, body.dark .widget,
body.dark .taf-pillar, body.dark .taf-cat, body.dark .taf-topic, body.dark .taf-btn-ghost {
	background-color: var(--taf-d-surface);
	border-color: var(--taf-d-line);
}
body.dark p, body.dark li { color: var(--taf-d-body); }
body.dark .post-meta, body.dark .entry-meta, body.dark .breadcrumb,
body.dark .taf-pillar p, body.dark .taf-cat p { color: var(--taf-d-muted); }
body.dark a { color: var(--taf-accent-dk); }
body.dark .taf-logo .taf-ai, body.dark .taf-logo .taf-star { color: var(--taf-accent-dk); fill: var(--taf-accent-dk); }
body.dark .taf-hero { background: linear-gradient(135deg, var(--taf-d-surface) 0%, var(--taf-d-page) 55%); }