/*
Theme Name: Swarnim Samay
Theme URI: https://swarnimsamay.com/
Description: Completely flat, sharp editorial news child theme for Swarnim Samay (स्वर्णिम समय) — built on the MT News parent framework. Features zero-radius flat architecture, zero shadows, crisp Crimson Red, Royal Navy, and Pure White palette, and multi-category newspaper showcase.
Author: Mayanktaker Computers & Web Development
Author URI: https://mayanktaker.com
Template: mtnews
Version: 1.2.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: swarnimsamay
*/

/* © Mayanktaker Computers & Web Development | https://mayanktaker.com */

:root {
	--color-brand-red: #DC2626;
	--color-brand-red-dark: #991B1B;
	--color-brand-blue: #1E3A8A;
	--color-brand-blue-dark: #0F172A;
	--color-brand-blue-soft: #EFF6FF;
	--color-ink: #0F172A;
	--color-muted: #64748B;
	--color-line: #E2E8F0;
	--color-surface: #F8FAFC !important;
	--color-base: #FFFFFF !important;
	--pt-font-head: "Mukta", "Noto Sans Devanagari", system-ui, -apple-system, sans-serif;
	--pt-font-body: "Noto Sans Devanagari", system-ui, -apple-system, sans-serif;
	--pt-radius: 0px !important;
	--pt-radius-none: 0px !important;
	--pt-radius-sm: 0px !important;
	--pt-radius-md: 0px !important;
	--pt-radius-lg: 0px !important;
	--pt-radius-xl: 0px !important;
	--pt-radius-pill: 0px !important;
	/* Local brand tokens: values used by the rules below that are not part of the
	   parent palette. One home per colour — every value is unchanged. */
	--ss-on-dark: #FFFFFF;
	--ss-slate: #334155;
	--ss-navy-mid: #1E293B;
	--ss-slate-light: #CBD5E1;
	--ss-red-light: #EF4444;
	--ss-muted-light: #94A3B8;
	--ss-footer-bottom: #0A0F1D;
}

/* 1. Global Flat Architecture — Strict 0px radius, 0 box-shadows, crisp borders */
*,
*::before,
*::after {
	border-radius: 0 !important;
	box-shadow: none !important;
	text-shadow: none !important;
}

body {
	background-color: var(--color-surface) !important;
	color: var(--color-ink) !important;
}

/* 2. Top Bar & Breaking News Ticker */
.pt-ticker {
	background-color: var(--color-brand-blue-dark) !important;
	border-bottom: 2px solid var(--ss-navy-mid) !important;
	color: var(--ss-on-dark) !important;
}

.pt-ticker a,
.pt-ticker__item a,
.pt-ticker__date,
.pt-ticker__weather,
.pt-ticker__social a {
	color: var(--color-line) !important;
}

.pt-ticker__label {
	background-color: var(--color-brand-red) !important;
	color: var(--ss-on-dark) !important;
	font-weight: 800 !important;
	text-transform: uppercase !important;
	padding: 0 14px !important;
	letter-spacing: 0.5px !important;
	border: none !important;
}

.pt-ticker__weather {
	border-left: 1px solid var(--ss-slate) !important;
	padding-left: 12px !important;
	color: #F8FAFC !important;
}

/* 3. Masthead Header & Brand Logo — Seamless full-width pure white band */
.pt-header,
.pt-scheme-new .pt-header {
	background: var(--color-base) !important;
	background-color: var(--color-base) !important;
	border-bottom: 1px solid var(--color-line) !important;
}

.pt-masthead,
.pt-branding,
.pt-branding__logo,
.custom-logo-link {
	background: var(--color-base) !important;
	background-color: var(--color-base) !important;
	border: none !important;
}

.pt-masthead {
	padding: 1.25rem 0 !important;
}

.pt-masthead__logo img,
.custom-logo {
	max-height: 85px !important;
	width: auto !important;
	height: auto !important;
	object-fit: contain !important;
	display: block !important;
}

@media (max-width: 768px) {
	.pt-masthead__logo img,
	.custom-logo {
		max-height: 60px !important;
	}
}

/* 4. Primary Navigation — Deep Navy bar with Crisp Crimson Red Active/Hover */
.pt-nav {
	background-color: var(--color-brand-blue-dark) !important;
	border-bottom: 3px solid var(--color-brand-red) !important;
}

.pt-nav__home {
	background-color: var(--ss-navy-mid) !important;
	color: var(--ss-on-dark) !important;
	border-right: 1px solid var(--ss-slate) !important;
}

