/*
Theme Name: Harda Express
Theme URI: https://hardaexpress.com/
Description: Official child theme for Harda Express (hardaexpress.com) built on the MT News parent framework. Replicates the exact Jannah header layout, indigo top bar (#4730C9), jet-black navbar (#0A0A0A) with double white borders, cobalt blue brand accents (#001DA0), multi-category newspaper blocks, reporter sub-titles, and dark footer.
Author: Mayanktaker Computers & Web Development
Author URI: https://mayanktaker.com
Template: mtnews
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hardaexpress
*/

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

:root {
	--color-brand-blue: #001DA0;
	--color-brand-blue-dark: #00006E;
	--color-brand-blue-soft: #EEF2FF;
	--color-brand-red: #D30000;
	--color-brand-red-dark: #990000;
	--color-ink: #2C2F34;
	--color-muted: #5A6472;
	--color-line: #E3E8EF;
	--color-surface: #F7F7F7 !important;
	--color-base: #FFFFFF !important;
	--pt-font-head: "Poppins", "Noto Sans Devanagari", system-ui, -apple-system, sans-serif;
	--pt-font-body: "Noto Sans Devanagari", system-ui, -apple-system, sans-serif;
	--pt-radius: 4px;
}

/* 1. Base Canvas & Typography */
body {
	background-color: #F7F7F7 !important;
	color: #2C2F34 !important;
}

/* 2. Indigo Top Bar (#4730C9) matching Jannah #top-nav */
.pt-ticker {
	background-color: #4730C9 !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
	color: #FFFFFF !important;
	max-height: 44px !important;
	overflow: hidden !important;
}

/* Block Google AdSense auto-ads from injecting inside header, ticker, or nav */
.pt-ticker .google-auto-placed,
.pt-ticker ins.adsbygoogle,
.pt-header .google-auto-placed,
.pt-nav .google-auto-placed,
.pt-nav ins.adsbygoogle,
.google-anno-skip .google-auto-placed,
.google-anno-skip ins.adsbygoogle {
	display: none !important;
	height: 0 !important;
	visibility: hidden !important;
	opacity: 0 !important;
	pointer-events: none !important;
}

.pt-ticker a,
.pt-ticker__item,
.pt-ticker__date,
.pt-ticker__weather,
.pt-ticker__social a {
	color: #FFFFFF !important;
}

.pt-ticker__label {
	background-color: #D30000 !important;
	color: #FFFFFF !important;
	font-weight: 800 !important;
	padding: 0 14px !important;
	border-radius: 2px !important;
}

/* 3. Masthead Header & Centered Square/Banner Logo */
.pt-header {
	background-color: #FFFFFF !important;
	border-bottom: 1px solid #E3E8EF !important;
}

.pt-masthead {
	background-color: #FFFFFF !important;
	padding: 0.85rem 0 !important;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	text-align: center !important;
}

.pt-brand {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	margin: 0 auto !important;
}

.pt-brand__tagline {
	display: none !important;
}

.pt-brand .custom-logo-link img,
.pt-masthead img.custom-logo {
	max-height: 140px !important;
	width: auto !important;
	height: auto !important;
	object-fit: contain !important;
	margin: 0 auto !important;
}

@media (max-width: 767px) {
	.pt-masthead {
		padding: 0.6rem 0 !important;
	}

	.pt-brand .custom-logo-link img,
	.pt-masthead img.custom-logo {
		max-height: 92px !important;
	}

	/* Avoid duplicate logo in mobile navbar since .pt-masthead is shown above */
	.pt-nav__mobile-brand {
		display: none !important;
	}

	.pt-nav__home {
		display: inline-flex !important;
		padding: 0.45rem 0.7rem !important;
	}
}

/* 4. Primary Navigation (#0A0A0A with 2px solid white top & bottom borders) */
.pt-nav {
	background-color: #0A0A0A !important;
	border-top: 2px solid #FFFFFF !important;
	border-bottom: 2px solid #FFFFFF !important;
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15) !important;
}

.pt-nav__home {
	background-color: #001DA0 !important;
	color: #FFFFFF !important;
	padding: 0.75rem 0.85rem !important;
	flex-shrink: 0 !important;
}

.pt-nav__home-text {
	display: none !important;
}

.pt-nav__home:hover,
.pt-nav__home.is-active {
	background-color: #4730C9 !important;
	color: #FFFFFF !important;
}

@media (min-width: 768px) {
	.pt-menu--primary {
		flex-wrap: nowrap !important;
		white-space: nowrap !important;
	}

	.pt-nav__search {
		max-width: 175px !important;
		flex-shrink: 1 !important;
	}
}

.pt-menu--primary > li > a {
	color: #FFFFFF !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	font-size: 0.88rem !important;
	padding: 0.75rem 0.62rem !important;
	white-space: nowrap !important;
	transition: background-color 0.15s ease, color 0.15s ease !important;
}

.pt-menu--primary > li > a:hover,
.pt-menu--primary > li.current-menu-item > a,
.pt-menu--primary > li.current-category-ancestor > a {
	background-color: #001DA0 !important;
	color: #FFFFFF !important;
}

