/*
Theme Name: DR News Pro
Theme URI: https://pearlit.net/dr-news-pro
Author: Shahadat Hossen / Pearl IT
Author URI: https://pearlit.net
Description: A minimal, highly secure, and optimized news portal theme for Dhaka Reader.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.4
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: dr-news-pro
Domain Path: /languages
Tags: news, blog, custom-colors, translation-ready

Copyright 2026 Shahadat Hossen / Pearl IT
*/

/* ==========================================================================
   1. Local Fonts Registration
   ========================================================================== */
@font-face {
	font-family: 'Noto Serif Bengali';
	src: url('assets/fonts/NotoSerifBengali.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

/* ==========================================================================
   2. CSS Variables (Colors & Typography)
   ========================================================================== */
:root {
	--font-main: 'Noto Serif Bengali', sans-serif; /* আগের ফন্ট */
    --font-ui: 'Noto Serif Bengali', sans-serif;   /* মেটা ও এক্সার্পটের জন্য */
	

	/* Light Mode (Default) */
	--main-bg: #F5F3F1;
	--text-color: #141414;
	--text-muted: #555555;
	--button-bg: #063F5B; /* Default Button Color (Red) - Change if needed */
	--button-text: #FFFFFF;
	--border-color: #EBEBEB;
	--link-color: #063F5B;
	--link-hover: #063F5B;

	/* Dark Mode Variables */
	--dark-bg: #0D1322;
	--dark-text: #FFFFFF;
	--dark-text-muted: #A0AABF;
	--dark-button: #0A1628;
	--dark-border: #0A1628;
}

/* ==========================================================================
   3. Basic Reset & Typography
   ========================================================================== */
*, *::before, *::after {
	box-sizing: border-box;
}

body {
	margin: 0;
	padding: 0;
	font-family: var(--font-main);
	color: var(--text-color);
	background-color: var(--main-bg);
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 {
	color: var(--text-color);
	line-height: 1.3;
	margin-top: 0;
}

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

a:hover {
	color: var(--link-hover);
}

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

/* Buttons */
button, 
input[type="button"], 
input[type="reset"], 
input[type="submit"], 
.button {
	background-color: var(--button-bg);
	color: var(--button-text);
	border: none;
	padding: 10px 20px;
	cursor: pointer;
	font-family: var(--font-main);
	transition: background-color 0.3s ease;
}

button:hover, 
input[type="button"]:hover, 
input[type="submit"]:hover, 
.button:hover {
	opacity: 0.9;
}

/* ==========================================================================
   4. WordPress Required Classes (Theme Check MUST HAVE)
   ========================================================================== */
.wp-caption { margin-bottom: 1.5em; max-width: 100%; }
.wp-caption img[class*="wp-image-"] { display: block; margin: 0 auto; }
.wp-caption .wp-caption-text { margin: 0.8em 0; text-align: center; font-size: 0.875em; color: var(--text-muted); }
.gallery-caption { display: block; font-size: 0.875em; padding: 0.5em 0; }
.alignnone { margin: 5px 20px 20px 0; }
.aligncenter, div.aligncenter { display: block; margin: 5px auto; }
.alignright { float: right; margin: 5px 0 20px 20px; }
.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.alignright { float: right; margin: 5px 0 20px 20px; }
a img.alignnone { margin: 5px 20px 20px 0; }
a img.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-audio-shortcode, .wp-video-shortcode { max-width: 100%; }
.bypostauthor { display: block; }

/* Screen Reader Text */
.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: 14px;
	font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px;
	text-decoration: none; top: 5px; width: auto; z-index: 100000;
}