.pt-nav__home:hover,
.pt-nav__home.is-active {
	background-color: var(--color-brand-red) !important;
	color: var(--ss-on-dark) !important;
}

.pt-nav__menu > li > a {
	color: var(--ss-on-dark) !important;
	font-weight: 700 !important;
	font-size: 0.95rem !important;
	padding: 0.85rem 1.15rem !important;
	border-right: 1px solid rgba(255, 255, 255, 0.08) !important;
	transition: background-color 0.15s ease !important;
}

.pt-nav__menu > li > a:hover,
.pt-nav__menu > li.current-menu-item > a,
.pt-nav__menu > li.current_page_item > a {
	background-color: var(--color-brand-red) !important;
	color: var(--ss-on-dark) !important;
}

/* Search input inside navbar */
.pt-nav__search input[type="search"] {
	background-color: var(--ss-navy-mid) !important;
	border: 1px solid var(--ss-slate) !important;
	color: var(--ss-on-dark) !important;
	padding: 0.5rem 0.75rem !important;
}

.pt-nav__search button[type="submit"] {
	background-color: var(--color-brand-red) !important;
	color: var(--ss-on-dark) !important;
	border: 1px solid var(--color-brand-red) !important;
}

/* 5. Subheader Category Nav Bar — Flat Crisp Rectangular Tabs */
.pt-catnav {
	background-color: var(--color-base) !important;
	border-bottom: 1px solid var(--color-line) !important;
	padding: 0.5rem 0 !important;
}

.pt-catnav__menu a {
	display: inline-block !important;
	background-color: var(--color-base) !important;
	border: 1px solid var(--ss-slate-light) !important;
	color: var(--color-ink) !important;
	font-weight: 700 !important;
	font-size: 0.825rem !important;
	padding: 0.35rem 0.85rem !important;
	text-transform: uppercase !important;
	letter-spacing: 0.02em !important;
	transition: all 0.15s ease !important;
}

.pt-catnav__menu a:hover,
.pt-catnav__menu .current-cat a,
.pt-catnav__menu .current-menu-item > a {
	background-color: var(--color-brand-red) !important;
	border-color: var(--color-brand-red) !important;
	color: var(--ss-on-dark) !important;
}

/* 6. Section Titles — Flat Newspaper Editorial Header with Single Crimson Bar */
.pt-section__head,
.pt-section-title {
	border-bottom: 2px solid var(--color-ink) !important;
	padding-bottom: 0.35rem !important;
	margin-bottom: 1.25rem !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
}

.pt-section__title::before,
.pt-section-title::before,
.pt-section-title a:first-child::before {
	display: none !important;
	content: none !important;
}

.pt-section__title,
.pt-section-title a:first-child {
	color: var(--color-ink) !important;
	font-weight: 900 !important;
	font-size: 1.25rem !important;
	position: relative !important;
	padding-left: 12px !important;
	text-decoration: none !important;
	border-left: 5px solid var(--color-brand-red) !important;
}

.pt-section__more,
.pt-section-title__link {
	background-color: var(--color-brand-blue-dark) !important;
	color: var(--ss-on-dark) !important;
	font-size: 0.75rem !important;
	font-weight: 700 !important;
	padding: 0.3rem 0.75rem !important;
	text-transform: uppercase !important;
	text-decoration: none !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 4px !important;
	transition: background-color 0.15s ease !important;
}

.pt-section__more:hover,
.pt-section-title__link:hover {
	background-color: var(--color-brand-red) !important;
	color: var(--ss-on-dark) !important;
}

/* 7. Flat Article Cards & Rows */
.pt-card {
	background-color: var(--color-base) !important;
	border: 1px solid var(--color-line) !important;
	padding: 1rem !important;
	transition: border-color 0.15s ease !important;
	transform: none !important;
}

.pt-card:hover {
	border-color: var(--color-brand-red) !important;
	transform: none !important;
}

.pt-card__media {
	overflow: hidden !important;
	border-bottom: 1px solid var(--color-line) !important;
	margin-bottom: 0.75rem !important;
}

.pt-card__media img {
	transition: filter 0.2s ease !important;
}

.pt-card:hover .pt-card__media img {
	filter: brightness(0.95) !important;
}

/* Sharp Red Category Badges (Cards, Heroes & Single Posts) */
.pt-pill--cat,
.pt-card__cat,
.pt-hero__cat,
.pt-article__cat,
.pt-article__cats a,
.pt-badge {
	background-color: var(--color-brand-red) !important;
	color: var(--ss-on-dark) !important;
	font-weight: 800 !important;
	font-size: 0.7rem !important;
	padding: 0.2rem 0.55rem !important;
	text-transform: uppercase !important;
	display: inline-block !important;
	margin-bottom: 0.5rem !important;
	border: none !important;
}

