/*!
Theme Name: nikhojsongbad
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: nikhojsongbad
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

nikhojsongbad is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
	color: #404040;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

p {
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", courier, monospace;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
	background: #fff;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

img {
	height: auto;
	max-width: 100%;
}

figure {
	margin: 1em 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/* Links
--------------------------------------------- */
a {
	color: #4169e1;
}

a:visited {
	color: #800080;
}

a:hover,
a:focus,
a:active {
	color: #191970;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	line-height: 1;
	padding: 0.6em 1em 0.4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Navigation
--------------------------------------------- */
.main-navigation {
	display: block;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	display: block;
	left: auto;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li {
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {

	.menu-toggle {
		display: none;
	}

	.main-navigation ul {
		display: flex;
	}
}

.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
	margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
	display: block;
}

.post,
.page {
	margin: 0 0 1.5em;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
	margin: 0 0 1.5em;
}

.widget select {
	max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.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-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

zoom: 1;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}

/*--------------------------------------------------------------
# NIKHOJSONGBAD CUSTOM STYLES & PREMIUM NEWSPAPER DESIGN
--------------------------------------------------------------*/

:root {
	--primary-color: #e31c25;       /* Urgency Crimson Red */
	--secondary-color: #1e293b;     /* Slate Dark Header */
	--accent-color: #0f172a;        /* Charcoal Dark Text */
	--light-bg: #f8fafc;            /* Light gray background */
	--white: #ffffff;
	--gray-border: #e2e8f0;
	--text-muted: #64748b;
	
	/* Notice States Colors */
	--color-missing: #ef4444;       /* Urgent Red */
	--color-found: #10b981;         /* Safe Green */
	--color-police: #3b82f6;        /* Police Blue */
	
	/* Fonts */
	--heading-font: 'Hind Siliguri', sans-serif;
	--body-font: 'Noto Sans Bengali', sans-serif;
}

/* 1. Global & Typography Overrides */
body {
	font-family: var(--body-font);
	background-color: var(--light-bg);
	color: var(--accent-color);
	font-size: 16px;
	line-height: 1.7;
}

h1, h2, h3, h4, h5, h6 {
	font-family: var(--heading-font);
	font-weight: 700;
	color: var(--secondary-color);
	margin-top: 0;
}

a {
	color: var(--primary-color);
	text-decoration: none;
	transition: color 0.3s ease;
}

a:hover, a:focus {
	color: var(--secondary-color);
	text-decoration: none;
}

/* Page wrapper 100% fluid stretch */
#page {
	width: 100%;
	max-width: 100%;
	margin: 0;
	background: var(--light-bg);
	box-shadow: none;
	padding: 0;
}

/* Container system for centered standard spacing */
.container {
	width: 100%;
	max-width: 1200px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 15px;
	padding-left: 15px;
	box-sizing: border-box;
}

/* 2. Header & Navigation Styles */
.site-header {
	border-bottom: 2px solid var(--gray-border);
	background-color: var(--white);
}

/* Top bar with marquee and social links */
.header-top-bar {
	padding: 8px 0;
	border-bottom: 1px solid var(--gray-border);
	font-size: 13px;
	color: var(--text-muted);
	background-color: #f8fafc;
}

.top-bar-left {
	display: flex;
	align-items: center;
	gap: 15px;
	flex: 1;
	overflow: hidden;
}

.date-badge {
	background-color: var(--secondary-color);
	color: var(--white);
	padding: 4px 10px;
	font-weight: 600;
	border-radius: 4px;
	white-space: nowrap;
	font-family: var(--heading-font);
	display: inline-flex;
	align-items: center;
}

.date-badge i {
	font-size: 14px;
}

/* Marquee Scroll Styling */
.marquee-container {
	flex: 1;
	overflow: hidden;
	white-space: nowrap;
	position: relative;
	height: 24px;
	display: flex;
	align-items: center;
}

.marquee-content {
	display: inline-block;
	padding-left: 100%;
	animation: marquee 25s linear infinite;
	font-family: var(--heading-font);
	font-weight: 600;
}

.marquee-item {
	color: var(--primary-color);
	margin-right: 40px;
	font-weight: 700;
	font-size: 15px;
	display: inline-flex;
	align-items: center;
	gap: 5px;
}

@keyframes marquee {
	0% { transform: translate3d(0, 0, 0); }
	100% { transform: translate3d(-100%, 0, 0); }
}

.top-bar-right .social-links {
	display: flex;
	gap: 10px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.social-links li a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background-color: #f1f5f9;
	color: #64748b;
	font-size: 13px;
	transition: all 0.3s ease;
	border: 1px solid var(--gray-border);
}

.social-links li a[title="Facebook"]:hover {
	background-color: #1877f2;
	color: var(--white);
	border-color: #1877f2;
	transform: translateY(-2px);
}

.social-links li a[title="YouTube"]:hover {
	background-color: #ff0000;
	color: var(--white);
	border-color: #ff0000;
	transform: translateY(-2px);
}

.social-links li a[title="Twitter"]:hover {
	background-color: #000000;
	color: var(--white);
	border-color: #000000;
	transform: translateY(-2px);
}

/* Main Brand Area */
.site-branding-container {
	padding: 20px 0;
	background-color: var(--white);
	border-bottom: 1px solid var(--gray-border);
}

.site-title {
	font-family: var(--heading-font);
	font-size: 42px;
	font-weight: 800;
	margin: 0;
	letter-spacing: -1px;
	line-height: 1;
}

.site-title a {
	color: var(--secondary-color);
}

.site-title a span {
	color: var(--primary-color);
}

.site-description {
	font-size: 14px;
	margin: 5px 0 0 0;
	color: var(--text-muted);
	font-family: var(--heading-font);
}

/* Ad Banner placeholder in Header */
.header-ad-banner {
	max-width: 450px;
	width: 100%;
	background: #fffbeb;
	border: 2px dashed #f59e0b;
	border-radius: 6px;
	text-align: center;
	padding: 10px 15px;
	font-size: 13px;
	color: #78350f;
	font-family: var(--heading-font);
	box-shadow: 0 2px 4px rgba(245, 158, 11, 0.05);
}

/* Navigation bar */
.main-navigation {
	background: var(--secondary-color);
	position: sticky;
	top: 0;
	z-index: 100;
	box-shadow: 0 4px 10px rgba(0,0,0,0.15);
	border-bottom: 4px solid var(--primary-color);
}

.main-navigation-inner {
	position: relative;
}

.main-navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	align-items: center;
	width: 100%;
}

