/* DidbanNews – main stylesheet (RTL-first) */
:root{
	--accent:#F04B35;
	--primary:#172033;
	--hover:#F04B35;
	--bg:#FFFFFF;
	--text:#111827;
	--muted:#6b7280;
	--soft:#f3f4f6;
	--border:rgba(120,126,140,.28);
	--container:1400px;
	--logo-w:270px;
	--font:"Sahel","Vazirmatn",Tahoma,sans-serif;
	--radius-img:20px 4px 20px 20px;
}
html[data-theme="dark"]{
	--bg:#0f1521;
	--text:#e5e7eb;
	--muted:#9aa3b2;
	--soft:#1a2232;
	--border:rgba(255,255,255,.14);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
	margin:0;direction:rtl;text-align:right;overflow-x:hidden;
	font-family:var(--font);font-size:16px;line-height:1.9;
	color:var(--text);background:var(--bg);
}
img{max-width:100%;height:auto;vertical-align:middle}
a{color:inherit;text-decoration:none;transition:color .2s}
a:hover{color:var(--hover)}
ul,ol{margin:0;padding:0;list-style:none}
h1,h2,h3,h4{margin:0;line-height:1.7}
button{font-family:inherit}
.container{max-width:var(--container);margin:0 auto;padding:0 15px;position:relative}
.clearfix{clear:both}
.screen-reader-text{position:absolute;left:-9999px}
.ic{display:inline-block;vertical-align:-3px;flex:none}

