/*
Theme Name: Sagar Samy
Theme URI: https://sagarsamy.com/
Author: Sagar Samy
Author URI: https://sagarsamy.com/
Description: Custom portfolio theme for Sagar Samy — Brand Strategist, AI Generalist & Visiting University Faculty. Converted 1:1 from the original static design system (dark/light themes, glassmorphism cards, blog + case-study layouts). Includes a Projects custom post type, working contact form, and JSON-LD structured data.
Version: 1.0.10
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sagarsamy
Tags: portfolio, blog, dark-mode, custom-logo, featured-images, threaded-comments
*/

/*
 * The main design system lives in assets/css/style.css (enqueued from
 * functions.php). The rules below are small WordPress-integration helpers:
 * accessible skip link, WP menu active-state mapping, search widget layout,
 * and pagination — written to match the theme's visual language.
 */

.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}
.screen-reader-text:focus {
	background: var(--bg-elevated);
	color: var(--text-title);
	clip: auto !important;
	clip-path: none;
	display: block;
	height: auto;
	left: 0.5rem;
	line-height: normal;
	padding: 0.75rem 1.25rem;
	text-decoration: none;
	top: 0.5rem;
	width: auto;
	z-index: 100000;
}

/* Map WordPress menu "current" classes onto the theme's active link styles. */
.nav-menu .current-menu-item > a,
.nav-menu .current_page_item > a,
.nav-menu .current-menu-ancestor > a {
	color: var(--text-title);
	background: var(--bg-elevated);
}
.footer-nav-list .current-menu-item > a,
.footer-nav-list .current_page_item > a {
	color: var(--primary-color);
}
.mobile-drawer-links .current-menu-item > a,
.mobile-drawer-links .current_page_item > a {
	color: var(--primary-color);
}

/* Blog sidebar search widget (real WordPress search). */
.sidebar-search-form {
	display: flex;
	gap: 0.5rem;
}
.sidebar-search-form .sidebar-search-input {
	flex: 1;
	min-width: 0;
	background: var(--bg-input);
	border: 1px solid var(--border-subtle);
	border-radius: 10px;
	color: var(--text-title);
	padding: 0.7rem 1rem;
	font-size: 0.92rem;
	font-family: inherit;
}
.sidebar-search-form .sidebar-search-input::placeholder {
	color: var(--text-muted);
}
.sidebar-search-form .sidebar-search-btn {
	background: var(--bg-elevated);
	border: 1px solid var(--border-subtle);
	border-radius: 10px;
	color: var(--text-title);
	padding: 0.7rem 0.9rem;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
}
.sidebar-search-form .sidebar-search-btn:hover {
	border-color: var(--primary-color);
	color: var(--primary-color);
}

/* WordPress pagination, styled like the theme's buttons. */
.pagination {
	display: flex;
	justify-content: center;
	gap: 0.5rem;
	margin-top: 2.5rem;
	flex-wrap: wrap;
}
.pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 2.75rem;
	height: 2.75rem;
	padding: 0 0.9rem;
	border-radius: 10px;
	border: 1px solid var(--border-subtle);
	background: var(--bg-card);
	color: var(--text-body);
	font-weight: 600;
	font-size: 0.92rem;
	text-decoration: none;
}
.pagination .page-numbers:hover {
	border-color: var(--primary-color);
	color: var(--primary-color);
}
.pagination .page-numbers.current {
	background: var(--primary-color);
	border-color: var(--primary-color);
	color: #fff;
}

/* Prev / Next post navigation on single articles. */
.post-nav-links {
	display: flex;
	justify-content: space-between;
	gap: 1rem;
	flex-wrap: wrap;
	margin-top: 3rem;
	padding-top: 2rem;
	border-top: 1px solid var(--border-subtle);
}
.post-nav-links a {
	color: var(--text-body);
	font-weight: 600;
	font-size: 0.95rem;
	text-decoration: none;
	max-width: 48%;
}
.post-nav-links a:hover {
	color: var(--primary-color);
}

/* Contact form status messages. */
.ss-form-error {
	background: rgba(239, 68, 68, 0.1);
	border: 1px solid rgba(239, 68, 68, 0.35);
	color: #f87171;
	padding: 0.85rem 1.25rem;
	border-radius: 10px;
	margin-bottom: 1.25rem;
	font-size: 0.92rem;
}