.main-navigation li {
	position: relative;
}

.main-navigation li a {
	color: var(--white) !important;
	padding: 18px 18px;
	font-family: var(--heading-font);
	font-size: 16px;
	font-weight: 600;
	display: block;
	transition: all 0.2s ease;
	border-bottom: 3px solid transparent;
}

.main-navigation li a:hover,
.main-navigation li.current-menu-item > a {
	background-color: rgba(255,255,255,0.06);
	border-bottom: 3px solid var(--primary-color);
	color: #fca5a5 !important;
}

.menu-toggle {
	background-color: var(--primary-color);
	color: var(--white);
	border: none;
	padding: 12px 15px;
	width: 100%;
	text-align: left;
	font-weight: 700;
	font-family: var(--heading-font);
	display: none;
	cursor: pointer;
}

/* ==============================================================
   1. STANDARD SUB-MENU DROPDOWN STYLING
   ============================================================== */
.main-navigation ul ul {
	box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
	background-color: var(--white);
	border-top: 3px solid var(--primary-color);
	padding: 10px 0;
	border-radius: 0 0 6px 6px;
	list-style: none;
	display: block !important;
	min-width: 220px;
	opacity: 0;
	transform: translateY(15px);
	transition: opacity 0.3s ease, transform 0.3s ease;
	pointer-events: none;
	box-sizing: border-box;
}

.main-navigation ul ul li {
	width: 100%;
}

.main-navigation ul ul a {
	color: var(--accent-color) !important;
	padding: 10px 20px !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	text-transform: none !important;
	border: none !important;
	display: block !important;
	width: 100% !important;
	background: none !important;
}

.main-navigation ul ul a:hover {
	background-color: #f1f5f9 !important;
	color: var(--primary-color) !important;
	padding-left: 25px !important; /* Slide in hover effect */
}

/* Hover Show mechanism */
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: 0;
	opacity: 1;
	transform: translateY(0);
	pointer-events: auto;
}

/* Multi-level nested dropdowns */
.main-navigation ul ul ul {
	top: 0;
	left: -999em;
	border-radius: 6px;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}

/* ==============================================================
   2. MEGA MENU GRID SYSTEM STYLING
   ============================================================== */
/* Parent mega menu item must have static position to anchor mega menu to the full bar container width */
.main-navigation ul li.mega-menu-item {
	position: static !important;
}

/* Full Width Dropdown Panel for Mega Menu - Drops directly below nav bar and contained inside max-width */
.main-navigation ul li.mega-menu-item > ul {
	position: absolute !important;
	top: 100% !important;
	left: 15px !important;
	right: 15px !important;
	width: calc(100% - 30px) !important;
	max-width: 1200px !important;
	background-color: var(--white) !important;
	border-top: 3px solid var(--primary-color) !important;
	display: grid !important;
	grid-template-columns: repeat(4, 1fr) !important;
	align-items: flex-start !important;
	gap: 25px !important;
	padding: 30px !important;
	border-radius: 0 0 8px 8px !important;
	box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15) !important;
	box-sizing: border-box !important;
	z-index: 99999 !important;

	/* Smooth downward fade in transition */
	opacity: 0 !important;
	visibility: hidden !important;
	transform: translateY(15px) !important;
	transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease !important;
	pointer-events: none !important;
}

/* Hover mega menu alignment */
.main-navigation ul li.mega-menu-item:hover > ul {
	opacity: 1 !important;
	visibility: visible !important;
	transform: translateY(0) !important;
	pointer-events: auto !important;
}

/* Column Header Item */
.main-navigation ul li.mega-menu-item > ul > li {
	display: block !important;
}

.main-navigation ul li.mega-menu-item > ul > li > a {
	font-size: 16px !important;
	font-weight: 700 !important;
	color: var(--primary-color) !important;
	border-bottom: 2px solid var(--primary-color) !important;
	padding: 0 0 8px 0 !important;
	margin-bottom: 12px !important;
	text-transform: none !important;
	pointer-events: none; /* Make heading column static link */
	background: none !important;
	border-radius: 0;
}

/* Sub lists inside mega menu column reset */
.main-navigation ul li.mega-menu-item > ul > li > ul {
	position: static !important;
	opacity: 1 !important;
	pointer-events: auto !important;
	box-shadow: none !important;
	background: transparent !important;
	padding: 0 !important;
	border: none !important;
	transform: none !important;
	display: block !important;
	width: 100% !important;
}

.main-navigation ul li.mega-menu-item > ul > li > ul li {
	width: 100%;
}

.main-navigation ul li.mega-menu-item > ul > li > ul a {
	padding: 6px 0 !important;
	font-size: 14px !important;
	color: #475569 !important;
	font-weight: 600 !important;
	border: none !important;
	display: block !important;
	transition: all 0.2s ease;
}

.main-navigation ul li.mega-menu-item > ul > li > ul a:hover {
	padding-left: 10px !important;
	background: transparent !important;
	color: var(--primary-color) !important;
}

/* ==============================================================
   3. SUBMIT NOTICE HEADER CTA BUTTON
   ============================================================== */
.main-navigation li.submit-notice-menu-item {
	margin-left: auto !important; /* Push button to the far right */
	background-color: var(--primary-color);
	border-radius: 4px;
	overflow: hidden;
}

.main-navigation li.submit-notice-menu-item a {
	color: var(--white) !important;
	font-weight: 700 !important;
	padding: 12px 18px !important;
	border: none !important;
	display: inline-flex !important;
	align-items: center;
	gap: 6px;
}

.main-navigation li.submit-notice-menu-item a:hover {
	background-color: #b91c1c !important;
	color: var(--white) !important;
}

/* Mobile dropdown toggle arrow - Hidden on desktop */
.mobile-sub-toggle {
	display: none !important;
}