/* ---------- header ---------- */
.topheder{background:var(--primary);height:62px;position:relative;z-index:40;color:#fff}
.topheder .container{height:62px;display:flex;align-items:center}
.logo{
	position:absolute;right:15px;top:0;z-index:5;
	width:min(var(--logo-w),44vw);padding:8px 14px;text-align:center;
	background:var(--bg);border-radius:0 0 20px 20px;box-shadow:0 8px 16px rgba(0,0,0,.18);
}
.logo a{display:block}
.logo img{display:block;width:100%;height:auto}
.logo-text{display:block;font-size:26px;font-weight:800;color:var(--accent);line-height:1.6}
.ads-top-text{display:flex;align-items:center;gap:14px;margin-right:calc(min(var(--logo-w),44vw) + 20px)}
.ads-top-text h2{color:#fff;font-size:20px;font-weight:800;animation:blink .5s ease-in-out infinite alternate}
.ads-top-text a{color:#e5e7eb;font-size:16px}
.ads-top-text a:hover{color:#fff}
@keyframes blink{from{opacity:1}to{opacity:.15}}

.nav_left{margin-right:auto;display:flex;align-items:center;gap:6px;position:relative}
.hbtn{
	width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;
	background:rgba(255,255,255,.12);color:#fff;border:0;border-radius:5px;cursor:pointer;transition:background .2s;
}
.hbtn:hover{background:var(--accent)}
.btn-nav{display:none}
.searrch{position:relative}
.searrch .serch{
	display:none;position:absolute;left:0;top:calc(100% + 10px);width:320px;max-width:86vw;z-index:60;
	background:var(--bg);border:1px solid var(--border);border-radius:6px;overflow:hidden;box-shadow:0 10px 24px rgba(0,0,0,.2);
}
.searrch.active .serch{display:flex}
.serch input{flex:1;border:0;background:transparent;color:var(--text);padding:10px 14px;font:inherit;outline:0;min-width:0}
.serch button{border:0;background:var(--accent);color:#fff;padding:0 16px;cursor:pointer}

.botheder{position:relative}
.botheder .container{min-height:56px}
.top_bar{padding-right:calc(min(var(--logo-w),44vw) + 30px);margin-top:8px}
.top_bar ul{display:flex;flex-wrap:wrap}
.top_bar li{position:relative}
.top_bar a{display:block;padding:8px 14px;font-size:18px;font-weight:700;color:var(--text)}
.top_bar a:hover,.top_bar .current-menu-item>a,.top_bar .current-menu-ancestor>a{color:var(--hover)}
.top_bar .menu-item-has-children>a::after{content:"";display:inline-block;margin-right:7px;border:4px solid transparent;border-top-color:currentColor;border-bottom:0}
.top_bar ul ul{
	display:block;position:absolute;right:0;top:100%;z-index:80;width:240px;padding:8px;
	background:var(--bg);border:1px solid var(--border);border-radius:6px;box-shadow:0 12px 26px rgba(0,0,0,.16);
	opacity:0;visibility:hidden;transform:translateY(8px);transition:all .2s;
}
.top_bar li:hover>ul{opacity:1;visibility:visible;transform:none}
.top_bar ul ul a{font-size:15px;font-weight:600;padding:7px 10px;border-radius:4px}
.top_bar ul ul a:hover{background:var(--soft)}
.top_bar ul ul ul{right:100%;top:0}
.dat{position:absolute;left:15px;top:12px;font-size:13px;color:var(--muted)}
.dat span{display:block;line-height:1.7}
.dat span::before{content:"■ ";color:var(--accent);font-size:9px}

/* mobile overlay nav */
.overlay{position:fixed;inset:0;z-index:999;background:var(--primary);opacity:0;visibility:hidden;transition:all .25s;overflow-y:auto}
.overlay.open{opacity:.99;visibility:visible}
.closebtn{position:absolute;left:16px;top:14px;background:none;border:0;color:#fff;cursor:pointer;padding:8px}
.overlay-content{max-width:520px;margin:70px auto 30px;padding:0 20px}
.overlay .serch{display:flex;border-radius:6px;background:rgba(255,255,255,.1);margin-bottom:20px}
.overlay .serch input{color:#fff}
#mobile-nav li{border-bottom:1px solid rgba(255,255,255,.1)}
#mobile-nav a{display:block;padding:12px 4px;color:#fff;font-size:18px;font-weight:700}
#mobile-nav a:hover{color:var(--accent)}
#mobile-nav ul ul{padding-right:18px}
#mobile-nav ul ul a{font-size:15px;font-weight:400;opacity:.85}

/* ---------- news strip ---------- */
.news-top{
	display:grid;grid-template-columns:repeat(3,1fr);gap:10px 3%;
	margin:10px 0;padding:12px 14px;border:1px solid var(--border);border-radius:5px;
}
.news-top .item{display:flex;gap:10px;align-items:flex-start;position:relative;padding:6px}
.news-top .item::before,.news-top .item::after{content:"";position:absolute;top:0;right:0;background:var(--accent);transform:translate(6px,-6px)}
.news-top .item::before{width:25px;height:3px}
.news-top .item::after{width:3px;height:25px}
.news-top .thumb{width:80px;height:80px;flex:none}
.news-top h2{font-size:16px;line-height:1.7}

/* ---------- ticker ---------- */
.wrap{border:1px solid var(--border);border-radius:5px;margin:10px 0;height:40px;line-height:40px;overflow:hidden}
.ticker{overflow:hidden;white-space:nowrap}
.ticker-track{display:flex;width:max-content;animation:ticker var(--ticker-speed,60s) linear infinite}
.ticker:hover .ticker-track{animation-play-state:paused}
.ticker ul{display:flex}
.ticker li a{display:inline-block;padding:0 22px;font-size:15px}
.ticker li i{display:inline-block;width:9px;height:9px;margin-left:9px;background:var(--accent);transform:rotate(45deg);border-radius:2px}
@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(50%)}}

/* ---------- shared item bits ---------- */
.thumb{overflow:hidden;background:var(--soft);border-radius:var(--radius-img);position:relative}
.thumb a{display:block;height:100%}
.thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s,filter .3s}
.item:hover .thumb img{transform:scale(1.05)}
.nothumb{display:block;width:100%;height:100%;min-height:80px;background:linear-gradient(135deg,var(--soft),var(--border))}
.item h2{font-size:16px;font-weight:700;line-height:1.75}
.item h2 a{color:var(--text)}
.item h2 a:hover{color:var(--hover)}
.item h2 a span{
	display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin-left:6px;
	background:var(--accent);color:#fff;vertical-align:1px;transition:transform .2s;
}
.item h2 a span .ic{vertical-align:0}
.item:hover h2 a span{transform:scale(.8)}
.rot{font-size:12px;color:var(--muted);margin-bottom:2px}
.rot::before{content:"■ ";color:var(--accent);font-size:8px}
.lead{font-size:14px;line-height:2;color:var(--muted);margin-top:4px}
.meta{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:12.5px;color:var(--muted);margin:6px 0}
.meta li{display:inline-flex;align-items:center;gap:4px}
.meta a:hover{color:var(--hover)}

/* ---------- blocks ---------- */
.block{position:relative;border:1px solid var(--border);border-radius:5px;margin:46px 0 10px;padding:30px 0 15px}
.ttit{position:absolute;top:-26px;right:0;left:0;height:52px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}
.ttit span{
	position:relative;z-index:1;margin-right:80px;padding:2px 16px;background:var(--bg);border-radius:5px;
	color:var(--accent);font-size:24px;font-weight:800;line-height:1.7;
}
.ttit span::before{content:"";position:absolute;right:-62px;top:50%;width:62px;height:4px;margin-top:-2px;background:var(--accent);border-radius:5px}
.ttit span::after{content:"";position:absolute;right:-4px;top:50%;width:12px;height:12px;margin-top:-6px;background:var(--accent);border-radius:2px;transform:rotate(45deg)}
.ttit span b{position:absolute;left:-4px;top:50%;width:8px;height:8px;margin-top:-4px;background:var(--accent);border-radius:2px;transform:rotate(45deg)}
.mor{pointer-events:auto;margin-left:26px;background:var(--bg);padding:0 8px}
.mor a{display:block;background:var(--accent);color:#fff;font-size:14px;padding:2px 18px;border-radius:5px}
.mor a:hover{background:var(--primary);color:#fff}
.block .grid,.block .grid-4,.block-12 .item{padding:0 15px}
.ads-banner{margin:30px 0 10px;text-align:center}
.ads-banner img{max-width:100%;height:auto;border-radius:5px}

/* block 1 */
.block-1{display:grid;grid-template-columns:1fr 2.3fr 1fr;gap:0}
.block-1 .b-side{padding:0 15px;display:flex;flex-direction:column;gap:18px}
.block-1 .b-mid{padding:0 15px;border-inline:1px solid var(--border)}
.block-1 .b-side .thumb{aspect-ratio:16/10}
.block-1 .b-mid .det{margin-bottom:12px}
.block-1 .b-mid h2{font-size:26px;line-height:1.7}
.block-1 .b-mid .thumb{aspect-ratio:16/10}
.block-1 .b-side .det{padding-top:8px}

/* block 2 / 8 grids */
.block-2 .grid,.block-8 .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px 24px}
.block-2 .item{display:flex;gap:12px;align-items:flex-start}
.block-2 .thumb{width:150px;height:105px;flex:none}
.block-8 .item{padding-bottom:10px;border-bottom:1px dashed var(--border)}

/* block 3 */
.block-3{display:grid;grid-template-columns:70% 30%}
.block-3 .b3-r{padding:0 15px}
.block-3 .b3-r .item{display:flex;gap:2%;align-items:flex-start}
.block-3 .b3-r .thumb{width:46%;height:420px;flex:none}
.block-3 .b3-r .thumb .det{position:absolute;inset:auto 0 0 0;padding:50px 16px 14px;background:linear-gradient(to top,rgba(0,0,0,.85),transparent)}
.block-3 .b3-r .thumb h2,.block-3 .b3-r .thumb h2 a,.block-3 .b3-r .thumb .rot{color:#fff}
.block-3 .b3-r .thumb h2{font-size:22px}
.block-3 .b3-r .txt{flex:1}
.block-3 .b3-r .lead{font-size:15px}
.block-3 .b3-l{padding:0 15px;border-right:1px solid var(--border)}
.block-3 .b3-l .item{display:flex;gap:12px;align-items:center;padding:10px 0;border-bottom:1px dashed var(--border)}
.block-3 .b3-l .item:last-child{border:0}
.block-3 .b3-l .thumb{width:84px;height:84px;border-radius:50%;flex:none;border:4px solid var(--bg);box-shadow:0 0 0 1px var(--border)}

/* block 4 */
.block-4{display:grid;grid-template-columns:30% 70%}
.block-4 .b4-r{padding:0 15px}
.block-4 .b4-r .item{padding:9px 0;border-bottom:1px solid var(--border)}
.block-4 .b4-r .item:last-child{border:0}
.block-4 .b4-l{padding:0 15px;border-right:1px solid var(--border)}
.block-4 .b4-l .item{display:flex;gap:16px;align-items:flex-start}
.block-4 .b4-l .det{flex:1}
.block-4 .b4-l .thumb{width:46%;aspect-ratio:16/11;flex:none}
.block-4 .b4-l h2{font-size:22px}

/* block 5 / 11 media */
.b5-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:0 15px}
.b5-grid .thumb{aspect-ratio:16/10}
.b5-grid h2{margin-top:10px}
.numb{position:absolute;top:10px;right:10px;z-index:3;background:rgba(0,0,0,.65);color:#fff;font-size:13px;padding:0 10px;border-radius:4px;line-height:1.9}
.thumb .ico{position:absolute;left:12px;bottom:12px;width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:var(--bg);color:var(--accent);border-radius:50%;z-index:3}
.thumb .ico:hover{background:var(--accent);color:#fff}

/* block 6 */
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.grid-4 .thumb{aspect-ratio:16/11}
.grid-4 .det{padding-top:10px}

/* block 7 */
.block-7{display:grid;grid-template-columns:1fr 1fr}
.block-7 .b7-r{padding:0 15px;border-left:1px solid var(--border)}
.block-7 .b7-r .thumb{height:440px}
.block-7 .cap{position:absolute;inset:auto 0 0 0;padding:60px 18px 16px;background:linear-gradient(to top,rgba(0,0,0,.88),transparent)}
.block-7 .cap h2,.block-7 .cap h2 a,.block-7 .cap .rot{color:#fff}
.block-7 .cap h2{font-size:24px}
.block-7 .b7-l{padding:0 15px;display:grid;grid-template-columns:1fr 1fr;gap:6px 22px;align-content:start}
.block-7 .b7-l .item{padding:10px 0;border-bottom:1px dashed var(--border)}

/* block 9 */
.block-9{display:grid;grid-template-columns:21% 1fr 21%;gap:1.5%;align-items:start;margin-top:46px}
.block-9 .block-9-m{margin-top:0;padding-inline:15px}
.block-9 .b9-r .sidebar-box:first-child,.block-9 .b9-l .sidebar-box:first-child{margin-top:0}

/* block 10 */
.block-10{display:grid;grid-template-columns:60% 40%}
.block-10 .b10-m{padding:0 15px;border-left:1px solid var(--border)}
.block-10 .b10-m .thumb{aspect-ratio:16/10;margin-bottom:12px}
.block-10 .b10-m h2{font-size:24px}
.block-10 .b10-l{padding:0 15px;display:flex;flex-direction:column;gap:18px}
.block-10 .b10-l .thumb{aspect-ratio:16/9}
.block-10 .b10-l .det{padding-top:8px}

/* block 11 */
.block-11{display:grid;grid-template-columns:65% 35%}
.block-11 .b11-r{padding:0 15px}
.block-11 .b11-r .thumb{aspect-ratio:16/10}
.block-11 .b11-l{padding:0 15px;display:flex;flex-direction:column;gap:14px}
.block-11 .b11-l .thumb{aspect-ratio:16/8}
.i-play,.s-play{position:absolute;z-index:3;display:flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;border-radius:50%}
.i-play{width:64px;height:64px;top:50%;left:50%;margin:-32px 0 0 -32px}
.s-play{width:40px;height:40px;top:50%;left:50%;margin:-20px 0 0 -20px}
.i-play:hover,.s-play:hover{background:var(--primary);color:#fff}
.block-11 .cap{position:absolute;inset:auto 0 0 0;padding:50px 16px 12px;background:linear-gradient(to top,rgba(0,0,0,.88),transparent)}
.block-11 .cap h2,.block-11 .cap h2 a{color:#fff}

/* block 12 */
.block-12 .item{padding-bottom:20px;margin-bottom:20px;border-bottom:1px dashed var(--border)}
.block-12 .det .thumb{float:right;width:240px;height:160px;margin:0 0 10px 18px}
.block-12 .det h2{font-size:22px}

/* block 13 */
.block-13 .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.block-13 .thumb{height:260px;background-size:cover;background-position:center;transition:filter .3s}
.block-13 .thumb a{height:100%}
.thumb-overlay{height:100%;display:flex;align-items:flex-end;background:linear-gradient(to top,rgba(0,0,0,.85),rgba(0,0,0,.05) 65%)}
.thumb-overlay .det{padding:14px 16px;color:#fff}
.thumb-overlay h2{color:#fff;font-size:17px}
.thumb-overlay .rot{color:#e5e7eb}
.thumb-overlay h2 span{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin-left:6px;background:var(--accent)}

/* ---------- layout (single / page / archive) ---------- */
.layout{display:flex;gap:1%;align-items:flex-start;margin-top:20px}
.singler{flex:1;min-width:0}
.singlel{width:25%;flex:none}
.singlel .is-sticky{position:sticky;top:20px}
.bread{font-size:14px;color:var(--muted);margin-bottom:8px}
.title{border:1px solid var(--border);border-radius:5px;padding:12px 14px;margin:5px 0 12px;text-align:center}
.title .rot{margin-bottom:4px}
.title h1{font-size:32px;font-weight:800;line-height:1.7}
.singler>.lead{font-size:16px;color:var(--text);background:var(--soft);border-radius:5px;padding:10px 16px;margin:0 0 14px}
.singler>.thumb,.singler .video-embed{margin-bottom:16px}
.singler>.thumb img{width:100%;height:auto}
.video-embed iframe,.video-embed video{width:100%;aspect-ratio:16/9;border:0;border-radius:6px}
.contain{display:grid;grid-template-columns:210px 1fr;gap:22px;margin-bottom:10px}
.daat li{padding:8px 0;border-bottom:1px dashed var(--border);font-size:14px;color:var(--muted)}
.daat li a:hover{color:var(--hover)}
.tags{margin-top:16px;font-size:14px}
.tags a{display:inline-block;margin:0 0 4px 4px;padding:0 8px;border:1px solid var(--border);border-radius:4px;color:var(--muted)}
.tags a:hover{background:var(--accent);border-color:var(--accent);color:#fff}
.entry-content{font-size:17px;line-height:2.15;overflow-wrap:break-word}
.entry-content p{margin:0 0 1.2em}
.entry-content h2,.entry-content h3,.entry-content h4{margin:1.5em 0 .6em;font-weight:800}
.entry-content h2{font-size:1.4em}
.entry-content h3{font-size:1.2em}
.entry-content a{color:#1d4ed8;border-bottom:1px dotted}
html[data-theme="dark"] .entry-content a{color:#7aa7ff}
.entry-content a:hover{color:var(--hover)}
.entry-content img{border-radius:6px}
.entry-content blockquote{margin:1.4em 0;padding:10px 18px;border-right:4px solid var(--accent);background:var(--soft)}
.entry-content ul,.entry-content ol{margin:0 0 1.2em;padding-right:1.5em}
.entry-content ul{list-style:disc}
.entry-content ol{list-style:decimal}
.entry-content table{border-collapse:collapse;width:100%;margin-bottom:1.4em}
.entry-content th,.entry-content td{border:1px solid var(--border);padding:6px 10px}
.share-post{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:20px 28px;margin:20px 0;border:1px solid var(--border);border-radius:5px}
.share-post h4{font-size:18px;font-weight:800}
.share-post p{margin:0;font-size:14px;color:var(--muted)}
.social{display:flex;gap:8px}
.social a{width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;border-radius:50%}
.social a:hover{background:var(--accent);color:#fff}
.titl{margin-bottom:16px;border-bottom:1px solid var(--border);position:relative}
.titl span{position:relative;display:inline-block;padding:0 6px 6px;color:var(--accent);font-size:22px;font-weight:800;border-bottom:3px solid var(--accent);margin-bottom:-1px}
.titl span b{display:none}
.relate{margin:26px 0}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.grid-3 .thumb{aspect-ratio:16/10}
.grid-3 .det{padding-top:8px}
.grid-3 h2{font-size:15px}

/* lists */
.block-list .list{padding:0 15px;display:flex;flex-direction:column;gap:18px}
.list .item{display:flex;gap:16px;align-items:flex-start;padding-bottom:18px;border-bottom:1px solid var(--border)}
.list .item .thumb{width:240px;height:160px;flex:none}
.list .item .det{flex:1}
.list .item h2{font-size:19px}
.block-list>.search-form,.block-list>.archive-desc,.block-list>.empty{margin:0 15px 16px}
.block-9-m .list{display:flex;flex-direction:column;gap:18px}
.block-9-m .list .item .thumb{width:200px;height:135px}
.navigation{margin:24px 15px 6px}
.navigation ul{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}
.page-numbers{display:inline-block;padding:2px 14px;border:1px solid var(--border);border-radius:5px;color:var(--text)}
.page-numbers.current,a.page-numbers:hover{background:var(--accent);border-color:var(--accent);color:#fff}

/* search form */
.search-form{display:flex;border:1px solid var(--border);border-radius:6px;overflow:hidden;background:var(--bg)}
.search-form input[type=search]{flex:1;border:0;background:transparent;color:var(--text);padding:9px 14px;font:inherit;outline:0}
.search-form button{border:0;background:var(--accent);color:#fff;padding:0 22px;font:inherit;cursor:pointer}

/* sidebar widgets */
.sidebar-box{position:relative;border:1px solid var(--border);border-radius:5px;padding:32px 12px 10px;margin:42px 0 12px}
.sidebar-title{position:absolute;top:-24px;right:0;left:0;height:48px;display:flex;align-items:center}
.sidebar-title h3{margin-right:40px;padding:0 14px;background:var(--bg);color:var(--accent);font-size:21px;font-weight:800;border-radius:5px;position:relative}
.sidebar-title h3::before{content:"";position:absolute;right:-42px;top:50%;width:42px;height:4px;margin-top:-2px;background:var(--accent);border-radius:5px}
.sidebar-box ul li{padding:8px 0;border-bottom:1px dashed var(--border)}
.sidebar-box ul li:last-child{border:0}
.sidebar-box ul li a:hover{color:var(--hover)}
.w-posts li{display:flex;gap:10px;align-items:flex-start}
.w-posts .thumb{width:76px;height:64px;flex:none;border-radius:10px 3px 10px 10px}
.w-posts .det a{font-size:14px;font-weight:700;line-height:1.8;display:block}
.w-posts .w-date{display:block;font-size:12px;color:var(--muted)}
.w-ad img{border-radius:5px;display:block;margin:0 auto}

/* comments */
.comments{margin-top:30px}
.commentlist{margin-bottom:24px}
.commentlist li{margin-bottom:14px}
.commentlist .comment-body{padding:14px;border:1px solid var(--border);border-radius:6px}
.commentlist .avatar{float:right;margin-left:12px;border-radius:50%}
.commentlist .children{margin:14px 26px 0 0}
.comment-meta,.commentlist .reply{font-size:13px;color:var(--muted)}
.comment-form input[type=text],.comment-form input[type=email],.comment-form input[type=url],.comment-form textarea{width:100%;border:1px solid var(--border);border-radius:6px;padding:8px 12px;font:inherit;background:var(--bg);color:var(--text)}
.btn,.comment-form .submit{display:inline-block;background:var(--accent);color:#fff;border:0;padding:8px 26px;border-radius:6px;font:inherit;font-weight:700;cursor:pointer}
.btn:hover,.comment-form .submit:hover{background:var(--primary);color:#fff}

/* floating tools */
.sett{position:fixed;top:30%;right:10px;z-index:90;width:54px;padding:6px;background:var(--bg);border:1px solid var(--border);border-radius:6px;display:flex;flex-direction:column;gap:4px;box-shadow:0 6px 18px rgba(0,0,0,.12)}
.sett button{height:40px;border:0;background:none;color:var(--text);cursor:pointer;border-radius:4px}
.sett button:hover{background:var(--accent);color:#fff}
.sett.closed button:not(.tool-close){display:none}
.sett.closed{width:34px}
.tool-close{height:24px!important}

/* 404 */
.not-found{text-align:center;padding:70px 0}
.not-found h1{font-size:96px;color:var(--accent);line-height:1.2}
.not-found .search-form{max-width:440px;margin:20px auto}

/* back to top */
#topcontrol{position:fixed;left:18px;bottom:18px;z-index:90;width:44px;height:44px;border:0;border-radius:50%;background:var(--accent);color:#fff;cursor:pointer;opacity:0;visibility:hidden;transition:all .25s}
#topcontrol.show{opacity:1;visibility:visible}
#topcontrol:hover{background:var(--primary)}

/* ---------- footer ---------- */
.footer{background:var(--primary);color:rgba(255,255,255,.85);margin-top:40px;padding-bottom:28px;font-size:14px}
.footer a{color:rgba(255,255,255,.9)}
.footer a:hover{color:#fff}
#footer_border{height:4px;background:rgba(255,255,255,.1);margin-bottom:24px}
#footer_border div{width:240px;max-width:40%;height:100%;background:var(--accent)}
.fot-link ul,.fot-nav ul{display:flex;flex-wrap:wrap;gap:6px 22px}
.fot-link{padding-bottom:16px;margin-bottom:18px;border-bottom:1px solid rgba(255,255,255,.12)}
.fot-link a{font-size:15px;font-weight:700}
.foot-row{display:flex;gap:2%;align-items:flex-start;flex-wrap:wrap}
.foot-right{flex:none;max-width:240px}
.foot-main{flex:1;min-width:260px}
.fot-nav{margin-bottom:10px}
.fot-law{font-size:13px;line-height:2}
.foot-copy{font-size:12px;margin-top:6px;opacity:.85}
.foot-left{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.foot-log img{display:block;width:96px;height:auto;background:#fff;border-radius:6px;padding:4px}

/* WordPress core */
.alignleft{float:left;margin:0 16px 10px 0}
.alignright{float:right;margin:0 0 10px 16px}
.aligncenter{display:block;margin:0 auto 10px}
.wp-caption{max-width:100%}
.wp-caption-text,.gallery-caption{font-size:13px;color:var(--muted);text-align:center}
.sticky,.bypostauthor{display:block}

/* ---------- responsive ---------- */
@media (max-width:1100px){
	.block-1{grid-template-columns:1fr 1.8fr 1fr}
	.grid-4{grid-template-columns:repeat(2,1fr)}
	.block-2 .grid,.block-8 .grid,.block-13 .grid{grid-template-columns:repeat(2,1fr)}
	.block-3 .b3-r .thumb{height:340px}
	.contain{grid-template-columns:1fr}
}
@media (max-width:992px){
	.btn-nav{display:inline-flex}
	.top_bar{display:none}
	.botheder .container{min-height:46px}
	.dat{display:none}
	.layout{flex-direction:column}
	.singlel{width:100%}
	.singlel .is-sticky{position:static}
	.block-9{grid-template-columns:1fr;gap:0}
	.block-9 .b9-r,.block-9 .b9-l{margin-bottom:10px}
	.block-1,.block-3,.block-4,.block-7,.block-10,.block-11{grid-template-columns:1fr;row-gap:22px}
	.block-1 .b-mid{order:-1;border:0}
	.block-3 .b3-l,.block-4 .b4-l{border-right:0}
	.block-7 .b7-r,.block-10 .b10-m{border:0}
	.news-top{grid-template-columns:repeat(2,1fr)}
	.b5-grid{grid-template-columns:repeat(2,1fr)}
	.block-7 .b7-r .thumb{height:340px}
}
@media (max-width:680px){
	body{font-size:15px}
	.news-top{grid-template-columns:1fr}
	.grid-4,.block-2 .grid,.block-8 .grid,.block-13 .grid,.b5-grid,.grid-3{grid-template-columns:1fr}
	.block-3 .b3-r .item{flex-direction:column}
	.block-3 .b3-r .thumb{width:100%;height:auto;aspect-ratio:16/11}
	.block-4 .b4-l .item{flex-direction:column}
	.block-4 .b4-l .thumb{width:100%}
	.block-7 .b7-l{grid-template-columns:1fr}
	.block-7 .b7-r .thumb{height:auto;aspect-ratio:16/11}
	.block-12 .det .thumb{float:none;width:100%;height:auto;margin:0 0 10px;aspect-ratio:16/10}
	.list .item{flex-direction:column}
	.list .item .thumb,.block-9-m .list .item .thumb{width:100%;height:auto;aspect-ratio:16/10}
	.title h1{font-size:24px}
	.ttit span{font-size:19px;margin-right:50px}
	.ttit span::before{width:36px;right:-38px}
	.share-post{padding:16px}
	.ads-top-text{display:none}
	.sett{display:none}
	.footer .foot-left{justify-content:flex-start}
}
@media print{
	.topheder,.botheder,.news-top,.wrap,.singlel,.share-post,.relate,.comments,.footer,.sett,#topcontrol{display:none!important}
	.singler{width:100%}
}