/* Mobile menu & search buttons in red (#D30000) like Jannah mobile header */
@media (max-width: 991px) {
	.pt-nav__toggle,
	.pt-nav__search-toggle {
		color: #FFFFFF !important;
		background-color: #D30000 !important;
		border-color: #D30000 !important;
	}

	.pt-nav__toggle-bar,
	.pt-nav__toggle-bar::before,
	.pt-nav__toggle-bar::after {
		background-color: #FFFFFF !important;
	}

	.pt-nav__mobile-search input[type="search"],
	.pt-nav__search-drawer input[type="search"] {
		background-color: #1E293B !important;
		border: 1px solid #475569 !important;
		color: #FFFFFF !important;
	}
}

/* 5. Category Ribbon Strip */
.pt-catnav {
	background-color: #FFFFFF !important;
	border-bottom: 1px solid #E3E8EF !important;
}

.pt-catnav__list a:hover,
.pt-catnav__list a.is-active {
	background-color: #001DA0 !important;
	color: #FFFFFF !important;
}

/* 6. Jannah Block Header Style 4 (Cobalt Blue Badge + Bottom Accent Line) */
.pt-section__head,
.widget-title,
.pt-widget__title {
	border-bottom: 2px solid #001DA0 !important;
	padding-bottom: 0 !important;
	margin-bottom: 1.25rem !important;
	display: flex !important;
	align-items: stretch !important;
	justify-content: space-between !important;
}

.pt-section__title,
.widget-title,
.pt-widget__title {
	background-color: #001DA0 !important;
	color: #FFFFFF !important;
	font-weight: 700 !important;
	font-size: 1.05rem !important;
	padding: 0.4rem 1rem !important;
	margin: 0 !important;
	display: inline-flex !important;
	align-items: center !important;
	position: relative !important;
	line-height: 1.4 !important;
}

.pt-section__title::before {
	display: none !important;
}

.pt-section__more {
	background-color: #4730C9 !important;
	color: #FFFFFF !important;
	font-size: 0.78rem !important;
	font-weight: 700 !important;
	padding: 0.3rem 0.75rem !important;
	align-self: center !important;
	border-radius: 3px !important;
	text-decoration: none !important;
}

.pt-section__more:hover {
	background-color: #001DA0 !important;
	color: #FFFFFF !important;
}

/* 7. Cards, Hero & Category Badges */
.pt-card,
.pt-hero,
.pt-row,
.pt-sidebar .widget,
.he-box {
	background-color: #FFFFFF !important;
	border: 1px solid rgba(0, 0, 0, 0.08) !important;
	border-radius: 4px !important;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
}

.pt-card__cat,
.pt-hero__cat,
.pt-article__cat {
	background-color: #001DA0 !important;
	color: #FFFFFF !important;
	font-weight: 700 !important;
	border-radius: 3px !important;
	padding: 0.2rem 0.6rem !important;
	font-size: 0.75rem !important;
}

.pt-card__title a,
.pt-row__title a {
	color: #2C2F34 !important;
	font-weight: 700 !important;
	line-height: 1.45 !important;
}

.pt-card__title a:hover,
.pt-row__title a:hover {
	color: #001DA0 !important;
}

/* 8. Harda Express Custom Homepage Magazine Sections */
.he-home-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1.5rem;
	margin-bottom: 2rem;
}

@media (max-width: 768px) {
	.he-home-grid {
		grid-template-columns: 1fr;
	}
}

.he-box {
	padding: 1.25rem;
	margin-bottom: 1.75rem;
}

.he-sub-title {
	font-size: 1.1rem;
	font-weight: 700;
	color: #001DA0;
	margin: 0.35rem 0 0.75rem;
	padding-left: 0.65rem;
	border-left: 3px solid #D30000;
}

.he-read-more {
	display: inline-block;
	margin-top: 0.5rem;
	background-color: #001DA0;
	color: #FFFFFF !important;
	font-size: 0.78rem;
	font-weight: 700;
	padding: 0.28rem 0.75rem;
	border-radius: 3px;
	text-decoration: none !important;
}

.he-read-more:hover {
	background-color: #4730C9;
}

/* 9. Dark Skin Footer (#10141E / #0A0A0A) matching Jannah #footer.dark-skin */
.pt-footer {
	background-color: #10141E !important;
	color: rgba(255, 255, 255, 0.75) !important;
	border-top: 3px solid #001DA0 !important;
}

.pt-footer__widget-title,
.pt-footer h3 {
	color: #FFFFFF !important;
	border-bottom: 2px solid #001DA0 !important;
	padding-bottom: 0.4rem !important;
}

.pt-footer a {
	color: #E2E8F0 !important;
}

.pt-footer a:hover {
	color: #FFFFFF !important;
}

.pt-footer__bottom-bar {
	background-color: #0A0A0A !important;
	border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
	color: rgba(255, 255, 255, 0.75) !important;
}