/* Responsive fixes for navigation menu */
@media (max-width: 768px) {
	.main-navigation-inner {
		display: block !important;
	}

	.main-navigation ul {
		display: none;
		flex-direction: column;
		width: 100%;
		background-color: var(--secondary-color);
		padding: 10px 0;
	}
	
	.main-navigation.toggled ul {
		display: flex;
	}
	
	.main-navigation li {
		width: 100%;
		position: relative !important;
	}
	
	.main-navigation li a {
		padding: 12px 20px;
		border-bottom: 1px solid rgba(255,255,255,0.03) !important;
	}
	
	.main-navigation li.submit-notice-menu-item {
		margin: 10px 20px !important;
		text-align: center;
		width: calc(100% - 40px) !important;
	}
	
	.main-navigation li.submit-notice-menu-item a {
		display: block !important;
		border-bottom: none !important;
	}
	
	.menu-toggle {
		display: block;
	}

	/* Mobile Toggle Button for Submenus */
	.mobile-sub-toggle {
		display: inline-flex !important;
		align-items: center;
		justify-content: center;
		position: absolute;
		right: 15px;
		top: 6px;
		width: 34px;
		height: 34px;
		background-color: rgba(255, 255, 255, 0.05);
		border-radius: 4px;
		color: #cbd5e1;
		cursor: pointer;
		z-index: 10;
		transition: all 0.2s ease;
		border: 1px solid rgba(255, 255, 255, 0.1);
	}

	.mobile-sub-toggle:hover {
		background-color: rgba(255, 255, 255, 0.15);
		color: var(--white);
	}
	
	/* Mobile submenu collapsed by default */
	.main-navigation ul ul {
		display: none !important;
		position: static !important;
		opacity: 0 !important;
		visibility: hidden !important;
		pointer-events: none !important;
		box-shadow: none !important;
		background-color: rgba(0, 0, 0, 0.2) !important;
		padding: 0 0 0 15px !important;
		border: none !important;
		transform: none !important;
		width: 100% !important;
		min-width: 100% !important;
	}

	/* Show mobile submenu when toggled open */
	.main-navigation li.open-submenu > ul {
		display: block !important;
		opacity: 1 !important;
		visibility: visible !important;
		pointer-events: auto !important;
	}
	
	.main-navigation ul ul a {
		color: #94a3b8 !important;
	}
	
	/* Mega Menu stacks vertically on mobile */
	.main-navigation ul li.mega-menu-item > ul {
		width: 100% !important;
		display: none !important;
		padding: 0 0 0 15px !important;
		transform: none !important;
		left: 0 !important;
		background-color: rgba(0, 0, 0, 0.2) !important;
		border: none !important;
	}

	.main-navigation li.mega-menu-item.open-submenu > ul {
		display: block !important;
		opacity: 1 !important;
		visibility: visible !important;
		pointer-events: auto !important;
	}
	
	.main-navigation ul li.mega-menu-item > ul > li {
		width: 100% !important;
		margin-bottom: 15px;
	}

	.main-navigation ul li.mega-menu-item > ul > li:last-child {
		margin-bottom: 0;
	}
	
	.main-navigation ul li.mega-menu-item > ul > li > a {
		color: #cbd5e1 !important;
		border-bottom: 1px solid rgba(255,255,255,0.05) !important;
		pointer-events: auto !important;
		margin-bottom: 5px !important;
		padding: 10px 0 !important;
	}

	.main-navigation ul li.mega-menu-item > ul > li > ul {
		display: block !important;
		padding-left: 10px !important;
	}

	.main-navigation ul li.mega-menu-item > ul > li > ul a {
		color: #94a3b8 !important;
	}
}

/* 3. Hero Section (Foxiz Newspaper Grid) */
.home-hero-section {
	margin: 30px 0;
}

.hero-grid {
	display: grid;
	grid-template-columns: 2fr 1fr;
	gap: 20px;
}

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

/* Post Cards */
.news-card {
	background: var(--white);
	border: 1px solid var(--gray-border);
	border-radius: 8px;
	overflow: hidden;
	transition: all 0.3s ease;
	position: relative;
	display: flex;
	flex-direction: column;
}

.news-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 10px 20px rgba(0,0,0,0.08);
	border-color: #cbd5e1;
}

.news-card-img-wrap {
	position: relative;
	overflow: hidden;
	aspect-ratio: 16/10;
	background: #cbd5e1;
}

.news-card-img-wrap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s ease;
}

.news-card:hover .news-card-img-wrap img {
	transform: scale(1.05);
}

/* Badges */
.card-badge {
	position: absolute;
	top: 12px;
	left: 12px;
	color: var(--white);
	font-family: var(--heading-font);
	font-size: 12px;
	font-weight: 700;
	padding: 3px 10px;
	border-radius: 4px;
	z-index: 2;
	box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}

.card-status-badge {
	position: absolute;
	top: 12px;
	right: 12px;
	color: var(--white);
	font-family: var(--heading-font);
	font-size: 12px;
	font-weight: 700;
	padding: 3px 10px;
	border-radius: 4px;
	z-index: 2;
}

/* Notice colors */
.bg-missing { background-color: var(--color-missing); }
.bg-found { background-color: var(--color-found); }
.bg-police { background-color: var(--color-police); }

.news-card-content {
	padding: 20px;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}

.news-card-meta {
	font-size: 12px;
	color: var(--text-muted);
	margin-bottom: 8px;
	font-family: var(--heading-font);
	display: flex;
	gap: 10px;
}

.news-card-title {
	font-size: 20px;
	line-height: 1.4;
	margin-bottom: 10px;
}

.news-card-title a {
	color: var(--accent-color);
}
.news-card-title a:hover {
	color: var(--primary-color);
}

.news-card-excerpt {
	font-size: 14px;
	color: var(--text-muted);
	margin-bottom: 15px;
	flex-grow: 1;
}

/* Key Details Quick List inside cards */
.card-key-details {
	background: var(--light-bg);
	padding: 10px;
	border-radius: 6px;
	font-size: 13px;
	margin-bottom: 15px;
}

.card-key-details div {
	margin-bottom: 4px;
}
.card-key-details div:last-child {
	margin-bottom: 0;
}

.card-key-details strong {
	color: var(--secondary-color);
}

.news-card-footer {
	border-top: 1px solid var(--gray-border);
	padding-top: 12px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 13px;
	font-family: var(--heading-font);
	font-weight: 600;
}

.phone-btn {
	background: var(--primary-color);
	color: var(--white);
	padding: 4px 10px;
	border-radius: 4px;
}
.phone-btn:hover {
	background: var(--secondary-color);
	color: var(--white);
}

/* Big Hero Card (left side) */
.hero-left .news-card {
	height: 100%;
	border: 2px solid var(--gray-border);
}

.hero-left .news-card-title {
	font-size: 28px;
	font-weight: 800;
	line-height: 1.3;
}

/* Hero Right Column (List of 3 items) */
.hero-right {
	display: flex;
	flex-direction: column;
	gap: 15px;
	justify-content: flex-start;
}