.pt-card__title a {
	color: var(--color-ink) !important;
	font-weight: 700 !important;
	text-decoration: none !important;
	line-height: 1.4 !important;
}

.pt-card__title a:hover {
	color: var(--color-brand-red) !important;
}

.pt-card__excerpt {
	color: #475569 !important;
	font-size: 0.875rem !important;
	line-height: 1.5 !important;
}

/* List Row items (alternating ribbons in showcase) */
.pt-row,
.pt-card--row,
.pt-list > article {
	border: 1px solid var(--color-line) !important;
	background-color: var(--color-base) !important;
	padding: 0.85rem !important;
	margin-bottom: 0.75rem !important;
	transition: border-color 0.15s ease !important;
}

.pt-row:hover,
.pt-card--row:hover,
.pt-list > article:hover {
	border-color: var(--color-ink) !important;
}

/* 8. Flat Sidebar Chrome */
.pt-widget,
.widget {
	border: 1px solid var(--color-line) !important;
	background-color: var(--color-base) !important;
	padding: 1.25rem !important;
	margin-bottom: 1.5rem !important;
}

.pt-widget__title,
.widget-title {
	border-bottom: 2px solid var(--color-ink) !important;
	border-left: 4px solid var(--color-brand-red) !important;
	padding: 0 0 0.4rem 8px !important;
	margin-bottom: 1rem !important;
	font-weight: 800 !important;
	color: var(--color-ink) !important;
}

/* Search widget */
.pt-widget input[type="search"],
.widget input[type="search"] {
	border: 1px solid var(--ss-slate-light) !important;
	background-color: var(--color-base) !important;
	color: var(--color-ink) !important;
	padding: 0.5rem 0.75rem !important;
}

.pt-widget button[type="submit"],
.widget button[type="submit"] {
	background-color: var(--color-brand-blue-dark) !important;
	color: var(--ss-on-dark) !important;
	border: 1px solid var(--color-brand-blue-dark) !important;
	font-weight: 700 !important;
}

.pt-widget button[type="submit"]:hover,
.widget button[type="submit"]:hover {
	background-color: var(--color-brand-red) !important;
	border-color: var(--color-brand-red) !important;
}

/* 9. Pagination & Load More Button */
.pt-load-more,
.pt-btn,
.pt-pagination a,
.pt-pagination span {
	background-color: var(--color-brand-blue-dark) !important;
	color: var(--ss-on-dark) !important;
	border: 1px solid var(--color-brand-blue-dark) !important;
	font-weight: 700 !important;
	padding: 0.5rem 1.25rem !important;
	text-decoration: none !important;
	transition: all 0.15s ease !important;
}

.pt-load-more:hover,
.pt-btn:hover,
.pt-pagination a:hover,
.pt-pagination .current {
	background-color: var(--color-brand-red) !important;
	border-color: var(--color-brand-red) !important;
	color: var(--ss-on-dark) !important;
}

/* 10. Flat Deep Navy Footer */
.pt-footer {
	background-color: var(--color-brand-blue-dark) !important;
	border-top: 4px solid var(--color-brand-red) !important;
	color: var(--ss-muted-light) !important;
}

.pt-footer__title,
.pt-footer h3,
.pt-footer h4 {
	color: var(--ss-on-dark) !important;
	font-weight: 800 !important;
	border-bottom: 2px solid var(--color-brand-red) !important;
	display: inline-block !important;
	padding-bottom: 0.25rem !important;
	margin-bottom: 1rem !important;
}

.pt-footer a {
	color: var(--ss-slate-light) !important;
	text-decoration: none !important;
}

.pt-footer a:hover {
	color: var(--ss-red-light) !important;
}

.pt-footer__bottom {
	background-color: var(--ss-footer-bottom) !important;
	border-top: 1px solid var(--ss-navy-mid) !important;
	color: var(--color-muted) !important;
}

/* 11. Flat Back to Top Button */
.pt-back-to-top,
#pt-back-to-top {
	background-color: var(--color-brand-blue-dark) !important;
	color: var(--ss-on-dark) !important;
	border: 1px solid var(--ss-slate) !important;
	font-weight: 700 !important;
	font-size: 0.8rem !important;
}

.pt-back-to-top:hover,
#pt-back-to-top:hover {
	background-color: var(--color-brand-red) !important;
	border-color: var(--color-brand-red) !important;
	color: var(--ss-on-dark) !important;
}