/*!
 * AI Chat — theme.css
 * ------------------------------------------------------------------
 * মোবাইল-ফার্স্ট থিম। Android 5.0 WebView (Chromium 37) সাপোর্ট:
 *   ✗ CSS Grid, var(--x), gap, dvh/svh, clamp(), :has(), sticky
 *   ✓ float + prefixed flexbox, হার্ডকোড কালার, -webkit- ট্রান্সফর্ম
 *   ✓ ভিউপোর্ট উচ্চতা JS দিয়ে (theme.js → .ah-vh)
 * ------------------------------------------------------------------
 */

/* ══════════ রিসেট ও বেস ══════════ */
html.ah-html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	background-color: #08090f;
}
html.ah-html, body { margin: 0; padding: 0; }
body {
	font-family: "Noto Sans Bengali", "Hind Siliguri", "SolaimanLipi", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
	font-size: 16px;
	line-height: 1.72;
	color: #e9ebf5;
	background-color: #08090f;
	word-wrap: break-word;
	overflow-wrap: break-word;
	-webkit-font-smoothing: antialiased;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
body.ah-fullscreen { overflow: hidden; height: 100%; }
body.ah-fullscreen .ah-site { display: none; }

*, *:before, *:after { box-sizing: border-box; }

a { color: #6f8cff; text-decoration: none; }
a:hover { text-decoration: underline; }
img { max-width: 100%; height: auto; border: 0; }
hr { border: 0; border-top: 1px solid #262b40; margin: 26px 0; }
code, pre, kbd {
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	font-size: 13.5px;
}
code { background-color: #171b2b; border: 1px solid #262b40; border-radius: 5px; padding: 1px 5px; }
pre {
	background-color: #0b0d15;
	border: 1px solid #262b40;
	border-radius: 12px;
	padding: 13px 15px;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}
pre code { background: transparent; border: 0; padding: 0; }
blockquote {
	margin: 18px 0;
	padding: 10px 16px;
	border-left: 3px solid #7c6bff;
	border-radius: 0 10px 10px 0;
	background-color: rgba(124,107,255,.08);
	color: #c3c9e2;
}
table { border-collapse: collapse; width: 100%; margin: 16px 0; font-size: 14px; }
th, td { border: 1px solid #262b40; padding: 7px 10px; text-align: left; }
th { background-color: #171b2b; }
h1, h2, h3, h4, h5, h6 { line-height: 1.35; margin: 26px 0 12px; font-weight: 700; }
h1 { font-size: 26px; }
h2 { font-size: 22px; }
h3 { font-size: 19px; }
h4 { font-size: 17px; }
p { margin: 0 0 15px; }
ul, ol { margin: 0 0 16px; padding-left: 24px; }
li { margin: 5px 0; }
::selection { background: rgba(124,107,255,.35); }

/* ══════════ লেআউট ══════════ */
.ah-site { min-height: 100%; position: relative; display: block; }
.ah-inner {
	max-width: 1140px;
	margin: 0 auto;
	padding: 0 14px;
	position: relative;
}
.ah-main { padding: 22px 0 46px; display: block; }

.ah-skip {
	position: absolute;
	left: -9999px;
	top: 0;
	z-index: 999;
	padding: 9px 15px;
	background-color: #7c6bff;
	color: #fff;
	border-radius: 0 0 9px 0;
}
.ah-skip:focus { left: 0; }

/* ══════════ হেডার ══════════ */
.ah-top {
	position: relative;
	z-index: 40;
	background-color: rgba(10,12,20,.96);
	border-bottom: 1px solid #1d2132;
}
.ah-top .ah-inner { padding-top: 9px; padding-bottom: 9px; overflow: hidden; }

.ah-brand { float: left; max-width: 58%; overflow: hidden; }
.ah-logo {
	display: inline-block;
	width: 34px;
	height: 34px;
	margin: 2px 8px 0 0;
	border-radius: 10px;
	background-color: #6d5efc;
	background-image: -webkit-linear-gradient(135deg, #7c6bff, #00c2ff);
	background-image: linear-gradient(135deg, #7c6bff, #00c2ff);
	color: #fff;
	font-size: 17px;
	line-height: 34px;
	text-align: center;
	vertical-align: top;
	text-decoration: none;
}
.ah-logo--sm { width: 26px; height: 26px; line-height: 26px; font-size: 13px; margin: 0 7px 0 0; }
.ah-brandtxt { display: inline-block; vertical-align: top; max-width: 76%; overflow: hidden; }
.ah-name {
	display: block;
	font-size: 15px;
	font-weight: 700;
	color: #fff;
	line-height: 1.25;
	white-space: nowrap;
	overflow: hidden;
	text-decoration: none;
}
.ah-tag { display: block; font-size: 10.5px; color: #8b93ad; white-space: nowrap; overflow: hidden; }

.ah-burger {
	float: left;
	width: 38px;
	height: 38px;
	margin: 0 8px 0 0;
	padding: 9px 8px;
	border: 1px solid #262b40;
	border-radius: 10px;
	background-color: #151827;
	cursor: pointer;
}
.ah-burger span {
	display: block;
	height: 2px;
	margin: 0 0 4px;
	border-radius: 2px;
	background-color: #c9d2f0;
}
.ah-burger span:last-child { margin-bottom: 0; }
.ah-burger--on span:nth-child(1) { -webkit-transform: translateY(6px) rotate(45deg); transform: translateY(6px) rotate(45deg); }
.ah-burger--on span:nth-child(2) { opacity: 0; }
.ah-burger--on span:nth-child(3) { -webkit-transform: translateY(-6px) rotate(-45deg); transform: translateY(-6px) rotate(-45deg); }

.ah-topact { float: right; margin: 4px 0 0 6px; }
.ah-nav-cta {
	display: inline-block;
	padding: 7px 13px;
	border-radius: 999px;
	background-color: #6d5efc;
	color: #fff !important;
	font-size: 12.5px;
	font-weight: 700;
	text-decoration: none;
}
.ah-nav-cta:active { opacity: .8; }

/* নেভিগেশন — মোবাইলে ড্রপডাউন প্যানেল */
.ah-nav {
	clear: both;
	display: none;
	margin: 8px -14px 0;
	padding: 6px 8px 12px;
	border-top: 1px solid #1d2132;
	background-color: #0d0f18;
}
.ah-nav--open { display: block; }
.ah-menu { list-style: none; margin: 0; padding: 0; }
.ah-menu li { margin: 0; position: relative; }
.ah-menu > li > a {
	display: block;
	padding: 11px 10px;
	color: #e9ebf5;
	font-size: 14.5px;
	font-weight: 600;
	border-radius: 9px;
	text-decoration: none;
}
.ah-menu > li > a:hover,
.ah-menu > li.current-menu-item > a { background-color: #151827; color: #a99dff; }
/* টগল বোতামের জায়গা (মোবাইলে) */
.ah-menu > li.menu-item-has-children > a { padding-right: 50px; }

.ah-subtoggle {
	position: absolute;
	top: 8px;
	right: 6px;
	width: 32px;
	height: 32px;
	padding: 0;
	border: 1px solid #262b40;
	border-radius: 8px;
	background-color: #151827;
	color: #c9d2f0;
	font-size: 11px;
	cursor: pointer;
}
.ah-menu .sub-menu {
	list-style: none;
	margin: 0;
	padding: 0 0 0 12px;
	display: none;
}
.ah-menu li.ah-subopen > .sub-menu { display: block; }
.ah-menu .sub-menu a {
	display: block;
	padding: 8px 10px;
	color: #8b93ad;
	font-size: 13.5px;
	border-radius: 8px;
	text-decoration: none;
}
.ah-menu .sub-menu a:hover { background-color: #151827; color: #e9ebf5; }

/* ══════════ হোম হিরো ══════════ */
.ah-hero { padding: 8px 0 18px; text-align: center; }
.ah-hero-orb {
	width: 74px;
	height: 74px;
	margin: 12px auto 16px;
	border-radius: 50%;
	background-color: #7c6bff;
	background-image: -webkit-linear-gradient(135deg, #7c6bff, #00c2ff, #ff7ac8);
	background-image: linear-gradient(135deg, #7c6bff, #00c2ff, #ff7ac8);
	opacity: .92;
	-webkit-animation: ah-spin 9s linear infinite;
	animation: ah-spin 9s linear infinite;
}
@-webkit-keyframes ah-spin { to { -webkit-transform: rotate(360deg); } }
@keyframes ah-spin { to { transform: rotate(360deg); } }
.ah-hero h1 { font-size: 27px; margin: 4px 0 10px; line-height: 1.3; }
.ah-hero p { color: #8b93ad; font-size: 15px; margin: 0 auto 20px; max-width: 560px; }
.ah-hero-actions { margin: 0 0 8px; }
.ah-btn {
	display: inline-block;
	margin: 5px 4px;
	padding: 12px 20px;
	border-radius: 999px;
	font-size: 14.5px;
	font-weight: 700;
	text-decoration: none;
	border: 1px solid transparent;
}
.ah-btn-primary {
	background-color: #6d5efc;
	background-image: -webkit-linear-gradient(135deg, #6d5efc, #4a7dff);
	background-image: linear-gradient(135deg, #6d5efc, #4a7dff);
	color: #fff !important;
}
.ah-btn-primary:active { opacity: .85; }
.ah-btn-ghost { background-color: #151827; border-color: #262b40; color: #e9ebf5 !important; }
.ah-btn-ghost:hover { border-color: #3a4265; text-decoration: none; }

.ah-feats { margin: 22px 0 0; }
.ah-feat {
	display: block;
	margin: 0 0 10px;
	padding: 15px;
	border: 1px solid #262b40;
	border-radius: 14px;
	background-color: #0f1220;
}
.ah-feat-ico { font-size: 21px; display: block; margin-bottom: 6px; }
.ah-feat strong { display: block; font-size: 14.5px; margin-bottom: 3px; }
.ah-feat p { margin: 0; font-size: 13px; color: #8b93ad; line-height: 1.6; }

/* ══════════ পোস্ট কার্ড ══════════ */
.ah-list { margin: 0; }
.ah-card {
	display: block;
	margin: 0 0 14px;
	padding: 15px;
	border: 1px solid #1d2132;
	border-radius: 15px;
	background-color: #0f1220;
	overflow: hidden;
}
.ah-card:hover { border-color: #2f3550; }
.ah-card-thumb { display: block; margin: 0 0 11px; border-radius: 11px; overflow: hidden; }
.ah-card-thumb img { display: block; width: 100%; }
.ah-card-title { font-size: 18px; margin: 0 0 6px; line-height: 1.4; }
.ah-card-title a { color: #fff; text-decoration: none; }
.ah-card-title a:hover { color: #a99dff; }
.ah-byline { display: block; font-size: 11.5px; color: #8b93ad; margin: 0 0 8px; }
.ah-excerpt { margin: 0; font-size: 14px; color: #b9c0d8; line-height: 1.68; }
.ah-more { font-size: 12.5px; white-space: nowrap; }
.ah-cats { margin: 8px 0 0; font-size: 11.5px; }
.ah-cats a {
	display: inline-block;
	margin: 2px 5px 2px 0;
	padding: 2px 8px;
	border-radius: 999px;
	background-color: rgba(124,107,255,.12);
	color: #a99dff;
	text-decoration: none;
}

/* ══════════ সিঙ্গেল পোস্ট/পেজ ══════════ */
.ah-single { max-width: 760px; margin: 0 auto; }
.ah-single-head { margin: 0 0 18px; }
.ah-single-title { font-size: 27px; margin: 0 0 8px; line-height: 1.3; }
.ah-entry { font-size: 16px; }
.ah-entry img { border-radius: 12px; }
.ah-entry .wp-caption { max-width: 100%; }
.ah-entry .wp-caption-text { font-size: 12.5px; color: #8b93ad; text-align: center; padding: 6px 4px 0; }
.ah-tags { margin: 22px 0 0; font-size: 12.5px; color: #8b93ad; }
.ah-tags a { color: #6f8cff; }

.ah-postnav { margin: 26px 0 0; overflow: hidden; }
.ah-postnav-link {
	display: block;
	margin: 0 0 8px;
	padding: 12px 14px;
	border: 1px solid #262b40;
	border-radius: 13px;
	background-color: #0f1220;
	text-decoration: none;
}
.ah-postnav-link span { display: block; font-size: 11.5px; color: #8b93ad; }
.ah-postnav-link strong { display: block; font-size: 14px; color: #e9ebf5; line-height: 1.45; }
.ah-postnav-link:hover { border-color: #3a4265; text-decoration: none; }

/* পেজিনেশন */
.ah-pager { margin: 26px 0 0; text-align: center; }
.ah-pager .page-numbers {
	display: inline-block;
	margin: 3px 3px;
	padding: 8px 13px;
	border: 1px solid #262b40;
	border-radius: 10px;
	background-color: #0f1220;
	color: #e9ebf5;
	font-size: 13px;
	text-decoration: none;
}
.ah-pager .page-numbers.current { background-color: #6d5efc; border-color: #6d5efc; color: #fff; }
.ah-pager a.page-numbers:hover { border-color: #3a4265; text-decoration: none; }

/* আর্কাইভ হেডার */
.ah-archive-head { margin: 0 0 20px; padding-bottom: 14px; border-bottom: 1px solid #1d2132; }
.ah-archive-head h1 { font-size: 23px; margin: 0 0 5px; }
.ah-archive-head p { margin: 0; color: #8b93ad; font-size: 13.5px; }

/* সাইডবার */
.ah-cols { overflow: hidden; }
.ah-col-main { display: block; }
.ah-side { display: block; margin: 26px 0 0; }
.ah-widget {
	margin: 0 0 14px;
	padding: 14px;
	border: 1px solid #1d2132;
	border-radius: 14px;
	background-color: #0f1220;
}
.ah-widget-title { font-size: 14px; margin: 0 0 9px; padding-bottom: 7px; border-bottom: 1px solid #262b40; }
.ah-widget ul { list-style: none; margin: 0; padding: 0; font-size: 13.5px; }
.ah-widget li { margin: 5px 0; }
.ah-widget a { color: #b9c0d8; }
.ah-widget a:hover { color: #a99dff; }

/* সার্চ ফর্ম */
.ah-searchform { display: block; overflow: hidden; margin: 14px 0 0; }
.ah-searchform input[type="search"] {
	float: left;
	width: 68%;
	padding: 10px 12px;
	border: 1px solid #262b40;
	border-radius: 11px 0 0 11px;
	background-color: #151827;
	color: #e9ebf5;
	font-size: 14px;
	outline: none;
}
.ah-searchform button {
	float: left;
	width: 32%;
	padding: 10px;
	border: 0;
	border-radius: 0 11px 11px 0;
	background-color: #6d5efc;
	color: #fff;
	font-size: 13.5px;
	font-weight: 700;
	cursor: pointer;
}

/* কমেন্ট */
.ah-comments { margin: 30px 0 0; }
.ah-comments-title { font-size: 18px; margin: 0 0 14px; }
.ah-comments ol { list-style: none; margin: 0; padding: 0; }
.ah-comments ol.children { padding-left: 18px; }
.ah-comments li { margin: 0 0 10px; }
.ah-comment {
	padding: 12px 14px;
	border: 1px solid #262b40;
	border-radius: 13px;
	background-color: #0f1220;
}
.ah-comment-meta { font-size: 11.5px; color: #8b93ad; margin-bottom: 5px; }
.ah-comment-meta a { color: #a99dff; }
.ah-comment-content { font-size: 14px; }
.ah-comment-content p:last-child { margin-bottom: 0; }
.ah-reply { font-size: 12px; }
.ah-respond { margin: 18px 0 0; }
.ah-respond textarea,
.ah-respond input[type="text"],
.ah-respond input[type="email"],
.ah-respond input[type="url"] {
	width: 100%;
	margin: 0 0 9px;
	padding: 10px 12px;
	border: 1px solid #262b40;
	border-radius: 11px;
	background-color: #151827;
	color: #e9ebf5;
	font-size: 14px;
	font-family: inherit;
	outline: none;
}
.ah-respond textarea { min-height: 110px; resize: vertical; }
.ah-respond .form-submit input {
	padding: 11px 20px;
	border: 0;
	border-radius: 999px;
	background-color: #6d5efc;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	cursor: pointer;
}
.ah-nocomments { color: #8b93ad; font-size: 13.5px; }

/* 404 */
.ah-404 { text-align: center; padding: 40px 14px; }
.ah-404-ico { font-size: 54px; display: block; margin-bottom: 10px; opacity: .8; }
.ah-404 h1 { font-size: 24px; margin: 0 0 8px; }
.ah-404 p { color: #8b93ad; margin: 0 0 20px; }

/* ══════════ ফুটার ══════════ */
.ah-foot {
	margin-top: 20px;
	padding: 24px 0 30px;
	border-top: 1px solid #1d2132;
	background-color: #0a0c14;
}
.ah-footbrand { margin: 0 0 8px; }
.ah-footbrand strong { font-size: 15px; color: #fff; vertical-align: top; }
.ah-foot-tag { margin: 4px 0 0; font-size: 12.5px; color: #8b93ad; }
.ah-foot-note { margin: 8px 0 0; font-size: 12.5px; color: #6b7391; line-height: 1.65; }
.ah-footcols { overflow: hidden; }
.ah-footmain { display: block; }
.ah-fotside { display: block; margin: 16px 0 0; }
.ah-fotside .ah-widget { background-color: transparent; border-color: #1d2132; }
.ah-footnav { margin: 16px 0 0; padding-top: 14px; border-top: 1px solid #1d2132; }
.ah-footmenu { list-style: none; margin: 0; padding: 0; }
.ah-footmenu li { display: inline-block; margin: 3px 12px 3px 0; }
.ah-footmenu a { font-size: 13px; color: #8b93ad; text-decoration: none; }
.ah-footmenu a:hover { color: #a99dff; }
.ah-copy { margin: 14px 0 0; font-size: 11.5px; color: #6b7391; }
.ah-copy a { color: #8b93ad; }
.ah-powered { color: #6b7391; }

/* ══════════ ফুল-স্ক্রিন চ্যাট মোড ══════════ */
.ah-appframe {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	background-color: #08090f;
}
/* JS (.ah-vh) height সেট করে; এটি ফলব্যাক */
.ah-html--chat, .ah-html--chat body { height: 100%; }
.ah-appframe .arnc-root { height: 100%; }

/* ══════════ ট্যাবলেট / ডেস্কটপ ══════════ */
@media (min-width: 700px) {
	.ah-feat { float: left; width: 48%; margin-right: 4%; }
	.ah-feat:nth-child(2n) { margin-right: 0; }
	.ah-feats:after { content: ""; display: block; clear: both; }
	.ah-hero h1 { font-size: 33px; }
	.ah-single-title { font-size: 32px; }
	.ah-postnav-link { float: left; width: 48%; }
	.ah-postnav-next { float: right; text-align: right; }
	.ah-postnav:after { content: ""; display: block; clear: both; }
	.ah-footmain { float: left; width: 58%; }
	.ah-fotside { float: right; width: 38%; margin: 0; }
}

@media (min-width: 900px) {
	body { font-size: 16.5px; }
	.ah-inner { padding: 0 22px; }

	/* বার্গার বন্ধ, মেনু ইনলাইন */
	.ah-burger { display: none; }
	.ah-brand { max-width: 30%; }
	.ah-nav {
		clear: none;
		display: block;
		float: right;
		margin: 4px 0 0;
		padding: 0;
		border: 0;
		background: transparent;
	}
	.ah-menu > li { float: left; }
	.ah-menu:after { content: ""; display: block; clear: both; }
	.ah-menu > li > a,
	.ah-menu > li.menu-item-has-children > a { padding: 8px 12px; font-size: 14px; }
	.ah-topact { margin-top: 5px; }

	/* সাব-মেনু হোভার ড্রপডাউন */
	.ah-menu .sub-menu {
		position: absolute;
		top: 100%;
		left: 0;
		min-width: 210px;
		padding: 6px;
		border: 1px solid #262b40;
		border-radius: 12px;
		background-color: #0d0f18;
		box-shadow: 0 14px 36px rgba(0,0,0,.5);
		display: none;
		z-index: 50;
	}
	.ah-menu li:hover > .sub-menu,
	.ah-menu li.ah-subopen > .sub-menu { display: block; }
	.ah-subtoggle { display: none; }

	.ah-feat { width: 31%; margin-right: 3.5%; }
	.ah-feat:nth-child(2n) { margin-right: 3.5%; }
	.ah-feat:nth-child(3n) { margin-right: 0; }

	/* সাইডবার লেআউট */
	.ah-cols { margin: 0 -12px; }
	.ah-col-main { float: left; width: 70%; padding: 0 12px; }
	.ah-side { float: right; width: 30%; padding: 0 12px; margin: 0; }
	.ah-cols:after { content: ""; display: block; clear: both; }
	body.ah-nosidebar .ah-col-main { float: none; width: 100%; max-width: 820px; margin: 0 auto; }

	.ah-hero { padding: 26px 0 22px; }
	.ah-hero h1 { font-size: 40px; }
	.ah-hero p { font-size: 16.5px; }
	.ah-hero-orb { width: 88px; height: 88px; }
}

@media (min-width: 1200px) {
	.ah-inner { padding: 0 26px; }
}

/* ছোট ফোন */
@media (max-width: 360px) {
	body { font-size: 15px; }
	.ah-brandtxt { display: none; }
	.ah-nav-cta { padding: 6px 10px; font-size: 11.5px; }
	.ah-hero h1 { font-size: 23px; }
}

/* ল্যান্ডস্কেপ ফোন */
@media (max-height: 460px) and (orientation: landscape) {
	.ah-hero { padding: 4px 0 8px; }
	.ah-hero-orb { width: 40px; height: 40px; margin-bottom: 8px; }
	.ah-hero h1 { font-size: 21px; }
	.ah-hero p { margin-bottom: 10px; font-size: 13.5px; }
}

/* অ্যানিমেশন কমানো */
@media (prefers-reduced-motion: reduce) {
	.ah-hero-orb { -webkit-animation: none; animation: none; }
	.ah-burger span { -webkit-transition: none; transition: none; }
}

/* লাইট থিম (কাস্টমাইজার/বডি ক্লাস) */
body.ah-light { background-color: #f4f5fb; color: #14161f; }
body.ah-light .ah-top { background-color: rgba(255,255,255,.96); border-bottom-color: #e3e6f0; }
body.ah-light .ah-name, body.ah-light .ah-footbrand strong { color: #14161f; }
body.ah-light .ah-tag, body.ah-light .ah-byline, body.ah-light .ah-foot-note, body.ah-light .ah-copy { color: #6b7391; }
body.ah-light .ah-nav { background-color: #fff; border-top-color: #e3e6f0; }
body.ah-light .ah-menu > li > a { color: #14161f; }
body.ah-light .ah-menu > li > a:hover, body.ah-light .ah-menu > li.current-menu-item > a { background-color: #eef0f8; color: #5b48f5; }
body.ah-light .ah-card, body.ah-light .ah-feat, body.ah-light .ah-widget,
body.ah-light .ah-comment, body.ah-light .ah-postnav-link { background-color: #fff; border-color: #dfe3ee; }
body.ah-light .ah-excerpt { color: #4a5170; }
body.ah-light .ah-card-title a { color: #14161f; }
body.ah-light .ah-foot { background-color: #eef0f8; border-top-color: #dfe3ee; }
body.ah-light .ah-burger { background-color: #fff; border-color: #dfe3ee; }
body.ah-light .ah-burger span { background-color: #3c4470; }
body.ah-light code { background-color: #eef0f8; border-color: #dfe3ee; color: #3c4470; }
body.ah-light pre { background-color: #0b0d15; border-color: #dfe3ee; color: #dbe1f5; }
body.ah-light th { background-color: #eef0f8; }
body.ah-light td, body.ah-light th { border-color: #dfe3ee; }
body.ah-light hr { border-color: #e3e6f0; }
body.ah-light .ah-searchform input[type="search"],
body.ah-light .ah-respond textarea,
body.ah-light .ah-respond input[type="text"],
body.ah-light .ah-respond input[type="email"],
body.ah-light .ah-respond input[type="url"] { background-color: #fff; border-color: #dfe3ee; color: #14161f; }
body.ah-light .ah-appframe { background-color: #f4f5fb; }