.hero-list-item {
	display: grid;
	grid-template-columns: 100px 1fr;
	gap: 15px;
	background-color: #f8fafc; /* Beautiful off-white contrast background */
	border: 1px solid var(--gray-border);
	border-left: 4px solid var(--primary-color) !important; /* Premium left accent border */
	padding: 12px 15px;
	border-radius: 6px;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02);
	position: relative;
	box-sizing: border-box;
}

.hero-list-item:hover {
	background-color: var(--white) !important;
	border-color: #cbd5e1 !important;
	transform: translateX(6px);
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.06);
}

.hero-list-img {
	border-radius: 4px;
	overflow: hidden;
	height: 75px;
	width: 100px;
	position: relative;
	background-color: #cbd5e1;
	border: 1px solid var(--gray-border);
}

.hero-list-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.4s ease;
}

.hero-list-item:hover .hero-list-img img {
	transform: scale(1.08);
}

.hero-list-content {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.hero-list-title {
	font-size: 16px;
	line-height: 1.4;
	font-weight: 700;
	margin: 0 0 6px 0;
	font-family: var(--heading-font);
}

.hero-list-title a {
	color: var(--secondary-color);
	transition: color 0.2s ease;
}

.hero-list-item:hover .hero-list-title a {
	color: var(--primary-color);
}

.hero-list-meta {
	font-size: 12px;
	color: var(--text-muted);
	font-family: var(--heading-font);
	font-weight: 600;
	display: flex;
	align-items: center;
	gap: 10px;
}

.hero-list-meta i {
	color: var(--primary-color);
}

/* 4. Custom Advanced Filter Block */
.home-filter-block {
	background: linear-gradient(135deg, var(--secondary-color), #0f172a);
	color: var(--white);
	padding: 25px;
	margin-bottom: 30px;
	box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}

.home-filter-block h3 {
	color: var(--white);
	margin-bottom: 15px;
	font-size: 22px;
	border-left: 4px solid var(--primary-color);
	padding-left: 10px;
}

.filter-form {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 15px;
	align-items: end;
}

.filter-keyword-group,
.filter-cat-group {
	grid-column: span 2;
}

@media (max-width: 768px) {
	.filter-form {
		grid-template-columns: 1fr !important;
	}
	.filter-keyword-group,
	.filter-cat-group {
		grid-column: span 1 !important;
	}
}

.filter-group {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.filter-group label {
	font-family: var(--heading-font);
	font-size: 13px;
	font-weight: 700;
	color: #cbd5e1;
	text-transform: uppercase;
	letter-spacing: 0.3px;
}

/* Perfect Height Unification and Premium Modern Design */
.filter-form .filter-group input,
.filter-form .filter-group select,
.filter-form button {
	height: 48px !important; /* Spacious, modern uniform height */
	box-sizing: border-box !important;
	border-radius: 6px !important;
	font-family: var(--heading-font) !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	margin: 0 !important;
	vertical-align: middle !important;
}

.filter-form .filter-group input {
	width: 100% !important;
	padding: 0 15px !important;
	background: rgba(255, 255, 255, 0.08) !important;
	border: 2px solid rgba(255, 255, 255, 0.15) !important;
	color: var(--white) !important;
	transition: all 0.3s ease !important;
}

/* Custom Dropdown Arrow to replace browser default and enforce height */
.filter-form .filter-group select {
	width: 100% !important;
	padding: 0 35px 0 15px !important; /* Space for custom arrow */
	background-color: rgba(255, 255, 255, 0.08) !important;
	border: 2px solid rgba(255, 255, 255, 0.15) !important;
	color: var(--white) !important;
	transition: all 0.3s ease !important;
	
	/* Hide default arrow */
	appearance: none !important;
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	
	/* Inline SVG Chevron Arrow */
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23cbd5e1' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='m2 5 6 6 6-6'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-position: right 14px center !important;
	background-size: 14px !important;
	cursor: pointer !important;
}

.filter-group select option {
	background: #1e293b !important;
	color: var(--white) !important;
}

/* Focus and border glow adjustments */
.filter-form .filter-group input:focus,
.filter-form .filter-group select:focus {
	outline: none !important;
	border-color: var(--primary-color) !important;
	background-color: rgba(255, 255, 255, 0.12) !important;
	box-shadow: 0 0 0 3px rgba(227, 28, 37, 0.35) !important;
}

/* Perfect Height Button matching exactly */
.filter-form button {
	background-color: var(--primary-color) !important;
	color: var(--white) !important;
	border: 2px solid var(--primary-color) !important;
	padding: 0 25px !important;
	font-weight: 700 !important;
	cursor: pointer !important;
	transition: all 0.3s ease !important;
	width: 100% !important;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	gap: 8px;
	box-shadow: 0 4px 12px rgba(227, 28, 37, 0.25) !important;
}

.filter-form button:hover {
	background-color: #b91c1c !important;
	border-color: #b91c1c !important;
	box-shadow: 0 6px 18px rgba(227, 28, 37, 0.4) !important;
	transform: translateY(-2px) !important;
}

.filter-form button:active {
	transform: translateY(0) !important;
}

/* 5. Main Site Grid Layout (Content + Sidebar) */
.site-main-grid {
	display: grid;
	grid-template-columns: 2.3fr 1fr;
	gap: 30px;
	margin: 30px 0;
}

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

/* Section Title decoration */
.section-header {
	border-bottom: 2px solid var(--secondary-color);
	margin-bottom: 25px;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}

.section-title {
	font-size: 24px;
	margin: 0;
	background: var(--secondary-color);
	color: var(--white);
	padding: 6px 18px 4px 18px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	display: inline-block;
}

.section-title span {
	color: #fca5a5;
}

/* Grid of regular news posts */
.posts-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
	margin-bottom: 30px;
}

@media (max-width: 576px) {
	.posts-grid {
		grid-template-columns: 1fr;
	}
}

/* Pagination */
.pagination {
	display: flex;
	gap: 8px;
	justify-content: center;
	margin: 40px 0;
}

.pagination .page-numbers {
	display: inline-block;
	padding: 6px 12px;
	border: 1px solid var(--gray-border);
	border-radius: 4px;
	color: var(--accent-color);
	font-family: var(--heading-font);
	font-weight: 600;
}

.pagination .page-numbers.current,
.pagination .page-numbers:hover {
	background-color: var(--primary-color);
	color: var(--white);
	border-color: var(--primary-color);
}

/* 6. Sidebar Widget Styles */
.widget-area {
	display: flex;
	flex-direction: column;
	gap: 30px;
}

.widget {
	background: var(--white);
	border: 1px solid var(--gray-border);
	border-radius: 8px;
	padding: 20px;
}

.widget-title {
	font-size: 18px;
	border-left: 4px solid var(--primary-color);
	padding-left: 10px;
	margin-bottom: 20px;
	text-transform: uppercase;
}

/* Helpline Widget Cards */
.sidebar-helpline-card {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.helpline-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 12px;
	background: var(--light-bg);
	border-radius: 6px;
	border-left: 3px solid var(--secondary-color);
}

.helpline-item.national-emergency {
	background: #fee2e2;
	border-left-color: var(--primary-color);
}

.helpline-item-title {
	font-weight: 700;
	font-size: 14px;
	color: var(--accent-color);
}

.helpline-item-num {
	color: var(--primary-color);
	font-weight: 800;
	font-size: 16px;
	font-family: var(--heading-font);
}

/* Recent Notices Widget */
.widget-recent-notices-list {
	display: flex;
	flex-direction: column;
	gap: 15px;
}

/* 7. Single Post Details Layout */
.single-post-container {
	margin: 20px 0;
}

.single-header {
	margin-bottom: 25px;
}

.single-meta {
	display: flex;
	gap: 15px;
	font-size: 13px;
	color: var(--text-muted);
	font-family: var(--heading-font);
	margin-top: 10px;
}

.single-post-body {
	display: grid;
	grid-template-columns: 1fr;
	gap: 30px;
}

.detail-table-card {
	background: var(--white);
	border: 1px solid var(--gray-border);
	border-radius: 8px;
	overflow: hidden;
	margin-bottom: 30px;
	box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05);
}

.detail-table-card h3 {
	background: var(--secondary-color);
	color: var(--white);
	padding: 12px 20px;
	margin: 0;
	font-size: 18px;
}

.detail-table {
	width: 100%;
	border-collapse: collapse;
	margin: 0;
}

.detail-table td {
	padding: 12px 20px;
	border-bottom: 1px solid var(--gray-border);
	font-size: 15px;
}

.detail-table tr:last-child td {
	border-bottom: none;
}

.detail-table td.label-cell {
	font-weight: 700;
	color: var(--text-muted);
	width: 35%;
	background-color: var(--light-bg);
}

.detail-table td.value-cell {
	color: var(--accent-color);
	font-weight: 600;
}

.detail-table .status-active {
	color: var(--color-missing);
	font-weight: bold;
}

.detail-table .status-resolved {
	color: var(--color-found);
	font-weight: bold;
}

/* Call to Action Box for Contacting */
.contact-cta-box {
	background: linear-gradient(135deg, #fee2e2, #fee2e2);
	border: 2px dashed var(--primary-color);
	border-radius: 8px;
	padding: 25px;
	text-align: center;
	margin: 30px 0;
}

.contact-cta-box h4 {
	color: #991b1b;
	font-size: 20px;
	margin-bottom: 8px;
}

.contact-cta-box p {
	margin-bottom: 15px;
	font-weight: 600;
}

.contact-cta-phone {
	display: inline-block;
	background: var(--primary-color);
	color: var(--white) !important;
	font-size: 22px;
	font-weight: 800;
	font-family: var(--heading-font);
	padding: 10px 25px;
	border-radius: 6px;
	box-shadow: 0 4px 10px rgba(227, 28, 37, 0.3);
}

.contact-cta-phone:hover {
	background: var(--secondary-color);
	transform: scale(1.03);
}

/* Reward Alert */
.reward-alert-box {
	background: #fef3c7;
	border-left: 5px solid #d97706;
	color: #92400e;
	padding: 15px 20px;
	border-radius: 4px;
	font-weight: 600;
	margin: 20px 0;
}

/* 8. Footer Styles */
.site-footer {
	background-color: #1a1b1a;
	color: #cbd5e1;
	margin: 50px 0 0 0 !important;
	padding: 60px 0 0 0 !important;
	border-top: 5px solid var(--primary-color);
}

.footer-widgets {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 40px;
	padding-bottom: 40px;
}

@media (max-width: 768px) {
	.footer-widgets {
		grid-template-columns: 1fr;
		gap: 30px;
	}
}

.footer-widget-column h4 {
	color: var(--white);
	font-size: 20px;
	margin-bottom: 20px;
	position: relative;
	padding-bottom: 8px;
	font-family: var(--heading-font);
	font-weight: 700;
	border-bottom: 2px solid rgba(255,255,255,0.05);
}

.footer-widget-column h4::after {
	content: "";
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 50px;
	height: 2px;
	background: var(--primary-color);
}

.footer-widget-column p {
	font-size: 14px;
	line-height: 1.7;
	color: #94a3b8;
}

.footer-contacts-list {
	display: flex;
	flex-direction: column;
	gap: 12px;
	font-size: 14px;
}

.footer-contacts-list li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 8px;
	border-bottom: 1px dashed rgba(255, 255, 255, 0.05);
}

.footer-contacts-list li:last-child {
	border-bottom: none;
}

.footer-contacts-list strong {
	color: var(--white);
}

.footer-phone-number {
	color: #fca5a5;
	font-weight: 700;
	font-family: var(--heading-font);
	background: rgba(227, 28, 37, 0.1);
	padding: 2px 8px;
	border-radius: 4px;
	border: 1px solid rgba(227, 28, 37, 0.2);
}

.footer-quick-links li a {
	display: inline-flex;
	align-items: center;
	color: #94a3b8;
	transition: all 0.2s ease;
}

.footer-quick-links li a:hover {
	color: var(--white);
	transform: translateX(3px);
}

.footer-bottom-wrapper {
	background-color: #111211;
	padding: 20px 0;
	border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.footer-bottom {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 14px;
	font-family: var(--heading-font);
	color: #64748b;
}

@media (max-width: 576px) {
	.footer-bottom {
		flex-direction: column;
		gap: 10px;
		text-align: center;
	}
}

.footer-bottom strong {
	color: #cbd5e1;
}

.footer-bottom-links a {
	color: #64748b;
}
.footer-bottom-links a:hover {
	color: var(--white);
}

/* Post Thumbnails details styling */
.single-featured-image {
	border-radius: 8px;
	overflow: hidden;
	margin-bottom: 25px;
	max-height: 480px;
	width: 100%;
	border: 3px solid var(--gray-border);
	box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}

.single-featured-image img {
	width: 100%;
	height: auto;
	object-fit: cover;
}

/* Strengthen Detail Table styling */
.detail-table-card {
	border: 2px solid var(--secondary-color) !important;
	border-radius: 8px;
	overflow: hidden;
}

.detail-table-card h3 {
	background: var(--secondary-color) !important;
	color: var(--white) !important;
	padding: 15px 20px !important;
	font-weight: 700;
	font-size: 19px !important;
}

.detail-table td.label-cell {
	font-weight: 700 !important;
	color: #334155 !important;
	background-color: #f8fafc !important;
	border-right: 1px solid var(--gray-border);
	width: 30% !important;
}

.detail-table td.value-cell {
	color: #0f172a !important;
	font-weight: 700 !important;
}

/* Redesigned Urgent CTA box */
.contact-cta-box {
	background: #fff5f5 !important;
	border: 3px dashed var(--primary-color) !important;
	box-shadow: 0 10px 20px rgba(227, 28, 37, 0.05) !important;
}

.contact-cta-box h4 {
	color: #991b1b !important;
	font-weight: 800;
	font-size: 22px !important;
}

.contact-cta-box p {
	color: #4b5563 !important;
	font-weight: 600;
}

.contact-cta-phone {
	background: var(--primary-color) !important;
	box-shadow: 0 6px 20px rgba(227, 28, 37, 0.4) !important;
	transition: all 0.3s ease !important;
}

.contact-cta-phone:hover {
	background: #b91c1c !important;
	transform: scale(1.04) !important;
}

/* ==============================================================
   9. PREMIUM COMMENTS AND RESPOND AREA STYLING
   ============================================================== */
.comments-area {
	background: var(--white);
	border: 1px solid var(--gray-border);
	border-radius: 8px;
	padding: 30px;
	margin-top: 40px;
	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
	box-sizing: border-box;
}

.comments-title {
	font-size: 22px;
	margin-bottom: 25px;
	border-bottom: 2px solid var(--gray-border);
	padding-bottom: 12px;
	font-family: var(--heading-font);
	font-weight: 800;
	color: var(--secondary-color);
}

/* Comment List */
.comment-list {
	list-style: none;
	margin: 0 0 40px 0;
	padding: 0;
}

.comment-list li.comment {
	border-bottom: 1px solid #f1f5f9;
	padding: 20px 0;
	margin: 0;
}

.comment-list li.comment:last-child {
	border-bottom: none;
}

.comment-body {
	display: grid;
	grid-template-columns: 60px 1fr;
	gap: 15px;
	position: relative;
}

.comment-meta {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.comment-author .avatar {
	border-radius: 50%;
	border: 2px solid var(--gray-border);
	box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

.comment-author .fn {
	font-family: var(--heading-font);
	font-weight: 700;
	color: var(--secondary-color);
	font-size: 16px;
	font-style: normal;
}

.comment-metadata {
	font-size: 12px;
	color: var(--text-muted);
	font-family: var(--heading-font);
}

.comment-content {
	grid-column: 2;
	margin-top: 10px;
	font-size: 15px;
	color: var(--accent-color);
	line-height: 1.6;
}

.comment-content p {
	margin-bottom: 0;
}

.reply {
	grid-column: 2;
	margin-top: 10px;
	text-align: right;
}

.comment-reply-link {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	background: #f1f5f9;
	color: var(--secondary-color) !important;
	padding: 4px 12px;
	border-radius: 4px;
	font-size: 13px;
	font-family: var(--heading-font);
	font-weight: 700;
	transition: all 0.2s ease;
}

.comment-reply-link:hover {
	background: var(--primary-color);
	color: var(--white) !important;
}

/* Threaded comments nesting */
.comment-list .children {
	list-style: none;
	margin: 15px 0 0 60px;
	padding: 0;
	border-left: 3px solid var(--gray-border);
	padding-left: 20px;
}

@media (max-width: 576px) {
	.comment-list .children {
		margin-left: 20px;
		padding-left: 10px;
	}
}

/* Comment Form Styling */
.comment-respond {
	background: var(--light-bg);
	border: 1px solid var(--gray-border);
	border-radius: 6px;
	padding: 25px;
	box-sizing: border-box;
}

.comment-reply-title {
	font-size: 20px;
	margin-bottom: 20px;
	font-family: var(--heading-font);
	font-weight: 800;
	color: var(--secondary-color);
}

.comment-reply-title a {
	font-size: 14px;
	color: var(--primary-color);
	margin-left: 10px;
}

.comment-form {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.comment-form label {
	font-family: var(--heading-font);
	font-size: 14px;
	font-weight: 700;
	color: var(--secondary-color);
	margin-bottom: 6px;
	display: block;
}

.comment-form textarea,
.comment-form input[type="text"],
.comment-form input[type="email"] {
	width: 100%;
	padding: 12px 15px;
	border: 2px solid var(--gray-border);
	border-radius: 6px;
	background: var(--white);
	font-size: 15px;
	transition: all 0.3s ease;
	box-sizing: border-box;
}

.comment-form textarea:focus,
.comment-form input[type="text"]:focus,
.comment-form input[type="email"]:focus {
	outline: none;
	border-color: var(--primary-color);
	box-shadow: 0 0 0 3px rgba(227, 28, 37, 0.15);
}

/* Author Name + Email inline grid */
.comment-form-author-email-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
}

@media (max-width: 576px) {
	.comment-form-author-email-grid {
		grid-template-columns: 1fr;
		gap: 15px;
	}
}

/* Submit Button Premium Styling */
.submit-btn-premium {
	background-color: var(--primary-color) !important;
	color: var(--white) !important;
	border: 2px solid var(--primary-color) !important;
	border-radius: 6px !important;
	padding: 12px 25px !important;
	font-size: 16px !important;
	font-family: var(--heading-font) !important;
	font-weight: 800 !important;
	cursor: pointer !important;
	transition: all 0.3s ease !important;
	box-shadow: 0 4px 12px rgba(227, 28, 37, 0.2) !important;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	gap: 8px;
	align-self: flex-start;
}

.submit-btn-premium:hover {
	background-color: var(--secondary-color) !important;
	border-color: var(--secondary-color) !important;
	box-shadow: 0 6px 18px rgba(30, 41, 59, 0.25) !important;
	transform: translateY(-2px);
}

.submit-btn-premium:active {
	transform: translateY(0);
}

/* ==============================================================
   10. CUSTOM PAGE TEMPLATES STYLING (MISSION, RULES, PRIVACY, CONTACT)
   ============================================================== */
.custom-page-article {
	background: var(--white);
	border: 1px solid var(--gray-border);
	border-radius: 8px;
	padding: 40px;
	box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05);
	margin-bottom: 30px;
}

@media (max-width: 576px) {
	.custom-page-article {
		padding: 20px;
	}
}

.custom-page-header {
	margin-bottom: 30px;
	border-bottom: 2px solid var(--gray-border);
	padding-bottom: 15px;
}

.custom-page-title {
	font-size: 30px;
	font-weight: 800;
	color: var(--secondary-color);
	margin-bottom: 8px;
}

.custom-page-subtitle {
	font-size: 15px;
	color: var(--text-muted);
	font-family: var(--heading-font);
	font-weight: 600;
}

/* Mission Page Grid Card Hover effects */
.custom-page-grid .grid-card:hover {
	transform: translateY(-5px);
	border-color: #cbd5e1 !important;
	box-shadow: 0 10px 20px rgba(0,0,0,0.06) !important;
}

/* Rules Step Item Hover effects */
.rules-step-item {
	transition: all 0.3s ease;
}

.rules-step-item:hover {
	transform: translateX(5px);
	border-color: #cbd5e1 !important;
	box-shadow: 0 4px 12px rgba(0,0,0,0.04) !important;
}

/* Contact Info Card Hover effects */
.contact-info-card {
	transition: all 0.3s ease;
}

.contact-info-card:hover {
	transform: translateX(4px);
	box-shadow: 0 4px 10px rgba(0,0,0,0.03) !important;
}

/* Custom Interactive Contact Form */
.custom-contact-form .contact-form-group label {
	font-family: var(--heading-font);
	font-size: 13px;
	font-weight: 700;
	color: var(--secondary-color);
	margin-bottom: 5px;
	display: block;
}

.custom-contact-form input[type="text"],
.custom-contact-form input[type="email"],
.custom-contact-form select,
.custom-contact-form textarea {
	border: 1px solid var(--gray-border) !important;
	background: var(--white) !important;
	color: var(--accent-color) !important;
	transition: all 0.3s ease !important;
}

.custom-contact-form input[type="text"]:focus,
.custom-contact-form input[type="email"]:focus,
.custom-contact-form select:focus,
.custom-contact-form textarea:focus {
	outline: none !important;
	border-color: var(--primary-color) !important;
	box-shadow: 0 0 0 3px rgba(227, 28, 37, 0.15) !important;
}

@media (max-width: 768px) {
	.contact-page-wrapper {
		grid-template-columns: 1fr !important;
		gap: 25px !important;
	}
}

/* ==============================================================
   HOME SEARCH CTA BANNER & SEARCH MENU ICON SYSTEM
   ============================================================== */
.home-search-cta-section {
	padding: 60px 0;
	background: var(--bg-light);
}

.search-cta-card {
	position: relative;
	background: linear-gradient(135deg, #1e293b, #0f172a);
	padding: 55px 40px;
	border-radius: 16px;
	box-shadow: 0 10px 30px rgba(15, 23, 42, 0.15);
	overflow: hidden;
	text-align: center;
	z-index: 1;
	border: 1px solid rgba(255, 255, 255, 0.08);
}

.search-cta-card::before {
	content: '';
	position: absolute;
	top: -50%;
	left: -50%;
	width: 200%;
	height: 200%;
	background: radial-gradient(circle, rgba(239, 68, 68, 0.09) 0%, transparent 60%);
	z-index: -1;
	pointer-events: none;
}

.search-cta-badge {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: rgba(239, 68, 68, 0.15);
	color: #f87171;
	font-weight: 700;
	font-size: 13px;
	padding: 6px 16px;
	border-radius: 20px;
	margin-bottom: 20px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	border: 1px solid rgba(239, 68, 68, 0.2);
}

.cta-pulse-dot {
	width: 8px;
	height: 8px;
	background-color: #ef4444;
	border-radius: 50%;
	display: inline-block;
	animation: cta-pulse 1.5s infinite;
}

@keyframes cta-pulse {
	0% {
		transform: scale(0.9);
		box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.7);
	}
	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(239, 68, 68, 0);
	}
	100% {
		transform: scale(0.9);
		box-shadow: 0 0 0 0 rgba(239, 68, 68, 0);
	}
}

.search-cta-title {
	font-family: var(--heading-font);
	font-size: 32px;
	font-weight: 800;
	color: var(--white);
	margin-bottom: 15px;
	line-height: 1.3;
}

.search-cta-desc {
	font-family: var(--body-font);
	font-size: 16px;
	color: #94a3b8;
	max-width: 700px;
	margin: 0 auto 30px auto;
	line-height: 1.6;
}

.search-cta-actions {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 15px;
	flex-wrap: wrap;
}

.cta-primary-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: var(--primary-color);
	color: var(--white) !important;
	font-family: var(--heading-font);
	font-weight: 700;
	font-size: 16px;
	padding: 14px 28px;
	border-radius: 8px;
	transition: all 0.3s ease;
	box-shadow: 0 4px 15px rgba(239, 68, 68, 0.3);
}

.cta-primary-btn:hover {
	background: #b91c1c;
	transform: translateY(-2px);
	box-shadow: 0 6px 20px rgba(239, 68, 68, 0.4);
}

.cta-secondary-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: transparent;
	color: #e2e8f0 !important;
	font-family: var(--heading-font);
	font-weight: 700;
	font-size: 16px;
	padding: 14px 28px;
	border-radius: 8px;
	border: 1.5px solid rgba(226, 232, 240, 0.2);
	transition: all 0.3s ease;
}

