/*
Theme Name: BaharLink
Theme URI: https://baharlink.ir/
Author: BaharLink Team
Description: Modern professional WordPress theme for BaharLink.ir — OpenVPN knowledge platform.
Version: 6.0.0
Requires at least: 6.5
Requires PHP: 8.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: baharlink
Tags: blog, rtl-language-support, custom-colors, custom-logo, custom-menu, featured-images, threaded-comments
*/

/* ==========================================================================
   BaharLink v6 — Modern Professional Design
   Clean. Fresh. Built for a tech knowledge platform.
   ========================================================================== */

:root {
	--bg: #F8FAFC;
	--surface: #FFFFFF;
	--surface-2: #F1F5F9;
	--surface-3: #E2E8F0;

	--text: #0F172A;
	--text-2: #334155;
	--text-muted: #64748B;
	--text-faint: #94A3B8;

	--border: #E2E8F0;
	--border-2: #CBD5E1;

	--brand: #2563EB;
	--brand-2: #1D4ED8;
	--brand-3: #3B82F6;
	--brand-light: #DBEAFE;
	--brand-bg: #EFF6FF;
	--brand-on: #FFFFFF;

	--accent: #F59E0B;

	--red: #DC2626;
	--red-bg: #FEF2F2;
	--green: #059669;
	--green-bg: #ECFDF5;
	--amber: #D97706;
	--amber-bg: #FFFBEB;
	--blue: #2563EB;
	--blue-bg: #EFF6FF;

	--link: #2563EB;
	--link-hover: #1D4ED8;

	--font: "Vazirmatn", "Segoe UI", system-ui, -apple-system, sans-serif;
	--mono: "JetBrains Mono", ui-monospace, monospace;

	--fs-xs: 0.75rem;
	--fs-sm: 0.875rem;
	--fs-base: 1rem;
	--fs-md: 1.0625rem;
	--fs-lg: 1.1875rem;
	--fs-xl: 1.375rem;
	--fs-2xl: 1.625rem;
	--fs-3xl: 2rem;
	--fs-4xl: 2.5rem;
	--fs-5xl: 3rem;

	--s1: 4px;
	--s2: 8px;
	--s3: 12px;
	--s4: 16px;
	--s5: 20px;
	--s6: 24px;
	--s7: 32px;
	--s8: 40px;
	--s9: 56px;
	--s10: 72px;

	--r-sm: 6px;
	--r: 10px;
	--r-lg: 14px;
	--r-xl: 20px;

	--shadow-sm: 0 1px 2px rgba(0,0,0,.04);
	--shadow: 0 2px 8px rgba(0,0,0,.06);
	--shadow-lg: 0 8px 30px rgba(0,0,0,.08);
	--shadow-brand: 0 4px 14px rgba(37,99,235,.25);

	--header-h: 60px;
	--max-w: 1180px;
	--content-w: 700px;
	--rail-w: 280px;

	--t: 180ms cubic-bezier(.4,0,.2,1);
}

:root[data-theme="dark"] {
	--bg: #0B1120;
	--surface: #131C31;
	--surface-2: #1E293B;
	--surface-3: #334155;
	--text: #E2E8F0;
	--text-2: #CBD5E1;
	--text-muted: #94A3B8;
	--text-faint: #64748B;
	--border: #1E293B;
	--border-2: #334155;
	--brand: #3B82F6;
	--brand-2: #2563EB;
	--brand-3: #60A5FA;
	--brand-light: #1E3A5F;
	--brand-bg: #172554;
	--brand-on: #FFFFFF;
	--link: #60A5FA;
	--link-hover: #93C5FD;
	--shadow-sm: 0 1px 2px rgba(0,0,0,.2);
	--shadow: 0 2px 8px rgba(0,0,0,.3);
	--shadow-lg: 0 8px 30px rgba(0,0,0,.4);
	--shadow-brand: 0 4px 14px rgba(59,130,246,.3);
}
@media (prefers-color-scheme: dark) {
	:root:not([data-theme="light"]) { color-scheme: dark; }
}

/* Reset */
*,*::before,*::after{box-sizing:border-box}
*{margin:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{font-family:var(--font);font-size:var(--fs-base);line-height:1.7;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}
img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}
input,button,textarea,select{font:inherit;color:inherit}
button{cursor:pointer;background:none;border:none}
a{color:var(--link);text-decoration:none;transition:color var(--t)}
a:hover{color:var(--link-hover);text-decoration:underline;text-underline-offset:3px}
ul,ol{padding-inline-start:1.25rem}
code,kbd,pre{font-family:var(--mono)}
:focus-visible{outline:2px solid var(--brand);outline-offset:2px}

.bl-skip{position:absolute;inset-inline-start:-9999px;top:0;background:var(--brand);color:var(--brand-on);padding:12px 16px;z-index:999;font-weight:700}
.bl-skip:focus{inset-inline-start:0}
.bl-container{width:100%;max-width:var(--max-w);margin-inline:auto;padding-inline:20px}
.bl-site{flex:1 0 auto}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}

h1,h2,h3,h4,h5,h6{line-height:1.25;font-weight:700;color:var(--text)}
h1{font-size:var(--fs-3xl)}h2{font-size:var(--fs-2xl)}h3{font-size:var(--fs-xl)}h4{font-size:var(--fs-lg)}
p{margin-block:0 16px}

.alignleft{float:inline-start;margin-inline-end:20px;margin-block-end:12px}
.alignright{float:inline-end;margin-inline-start:20px;margin-block-end:12px}
.aligncenter{display:block;margin-inline:auto}
.wp-caption{max-width:100%}
.wp-caption-text{font-size:var(--fs-sm);color:var(--text-muted);text-align:center;margin-top:8px}