.cta-secondary-btn:hover {
	background: rgba(255, 255, 255, 0.05);
	color: var(--white) !important;
	border-color: rgba(226, 232, 240, 0.4);
	transform: translateY(-2px);
}

/* Header Navigation Search Icon */
.main-navigation li.search-icon-menu-item {
	margin-left: auto !important;
	display: flex;
	align-items: center;
	padding: 0 5px !important;
}

.main-navigation li.search-icon-menu-item a {
	color: var(--white) !important;
	font-size: 15px !important;
	width: 34px !important;
	height: 34px !important;
	border-radius: 50% !important;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
	background: rgba(255, 255, 255, 0.07) !important;
	border: 1px solid rgba(255, 255, 255, 0.1) !important;
	padding: 0 !important;
}

.main-navigation li.search-icon-menu-item a:hover {
	color: var(--white) !important;
	background: var(--primary-color) !important;
	border-color: var(--primary-color) !important;
	transform: scale(1.08);
	box-shadow: 0 4px 12px rgba(239, 68, 68, 0.3);
}

/* Adjust submit button left margin now that search icon pushes it */
.main-navigation li.submit-notice-menu-item {
	margin-left: 10px !important;
}

/* Responsive navigation scaling to prevent wrapping/breaking on tablets/smaller desktops */
@media (max-width: 1200px) and (min-width: 769px) {
	.main-navigation li a {
		padding: 18px 10px !important; /* Reduced horizontal padding from 18px to 10px */
		font-size: 14px !important; /* Slightly smaller font size */
	}
	.main-navigation li.submit-notice-menu-item a {
		padding: 10px 12px !important;
		font-size: 13px !important;
	}
	.main-navigation li.search-icon-menu-item a {
		width: 30px !important;
		height: 30px !important;
		font-size: 13px !important;
	}
}

@media (max-width: 768px) {
	.search-cta-card {
		padding: 35px 20px;
	}
	.search-cta-title {
		font-size: 24px;
	}
	.search-cta-desc {
		font-size: 14px;
	}
	.search-cta-actions {
		flex-direction: column;
		width: 100%;
	}
	.cta-primary-btn, .cta-secondary-btn {
		width: 100%;
		justify-content: center;
	}
	
	.main-navigation li.search-icon-menu-item {
		margin: 10px 20px !important;
		text-align: center;
		width: calc(100% - 40px) !important;
		display: block;
	}
	.main-navigation li.search-icon-menu-item a {
		display: flex !important;
		border-radius: 4px !important;
		background: rgba(255, 255, 255, 0.05) !important;
		color: var(--white) !important;
		border: 1px solid rgba(255, 255, 255, 0.1) !important;
		width: 100% !important;
		height: auto !important;
		padding: 12px 20px !important;
		justify-content: center;
		align-items: center;
		gap: 8px;
	}
	.main-navigation li.search-icon-menu-item a::after {
		content: 'অনুসন্ধান করুন';
		font-family: var(--heading-font);
		font-weight: 600;
		font-size: 14px;
	}
	.main-navigation li.submit-notice-menu-item {
		margin: 10px 20px !important;
	}
}

/* ==============================================================
   SCROLL TO TOP BUTTON SYSTEM
   ============================================================== */
.scroll-to-top-btn {
	position: fixed;
	bottom: 30px;
	right: 30px;
	width: 48px;
	height: 48px;
	background: linear-gradient(135deg, var(--primary-color), #b91c1c);
	color: var(--white) !important;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 26px;
	cursor: pointer;
	box-shadow: 0 4px 15px rgba(239, 68, 68, 0.35);
	z-index: 99999;
	transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
	opacity: 0;
	visibility: hidden;
	transform: translateY(20px) scale(0.9);
	border: 1px solid rgba(255, 255, 255, 0.15);
}

.scroll-to-top-btn i {
	line-height: 1;
	transition: transform 0.3s ease;
	display: inline-block;
}

.scroll-to-top-btn.visible {
	opacity: 1;
	visibility: visible;
	transform: translateY(0) scale(1);
}

.scroll-to-top-btn:hover {
	background: linear-gradient(135deg, #b91c1c, #991b1b);
	transform: translateY(-4px) scale(1.08);
	box-shadow: 0 6px 20px rgba(239, 68, 68, 0.5);
}

.scroll-to-top-btn:hover i {
	transform: translateY(-3px);
}

@media (max-width: 768px) {
	.scroll-to-top-btn {
		bottom: 20px;
		right: 20px;
		width: 42px;
		height: 42px;
		font-size: 22px;
		box-shadow: 0 3px 10px rgba(239, 68, 68, 0.25);
	}
}

/* ==============================================================
   5 CUSTOM PREMIUM PAGE STYLING RULES
   ============================================================== */

/* 1. Helpline Directory Styling */
.helpline-card {
	transition: all 0.3s ease;
}

.helpline-card:hover {
	transform: translateY(-3px);
	border-color: rgba(239, 68, 68, 0.2) !important;
	box-shadow: 0 8px 20px rgba(239, 68, 68, 0.05) !important;
}

.helpline-table th, .helpline-table td {
	border-bottom: 1px solid var(--gray-border);
	font-family: var(--body-font);
	font-size: 14px;
}

.helpline-table tbody tr {
	transition: background-color 0.2s ease;
}

.helpline-table tbody tr:hover {
	background-color: #f8fafc;
}

/* 2. Step Cards & GD Templates */
.step-card {
	transition: all 0.3s ease;
}

.step-card:hover {
	transform: translateX(4px);
	border-color: rgba(239, 68, 68, 0.15) !important;
	box-shadow: 0 4px 12px rgba(0,0,0,0.03) !important;
}

/* 3. Success Statistics & Testimonials */
.stat-box {
	transition: all 0.3s ease;
}

.stat-box:hover {
	transform: translateY(-4px);
	box-shadow: 0 8px 24px rgba(0,0,0,0.08) !important;
}

.success-card {
	transition: all 0.3s ease;
}

.success-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 10px 25px rgba(0,0,0,0.06) !important;
}

/* 4. Pricing & Advertisement Boost cards */
.price-card {
	transition: all 0.3s ease;
}

.price-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 10px 30px rgba(0,0,0,0.08) !important;
}

.price-card.featured-card:hover {
	box-shadow: 0 12px 35px rgba(239, 68, 68, 0.15) !important;
}

/* 5. FAQs & Accordion Styling */
.faq-item {
	transition: all 0.3s ease;
}

.faq-question-panel:hover {
	background-color: #f8fafc;
	color: var(--primary-color) !important;
}

/* Custom Responsive wraps for 3-Column lists under 1024px */
@media (max-width: 1024px) {
	.pricing-grid {
		grid-template-columns: 1fr !important;
		gap: 25px !important;
	}
}

@media (max-width: 768px) {
	.stats-counter-row {
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 15px !important;
	}
	
	/* Mobile Table-to-Card collapse for Helplines */
	.helpline-table thead {
		display: none !important; /* Hide headers on mobile */
	}
	.helpline-table, .helpline-table tbody, .helpline-table tr, .helpline-table td {
		display: block !important;
		width: 100% !important;
	}
	.helpline-table tr {
		padding: 15px !important;
		border-bottom: 2px solid var(--gray-border) !important;
	}
	.helpline-table td {
		padding: 6px 0 !important;
		border: none !important;
		text-align: left !important;
	}
	.helpline-table td:last-child {
		text-align: center !important;
		margin-top: 10px !important;
	}
}