/*
Theme Name: بهار نیوز
Version: 1.0
Theme URI: https://wp-qaleb.ir/product/bahar-news-wordPress-theme
Description: کلکسیون طراحی: مرکز تخصصی قالب و افزونه وردپرس، با طراحی و کیفیتی ایرانی
Author: Design Wp-Qaleb.ir
Author URI:https://wp-qaleb.ir
Tags: مجله خبری، اطلاع رسانی، وبلاگ، شخصی
*/

@font-face { font-family:"Num-Black"; font-weight:normal; src:url("assets/fonts/Num-Black.woff") format("woff"); }
@font-face { font-family:"Num-Medium"; font-weight:normal; src:url("assets/fonts/Num-Medium.woff") format("woff"); }
@font-face { font-family:"Num-Light"; font-weight:normal; src:url("assets/fonts/Num-Light.woff") format("woff"); }
@font-face { font-family:"AwesomePro"; font-style:normal; font-weight:300; font-display:auto; src:url("assets/fonts/AwesomePro.woff") format("woff"); }

* {margin: 0; padding: 0;transition:all 0.3s ease; box-sizing: border-box; }

:root {
    --min-color: #c70102;
	--second-color: #7d0808;
}


body { 
    background-color: #fff; 
    color: #111; 
    font-family: Num-Light; 
    margin: 0; 
    padding: 0;
    line-height: 1.7;
    font-size: 15px;
}

a, a:hover { text-decoration: none;transition:all 0.3s ease;}

strong { font-family: Num-Medium; font-weight: normal; }

h1,h2,h3,h4,h5,h6 { 
    font-family: Num-Black; 
    line-height: 1.3; 
    margin-bottom: 15px; 
    font-weight: normal !important; 
}

h1 { font-size: 22px; }
h2 { font-size: 20px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }

.container { max-width: 1300px; margin-right: auto; margin-left: auto; }
.container img { object-fit: cover; }
.container img:hover { filter: brightness(95%); }
.widget_media_image img{border-radius: 8px;width: 100%;}


table { width:100%; border-collapse:collapse; border:1px solid #eee; }
thead th { padding:12px; text-align:right; font-weight:bold; border:1px solid #eee; background-color:#eee; }
tbody td { padding:10px 12px; text-align:right; border:1px solid #eee; }

input[type="text"], input[type="email"], input[type="password"], textarea, select { width: 100%; padding: 12px; margin: 8px 0 16px 0; background: #fff; border: 1px solid #eee; border-radius: 8px; font-family: Num-Light; font-size: 14px; color: #333; }
input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, textarea:focus, select:focus { border-color: #ddd; outline: none; box-shadow: none; }
button, input[type="submit"], input[type="button"] { background-color: var(--min-color); color: #fff; padding: 12px 20px; border: none; border-radius: 6px; cursor: pointer; font-family: Num-Medium; font-size: 16px; }
button:hover, input[type="submit"]:hover, input[type="button"]:hover { opacity: 1.2; }
.logo-big { width: 100%; text-align: center; }
.logo-big a { display: block; width: 100%; }
.logo-big img { width: 100%; height: auto; display: block; }
.post-current p { line-height: 1.9; text-align: justify; font-size: 1.1em; margin-bottom: 15px; color: #444; }
.entry-content img.alignleft { float: left; margin: 0 20px 20px 0; }
.entry-content img.alignright { float: right; margin: 0 0 20px 20px; }
.entry-content img.aligncenter { display: block; margin: 0 auto 20px; float: none; }
.entry-content img.alignnone { margin: 0 0 20px 0; }
.entry-content::after { content: ""; display: table; clear: both; }
.calendar_wrap th, .calendar_wrap td { text-align: center; font-weight: normal; }
.entry-content ul, .entry-content ol, .widget-body ul, .widget-body ol { margin: 10px 20px; }
.bolts::before { content: ""; height: 8px; width: 8px; display: inline-block; background: var(--min-color); margin-left: 5px; border-radius: 50%; }
.wrapper { display: flex; gap: 20px; flex-wrap: wrap; margin: 30px auto; }
.main-content { flex: 5; min-width: 350px; order: 1; }
.sidebar-right { flex: 2.5; min-width: 225px; order: 2; }
.sidebar-left { flex: 2.5; min-width: 225px; order: 3; }

.widget { margin-bottom: 20px; }
.widget ul li { list-style: none; margin-bottom: 5px; }
.widget ul li a { color: #222; }
.widget ul li a:hover { color: var(--min-color); }
.widget .header { display: flex; align-items: center; gap: 15px; margin-bottom: 20px; width: 100%; }
.widget .header .widget-title { margin: 0; padding: 0; font-size: 18px; white-space: nowrap; }
.widget .header::after { content: ''; flex: 1; height: 2px; background: #ddd; }
.top-bar { position: relative; width: 100%; height: 36px; background: var(--second-color); }
.top-bar-container { max-width: 1300px; height: 100%; margin: 0 auto; padding: 0 5px; display: flex; align-items: center; justify-content: space-between; }
.top-menu-list { display: flex; gap: 24px; list-style: none; margin: 0; padding: 0; }
.top-menu-list li a { display: flex; font-family: Num-Light; align-items: center; gap: 6px; color: #fff; text-decoration: none; font-size: 15px; opacity: 1; }
.top-menu-list li a:hover { opacity: 0.8; }
.top-menu-list li a i { font-size: 14px; }
.date-time { display: flex; align-items: center; gap: 12px; color: #fff; font-family: Num-Light; font-size: 15px; }
.time-fixed{width:55px;text-align: left;}
.date-time .separator { color: rgba(255, 255, 255, 0.3); }
.date-slider { position: relative; height: 22px; overflow: hidden; min-width: 150px; padding-right: 5px; }
.date-slide { height: 22px; display: flex; align-items: center; transition: transform 0.6s ease, opacity 0.4s ease; }
.date-slider-inner { display: flex; flex-direction: column; transition: transform 0.7s cubic-bezier(0.4, 0, 0.2, 1); }
.main-header { position: relative; width: 100%; z-index: 10; background: var(--min-color); min-height: 60px; height: 60px; transform: translateZ(0); backface-visibility: hidden; padding: 0; }
.header-container { max-width: 1300px; min-height: inherit; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 0; padding: 0; position: static; }
.logo { height:50px; align-items: center; justify-content: center; }
.logo img { height: 100%; width: 100%; object-fit: contain; }
.logo a { text-decoration: none; font-size: 1.9rem; font-weight: 800; background: linear-gradient(135deg, #3b82f6, #f00); -webkit-background-clip: text; background-clip: text; color: transparent; }
.nav-menu { flex: 1; display: flex; justify-content: left; height: 60px; }
.nav-list { display: flex; gap: 8px; list-style: none; margin-left: 10px; }
.nav-item { position: relative; }
.nav-link { display: flex; align-items: center; gap: 8px; padding: 14.5px 10px; font-weight: normal; font-size: 18px; color: #fff; text-decoration: none; background: transparent; font-family: Num-Light; }
.nav-link:hover { background: var(--second-color); }
.nav-link::after { display: none; }
.dropdown-trigger > .nav-link::after { display: inline-block; font-size: 10px; content: "\f053"; font-family: "AwesomePro"; transform: rotate(-90deg); margin-right: 5px; color: #fff; position: relative; left: 0; }
.has-submenu > a::after { display: inline-block; font-size: 10px; content: "\f053"; font-family: "AwesomePro"; transform: rotate(-90deg); margin-right: 5px; color: #eee; position: absolute; left: 10px; }
.dropdown-trigger > .nav-link:hover::after, .dropdown-trigger:hover > .nav-link::after, .has-submenu > a:hover::after { transform: rotate(-180deg); }
.submenu li:not(.has-submenu) a::after { display: none; }
.dropdown-trigger { position: relative; }
.dropdown-trigger > .nav-link { position: relative; }
.main-header.scrolled .dropdown-trigger > .nav-link::before { bottom: -19px; }
.dropdown-trigger:hover > .nav-link::before { opacity: 1; visibility: visible; }
.dropdown-menu { position: absolute; top: 100%; left: 0; width: 200px; display: flex; flex-direction: column; gap: 8px; background: var(--second-color); padding: 10px; opacity: 0; visibility: hidden; z-index: 205; list-style: none; box-shadow: 0 10px 18px -10px rgba(0,0,0,0.2); border-radius: 0 0 8px 8px; }
.dropdown-trigger:hover .dropdown-menu { opacity: 1; visibility: visible; transform: translateY(0); }
.dropdown-menu > li { position: relative; display: block; width: 100%; margin: 0; }
.dropdown-menu > li > a { white-space: nowrap; display: flex; align-items: center; gap: 8px; padding: 7px 10px; font-weight: normal; color: #fff; font-size: 15px; opacity: 0.7; border-radius: 8px; }
.dropdown-menu > li > a:hover { opacity: 1; background: rgba(0, 0, 0, 0.31); }
.submenu { position: absolute; top: -10px; left: 100%; width: 200px; background: var(--second-color); border-radius: 0 8px 8px 0; box-shadow: 0 20px 30px -12px rgba(0, 0, 0, 0.1); padding: 10px; display: flex; flex-direction: column; gap: 8px; opacity: 0; visibility: hidden; z-index: 220; list-style: none; margin-left: 10px; border-left: 1px solid rgba(0, 0, 0, 0.1); }
.dropdown-menu li.has-submenu:hover > .submenu { opacity: 1; visibility: visible; transform: translateX(0); }
.submenu li { display: block; width: 100%; }
.submenu li a { display: flex; align-items: center; gap: 12px; padding: 7px 10px; color: #fff; text-decoration: none; border-radius: 8px; font-family: Num-Light; opacity: 0.7; font-size: 15px; }
.submenu li a:hover { background: rgba(0, 0, 0, 0.31); opacity: 1; }
.header-actions { display: flex; gap: 5px; align-items: center; }
.menu-toggle { display: none; }
.search-container { position: relative; display: inline-flex; align-items: center; justify-content: center; overflow: visible; text-align: center; }
.search-icon { width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; cursor: pointer; color: #fff; font-size: 20px; z-index: 2; position: relative; padding: 15px; }
.search-icon:hover { opacity: 0.8; }
input[type="text"].search-input { position: absolute; left: 50px; width: 0; height: 40px; border: none; outline: none; padding: 0; font-size: 14px; opacity: 0; background: var(--second-color); border-radius: 8px; margin: 0; color: #fff; z-index: 2;}
.search-container.active input[type="text"].search-input {  padding: 0 20px; opacity: 1; width: 300px;}
.btn-nav, .overlay { display: none; }
.nav-backdrop { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.85); z-index: 9998; opacity: 0; visibility: hidden; transition: opacity 0.5s ease, visibility 0.5s ease; }
.nav-backdrop.active { opacity: 1; visibility: visible; }
#mobile-nav { position: relative; overflow: hidden; width: 100%; height: auto; margin-top: 70px; }
#mobile-nav ul { margin: 0px 0 0 0; }
#mobile-nav li { position: relative; line-height: 50px; border-bottom: 1px solid #b2b2b238; }
#mobile-nav li ul li:last-child { border-bottom: none; }
#mobile-nav li a { color: #222; font-size: 16px; overflow: hidden; line-height: 50px; padding-right: 20px; display: block; }
#mobile-nav li a:hover { color: var(--min-color); }
#mobile-nav li ul { list-style: none; background: rgba(0, 0, 0, 0.02); display: none; }
#mobile-nav li ul ul { background: rgba(239, 239, 239, 0.14); }
#mobile-nav li span.arrow-nav-c { color: #333; cursor: pointer; font-size: 32px; height: 50px; width: 50px;  text-align: center; display: block; position: absolute; border-right: 1px solid #b2b2b238; left: 0; z-index: 2; padding: 10px;}
#mobile-nav li span.arrow-nav-c:hover { background: var(--min-color); color: #fff; }
.overlay { height: 100%; width: 300px; position: fixed; z-index: 9999; right: -320px; top: 0; box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.2); background: #fff; overflow-x: hidden; transition: 0.3s; display: none; }
.overlay.show { display: block; }
.overlay-content { position: relative; width: 100%; text-align: right; border-top: 1px solid rgba(239, 239, 239, 0.67); }
.overlay .closebtn { color: #666; cursor: pointer; font-size: 44px; height: 44px; width: 44px; line-height: 42px; text-align: center; display: block; position: absolute; left: 10px; z-index: 999999; top: 10px; border-radius: 8px; background: none; border: 2px solid #eee; font-size: 36px; }
.overlay .closebtn:hover, .overlay.closebtn:focus { color: #fff; background: var(--min-color); border-color: var(--min-color); }
.btn-nav {width: 50px; height: 50px; align-items: center; justify-content: center; cursor: pointer; color: #fff; font-size: 20px; z-index: 1; position: relative; padding: 15px; }
.btn-nav::before { content: "\f0c9"; font-family: "AwesomePro"; font-size: 1.2rem; }
.btn-nav:hover { opacity: 0.7;   }
.btn-nav:focus { outline: none; }
.social-share-container { position: relative; display: inline-flex; align-items: center; overflow: visible; text-align: center; }
.social-share-toggle { width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; cursor: pointer; color: #fff; font-size: 20px; z-index: 2; position: relative; padding: 15px; }
.social-share-toggle:hover { opacity: 0.8; }
.social-share-toggle:hover i { color: #fff; }
.social-share-menu { position: absolute; left: 55px; top: 50%; transform: translateY(-50%); background: var(--second-color); border-radius: 8px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); padding: 5.5px 15px; opacity: 0; visibility: hidden; max-width: 0; overflow: hidden; white-space: nowrap; height: 40px; z-index: 9; }
.social-share-container.active .social-share-menu { opacity: 1; visibility: visible; max-width: 650px; }
.social-box-horizontal { display: flex; flex-direction: row; gap: 10px; align-items: center; }
.social-box-horizontal .social-item { display: inline-flex; align-items: center; justify-content: center; transition: all 0.2s ease; flex-shrink: 0; }
.social-box-horizontal .social-item:hover { opacity: 0.7; }
.social-icon-placeholder { display: inline-block; width: 30px; height: 30px; background-size: 25px 25px; background-repeat: no-repeat; background-position: center; }
.youtube .social-icon-placeholder { background-image: url('assets/icon/YouTube.svg'); }
.twitter .social-icon-placeholder { background-image: url('assets/icon/X.svg'); }
.telegram .social-icon-placeholder { background-image: url('assets/icon/Telegram.svg'); }
.instagram .social-icon-placeholder { background-image: url('assets/icon/Instagram.svg'); }
.whatsapp .social-icon-placeholder { background-image: url('assets/icon/WhatsApp.svg'); }
.eitaa .social-icon-placeholder { background-image: url('assets/icon/Eitaa.svg'); }
.bale .social-icon-placeholder { background-image: url('assets/icon/Bale.svg'); }
.rubika .social-icon-placeholder { background-image: url('assets/icon/Rubika.svg'); }
.gap .social-icon-placeholder { background-image: url('assets/icon/Gap.svg'); }
.soroush .social-icon-placeholder { background-image: url('assets/icon/Soroush.svg'); }
.virasty .social-icon-placeholder { background-image: url('assets/icon/Virasty.svg'); }
.aparat .social-icon-placeholder { background-image: url('assets/icon/Aparat.svg'); }
.news-ticker-section { width: 100%; margin: 0 auto; padding: 5px 15px; position: relative; border-bottom: 1px solid #eee; background: #fff; overflow-x: clip; }
.news-ticker-container { max-width: 1300px; width: 100%; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; direction: rtl; gap: 12px; flex-wrap: nowrap; min-width: 0; }
.news-ticker-header { color: #222; font-weight: normal; flex-shrink: 0; font-size: 16px; letter-spacing: 0.3px; transition: background 0.2s; z-index: 2; border-radius: 8px; line-height: 1.7; font-family: Num-Medium; position: relative; padding-right: 20px; }
.news-ticker-header::before { content: ''; position: absolute; right: 0; top: 7px; width: 12px; height: 12px; background: #f00; border-radius: 4px; animation: blink 1s infinite; }
@keyframes blink { 50% { opacity: 0; } }
.news-ticker-wrapper { overflow-x: clip; overflow-y: visible; flex: 1; min-width: 0; cursor: grab; user-select: none; direction: rtl; padding: 6px 0; margin: 0; }
.news-ticker-wrapper:active { cursor: grabbing; }
.news-ticker-content { display: flex; flex-direction: row; width: max-content; direction: rtl; will-change: transform; transition: transform 0.05s linear; }
a.news-item { color: #222; padding: 0 10px; font-size: 15px; display: inline-flex; align-items: center; direction: rtl; line-height: 1.7; gap: 6px; }
.news-thumb { width: 30px; height: 30px; border-radius: 50%; flex-shrink: 0; }
a.news-item:hover { color: var(--min-color); }
.news-item::before { content: "|"; margin-left: 10px; color: var(--min-color); font-weight: 800; font-size: 16px; display: inline-block; }
.pb-pagination-wrapper { display: flex; justify-content: center; align-items: center; margin: 40px 0 20px 0; width: 100%; }
.pb-pagination { list-style: none; padding: 0; margin: 0; display: flex; gap: 8px; flex-wrap: wrap; justify-content: center; }
.pb-pagination li { display: inline-block; margin: 0; }
.pb-pagination a, .pb-pagination span.page-numbers { display: flex; justify-content: center; align-items: center; width: 45px; height: 45px; border-radius: 6px; font-size: 18px; text-decoration: none; color: #222; background-color: #fff; border: 1px solid #ddd; font-family: Num-Light; }
.pb-pagination a:hover { background-color: var(--min-color); color: #ffffff; border-color: var(--min-color); }
.pb-pagination span.current { background-color: var(--min-color); color: #ffffff; border-color: var(--min-color); cursor: default; }
.pb-pagination span.dots { background-color: transparent; border: none; color: #94a3b8; font-size: 18px; width: auto; padding: 0 5px; }
.pb-pagination a i { font-size: 16px; }
.hero-slider { position: relative; width: 100%; margin-bottom: 20px; }
.slider-wrapper { position: relative; width: 100%; height: 380px; overflow: hidden; border-radius: 8px; }
.slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; }
.slide.active { opacity: 1; }
.slide img { width: 100%; height: 100%; display: block; }
.slide-content { position: absolute; bottom: 0; text-align: right; color: #fff; z-index: 2; width: 100%; padding: 30px; background: linear-gradient(to top, rgba(15,15,15,0.95) 0%, rgba(15, 15, 15, 0.29) 40%, rgba(15, 15, 15, 0) 100%); right: 0; }
.slide-title { font-size: 24px; margin: 10px 0; line-height: 1.7; text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5); font-family: Num-Black; }
.slide-title a { color: #fff; text-decoration: none; text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5); }
.slide-subtitle { font-size: 16px; margin: 0; line-height: 1.4; font-family: Num-Medium; letter-spacing: 0.21px; }
.slide-subtitle::before { content: ""; height: 10px; width: 10px; display: inline-block; background: #fff; margin-left: 5px; border-radius: 2px; }
.slide-subtitle a:hover { color: #ffd700; text-shadow: 2px 2px 12px rgba(255, 215, 0, 0.6); }
.slide-format { position: absolute; top: 10px; left: 10px; width: 35px; height: 35px; backdrop-filter: blur(10px); background: rgba(0, 0, 0, 0.22); color: #fff; display: flex; align-items: center; justify-content: center; border-radius: 8px; font-size: 1.34rem; pointer-events: none; }
.no-posts { text-align: center; padding: 50px; font-size: 1.5rem; color: #666; }
.slider-dots { display: flex; justify-content: center; gap: 8px; padding: 15px 0; }
.dot { width: 10px; height: 10px; border-radius: 3px; background-color: rgba(0, 0, 0, 0.1); cursor: pointer; }
.dot:hover { background-color: rgba(0, 0, 0, 0.4); }
.dot.active { background-color: var(--min-color); width: 16px; }
.blog-header { display: flex; align-items: center; gap: 15px; margin-bottom: 20px; }
.blog-title { margin: 0; padding: 0; font-size: 18px; white-space: nowrap; }
.blog-header span::before { content: "|"; margin-left: 10px; color: var(--min-color); font-weight: 800; font-size: 16px; display: inline-block; }
.blog-header::after { content: ''; flex: 1; height: 2px; background: #ddd; }
.blog-description { margin-bottom: 25px; font-size: 14px; color: #666; border: 1px solid #ddd; padding: 10px; border-radius: 8px; }
.temp-cat-container { margin-bottom: 40px; direction: rtl; }
.temp-cat-list { display: flex; flex-direction: column; }
.temp-cat-card { display: flex; overflow: hidden; border-bottom: 1px solid #eee; padding-bottom: 15px; margin-bottom: 15px; }
.temp-cat-media { width: 200px; flex-shrink: 0; position: relative; overflow: hidden; height: 140px; border-radius: 8px; }
.temp-cat-thumb-link { display: block; width: 100%; height: 100%; }
.temp-cat-media img { width: 100%; height: 100%; }
.temp-cat-card:hover .temp-cat-img { transform: scale(1.05); }
.temp-cat-no-img { width: 100%; height: 100%; min-height: 200px; background: #f8fafc; display: flex; align-items: center; justify-content: center; font-size: 3rem; color: #cbd5e1; }
.temp-cat-badge { font-size: 14px; color: #666; font-weight: normal; line-height: 1.5; }
.temp-cat-badge::before { content: ""; height: 8px; width: 8px; display: inline-block; background: var(--min-color); margin-left: 5px; border-radius: 2px; }
.temp-cat-format { position: absolute; top: 10px; left: 10px; width: 35px; height: 35px; backdrop-filter: blur(10px); background: rgba(0, 0, 0, 0.22); color: #fff; display: flex; align-items: center; justify-content: center; border-radius: 8px; font-size: 1.34rem; pointer-events: none; }
.temp-cat-content { padding: 0 15px; display: flex; flex-direction: column; justify-content: center; flex: 1; }
.temp-cat-post-title { margin: 0 0 8px 0; font-size: 16px; font-family: Num-Black; line-height: 1.7; }
.temp-cat-post-title a { color: #222; text-decoration: none; }
.temp-cat-post-title a:hover { color: var(--min-color); }
.temp-cat-excerpt { color: #666; font-size: 13px; line-height: 1.7; display: block; text-align: justify; }
.no-posts { padding: 50px 20px; text-align: center; background: #eee; color: #333; border: 2px solid #ddd; border-radius: 12px; font-size: 1.1rem; }
.tabs { display: flex; gap: 10px; margin-bottom: 30px; padding-bottom: 0; }
.tab-btn { padding: 12px 28px; cursor: pointer; background: #eee; border: none; color: #666; border-radius: 8px; font-size: 18px; font-family: Num-Light; }
.tab-btn:hover { background: #e0e0e0; }
.tab-btn.active { background: var(--min-color); color: #fff; }
.grid-container { display: grid; grid-template-columns: repeat(4, 1fr); gap: 25px; }
.post-card {  border-radius:8px; overflow: hidden; padding: 15px; border: 1px solid #ddd; }
.img-wrapper { position: relative; width: 100%; height: 180px; background: #e9ecef; border-radius: 8px; overflow: hidden; margin-bottom: 15px; }
.img-wrapper img { width: 100%; height: 100%; }
.tab-format-icon { position: absolute; top: 10px; left: 10px; width: 35px; height: 35px; backdrop-filter: blur(10px); background: rgba(0, 0, 0, 0.22); color: #fff; display: flex; align-items: center; justify-content: center; border-radius: 8px; font-size: 1.34rem; pointer-events: none; }
.sub-title { color: #666; font-size: 14px; margin-bottom: 5px; padding: 0; }
.sub-title::before { content: ""; height: 8px; width: 8px; display: inline-block; background: var(--min-color); margin-left: 5px; border-radius: 2px; }
.title { font-size: 15px; padding: 0; line-height: 1.7; margin: 0; font-family: Num-Black; }
.title a { color: #222; }
.title a:hover { color: var(--min-color); }
.content-section { display: none; }
.content-section.active { display: grid; }

#topcontrol { width: 45px; height: 45px; z-index: 999; border-radius: 4px; background: var(--min-color); color: #fff; font-size: 30px; position: fixed; bottom: -100px; right: 20px; cursor: pointer; display: flex; align-items: center; justify-content: center; box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.05);  }
#topcontrol:hover { transform: scale(1.1); }
.site-footer { background: #1a1a1a; color: #b3b3b3; padding: 20px 0 20px; }
.footer-container { max-width: 1300px; margin: 0 auto; padding: 0 20px; }
.footer-top { font-size: 16px; padding: 10px 0; border-bottom: 1px solid #333; }
.footer-middle { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; padding: 15px 0; border-bottom: 1px solid #333; }
.trust-badges { display: flex; gap: 15px; }
.badge { height: 90px; }
.badge img { width: 80px; filter: grayscale(0.2); border-radius: 8px; }
.badge img:hover { filter: grayscale(0); }
.search-form { display: flex; background: #333; border-radius: 8px; overflow: hidden; height: 50px; padding: 5px; }
.search-form input { background: transparent; border: none; padding: 10px 15px; color: #fff; width: 400px; margin: 0; }
.search-form button { background: var(--min-color); border: none; color: #fff; padding: 0 10px 0 10px; cursor: pointer; width: 40px; font-size: 16px; }
.search-form button:hover { background: var(--second-color); }
.footer-tags { margin-bottom: 30px; }
.tagh { background: #333; color: #ccc; padding: 4px 12px; margin: 5px; display: inline-block; border-radius: 8px; font-size: 14px; }
.tagh:hover { background: var(--min-color); color: #fff; }
.footer-bottom { display: flex; justify-content: space-between; align-items: center; font-size: 16px; padding: 10px 0; }
.copyright { margin: 0; color: #ddd; }
.copyright .sep { margin: 0 8px; color: #4a4f6e; }
.copyright a { color: #fff; text-decoration: none; transition: color 0.2s; opacity: 0.7; }
.copyright a:hover { opacity: 1; text-decoration: underline; }
.footer-nav ul { list-style: none; display: flex; gap: 15px; }
.footer-nav a { color: #fff; text-decoration: none; opacity: 0.7; font-family: Num-Light; }
.footer-nav li::after { content: "|"; margin-right: 15px; color: #fff; font-size: 16px; display: inline-block; opacity: 0.2; }
.footer-nav li:last-child::after { content: ""; }
.footer-nav a:hover { opacity: 1; }
.meta-top { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px; border-bottom: 1px solid #ddd; padding-bottom: 5px; margin-bottom: 5px; font-size: 14px; color: #888; }
.print-link { color: #888; }
.meta-right { order: 1; }
.meta-center { order: 2; }
.meta-left { display: flex; gap: 20px; align-items: center; order: 3; }
.post-breadcrumb { display: flex; flex-wrap: wrap; align-items: center; gap: 5px; padding: 5px 0; font-size: 13px; font-family: inherit; direction: rtl; }
.post-breadcrumb a { color: #4a5568; text-decoration: none; transition: color 0.3s ease; display: inline-flex; align-items: center; }
.post-breadcrumb a:hover { color: var(--min-color); text-decoration: underline; }
.post-breadcrumb a:last-of-type { color: #1f2937; font-weight: 500; pointer-events: none; cursor: default; }
.post-breadcrumb a:last-of-type:hover { text-decoration: none; color: #1f2937; }
.breadcrumb-sep { color: #9ca3af; font-size: 14px; display: inline-flex; align-items: center; margin: 0 4px; }
.breadcrumb-sep i { font-size: 14px; }
.post-breadcrumb a:first-child { font-weight: 500; }
.post-breadcrumb { background: transparent; }
.entry-header { margin-bottom: 20px; text-align: right; direction: rtl; }

.entry-subtitle { font-size: 16px; color: #222; margin-bottom: 12px; position: relative; display: inline-block; }
.entry-subtitle::before { content: ""; height: 8px; width: 8px; display: inline-block; background: var(--min-color); margin-left: 5px; border-radius: 2px; }
.entry-title { font-size: 24px; line-height: 1.7; margin: 0 0 10px 0; color: #222; letter-spacing: -0.3px; }
.entry-summary-custom { padding: 15px 20px; background-color: #eee; border-radius: 8px; font-size: 14px; line-height: 1.7; color: #333; margin-bottom: 15px; }
.entry-summary-custom p { margin: 0; }
.custom-item-featured-image { text-align: center; border-radius: 8px; overflow: hidden; margin-bottom: 15px; }
.custom-item-featured-image img { width: 100%; height: auto; display: block; }
.gallery-item { margin: 0; padding: 0; list-style: none; overflow: hidden; margin: 0 !important; border: none !important; }
.gallery-icon { margin: 0; text-align: center; line-height: 0; position: relative; overflow: hidden; padding: 5px; }
.gallery-icon a { display: block; border-radius: 6px; background: #000; }
.gallery-icon img { width: 100%; border: none !important; display: block; border-radius: 6px; }
.gallery-icon img:hover { opacity: 0.8; }
#gallery-1 { margin: 20px 0 !important; padding: 0 !important; width: 100% !important; display: flex !important; justify-content: center !important; flex-wrap: wrap !important; }
.gallery-columns-1 .gallery-item .gallery-icon img { height: 100%; }
.gallery-columns-2 .gallery-item .gallery-icon img { height: 210px; }
.gallery-columns-3 .gallery-item .gallery-icon img { height: 160px; }
.gallery-columns-4 .gallery-item .gallery-icon img { height: 120px; }
.gallery-columns-5 .gallery-item .gallery-icon img { height: 100px; }
.gallery-columns-6 .gallery-item .gallery-icon img { height: 80px; }
.gallery-columns-7 .gallery-item .gallery-icon img { height: 70px; }
.gallery-columns-8 .gallery-item .gallery-icon img { height: 60px; }
.gallery-columns-9 .gallery-item .gallery-icon img { height: 50px; }
.post-meta-inline { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; padding: 10px 0; border-bottom: 1px solid #ddd; }
.author-info { display: flex; align-items: center; gap: 8px; }
.author-avatar { width: 32px; height: 32px; border-radius: 50%; border: 1px solid #ddd; padding: 2px; background: #fff; }
.author-name { font-size: 14px; color: #666; }
.widget-post-content .author-name { font-size: 13px; color:var(--min-color); }
.source-info { display: flex; align-items: center; gap: 8px; font-size: 14px; color: #666; font-family: Num-Light, Tahoma; }
.source-info i { font-size: 14px; color: var(--min-color); }
.source-info:hover { color: var(--min-color); cursor: pointer; }
.custom-item-tags { display: flex; align-items: flex-start; gap: 15px; padding: 15px 0;  flex-wrap: wrap; margin-bottom: 5px; }
.tags-label { display: inline-flex; align-items: center; gap: 10px; font-size: 18px; color: #222; font-family: Num-Medium; white-space: nowrap; line-height: 1.9; }
.tags-label i { font-size: 18px; color: var(--min-color); }
.tags-list { display: flex; flex-wrap: wrap; gap: 10px; }
.tag-item { padding: 5px 15px; cursor: pointer; background: #eee; border: none; color: #666; border-radius: 8px; font-size: 16px; font-family: Num-Light; }
.tag-item i { font-size: 11px; color: var(--min-color); }
.tag-item:hover { background-color: var(--min-color); border-color: var(--min-color); color: #fff; }
.tag-item:hover i { color: #fff; }
.share-icons-bar { display: flex; gap: 15px; justify-content: flex-start; padding: 15px 0; border-bottom: 1px solid #ddd; }
.share-icon-item { display: inline-flex; align-items: center; gap: 8px; padding: 8px 18px; background: #eee; border-radius: 8px; cursor: pointer; font-size: 16px; color: #555; }
.share-icon-item i { font-size: 16px; color: #666; }
.share-icon-item:hover { background: #ddd; }
.custom-modal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); z-index: 999999; align-items: center; justify-content: center; }
.custom-modal.show { display: flex; }
.custom-modal-content { background: #fff; width: 90%; max-width: 450px; border-radius: 8px; direction: rtl; animation: modalFadeIn 0.2s ease; }
.custom-modal-header { display: flex; align-items: center; gap: 10px; padding: 18px 20px; border-bottom: 1px solid #eee; }
.custom-modal-header i { font-size: 22px; color: #555; }
.custom-modal-header h3 { flex: 1; font-size: 16px; margin: 0; color: #333; font-family: Num-Light; }
.custom-modal-header .modal-close { font-size: 32px; cursor: pointer; color: #888; line-height: 1; }
.custom-modal-header .modal-close:hover { color: #333; }
.custom-modal-body { padding: 20px; }
.modal-socials { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; }
.modal-social-item { display: inline-flex; align-items: center; gap: 8px; padding: 8px 15px; background: #eee; border-radius: 8px; text-decoration: none; font-size: 14px; color: #666; }
.modal-social-item:hover { background: #ddd; }
.modal-social-item .social-icon-post { width: 18px; height: 18px; background-size: contain; background-repeat: no-repeat; background-position: center; }
.modal-social-item.twitter .social-icon-post { background-image: url('assets/icon/X.svg'); }
.modal-social-item.telegram .social-icon-post { background-image: url('assets/icon/Telegram.svg'); }
.modal-social-item.whatsapp .social-icon-post { background-image: url('assets/icon/WhatsApp.svg'); }
.modal-social-item.eitaa .social-icon-post { background-image: url('assets/icon/Eitaa.svg'); }
.modal-social-item.bale .social-icon-post { background-image: url('assets/icon/Bale.svg'); }
.modal-social-item.rubika .social-icon-post { background-image: url('assets/icon/Rubika.svg'); }
.modal-social-item.gap .social-icon-post { background-image: url('assets/icon/Gap.svg'); }
.modal-social-item.soroush .social-icon-post { background-image: url('assets/icon/Soroush.svg'); }
.modal-social-item.virasty .social-icon-post { background-image: url('assets/icon/Virasty.svg'); }

.modal-shortlink-box { display: flex; gap: 10px; align-items: center; }
.modal-shortlink-box input { flex: 1; padding: 12px 15px; border-radius: 8px; font-size: 13px; direction: ltr; text-align: left; background: #eee; margin: 0; }
.modal-shortlink-box input:focus { outline: none; border-color: #aaa; }
.modal-copy-btn { padding: 10px 18px; background: var(--min-color); border-radius: 8px; font-size: 16px; cursor: pointer; color: #fff; display: inline-flex; align-items: center; gap: 8px; }
.modal-copy-btn i { font-size: 14px; }
.modal-copy-btn:hover { background: var(--second-color); }
@keyframes modalFadeIn { from { opacity: 0; transform: scale(0.95); } to { opacity: 1; transform: scale(1); } }

.custom-ad-top, .custom-ad-bottom { width: 100%; margin-bottom: 15px; }
.custom-ad-top img, .custom-ad-bottom img{ width: 100%; border-radius: 6px;}
.related-list-container { margin: 15px 0; padding: 15px 0; }
.related-list { list-style: none; margin: 0; padding: 0; }
.related-list-item { display: flex; align-items: center; gap: 10px; padding: 8px 0; border-bottom: 1px dashed #f0f0f0; }
.related-list-item:last-child { border-bottom: none; }
.related-list-item i { font-size: 14px; color: #999; flex-shrink: 0; width: 20px; }
.related-list-item a { font-size: 15px; color: #222; text-decoration: none; line-height: 1.7; transition: color 0.2s ease; }
.related-list-item a:hover { color: var(--min-color); }
.related-empty { padding: 15px; text-align: center; font-size: 13px; color: #999; background: #f9f9f9; border-radius: 6px; }
.custom-item-comments-form { direction: rtl; font-family: inherit; margin: 25px 0; padding: 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee; }
#comments { font-size: 18px; margin: 20px 0 15px; padding: 0 0 8px 0; color: #222; }
.navigation { margin: 10px 0; overflow: hidden; }
.alignleft { float: left; }
.alignright { float: right; }
.commentlist { list-style: none; margin: 0; padding: 0; }
.commentlist .comment { margin: 0 0 15px 0; padding: 0; list-style: none; }
.comment-body { background: rgba(0, 0, 0, 0.025); padding: 15px; margin-bottom: 10px; border-radius: 8px; position: relative; }
.comment-author { margin-bottom: 15px; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.comment-author .avatar { float: right; margin-left: 10px; border-radius: 50%; width: 32px; height: 32px; }
.comment-author .fn { font-style: normal; color: #222; font-family: Num-Light; }
.comment-author .fn a { color: #2c3e50; text-decoration: none; }
.comment-author .says { font-size: 12px; color: #888; }
.comment-meta { position: relative; margin-bottom: 10px; min-height: 30px; min-width: 100%; top: 0; left: 10px; height: 30px; padding: 5px; }
.comment-meta a { display: block; padding-left: 0; text-decoration: none; color: #888; font-size: 12px; }
.comment-meta a:hover { text-decoration: underline; }
.comment-edit-link { display: none !important; }
.comment-reactions { position: absolute; left: 15px; top: 15px; transform: translateY(-50%); margin: 0; white-space: nowrap; display: inline-flex; gap: 8px; }
.comment-like-btn, .comment-dislike-btn { cursor: pointer; font-size: 16px; color: #666; display: inline-flex; align-items: center; gap: 4px; }
.comment-like-btn i, .comment-dislike-btn i { font-size: 16px; }
.comment-dislike-btn.active.like-count { font-size: 14px; color: #0f8b2d; }
.comment-dislike-btn.active .dislike-count { font-size: 14px; color: #d90606; }
.like-count:hover { color: #0f8b2d; }
.dislike-count:hover { color: #d90606; }
.comment-like-btn:hover i { color: #0f8b2d; }
.comment-dislike-btn:hover i { color: #d90606; }
.comment-like-btn.active i { color: #0f8b2d; }
.comment-dislike-btn.active i { color: #d90606; }
.comment-body p { margin: 10px 0; line-height: 1.6; color: #444; text-align: justify; font-size: 14px; position: relative;}
.reply { margin-top: 10px; text-align: left; }
.comment-reply-link { font-size: 14px; background: rgba(0, 0, 0, 0.025); padding: 2px 10px 4px 10px; border-radius: 8px; text-decoration: none; color: #555; display: inline-block; border: 1px solid rgba(0, 0, 0, 0.11); }
.comment-reply-link:hover { background: #e8e8e8; }
.children { list-style: none; margin: 10px 0 0 0; padding: 0; }
.children .comment-body { background: rgba(0, 0, 0, 0.06); }
.depth-2 .comment-body { margin-right: 20px; }
.depth-3 .comment-body { margin-right: 40px; }
.depth-4 .comment-body { margin-right: 0; }
.comment-respond { margin-top: 30px; padding-top: 15px; border-top: 1px solid #eee; }
.comment-reply-title { font-size: 18px; font-weight: 500; margin-bottom: 15px; color: #333; }
#cancel-comment-reply-link { font-size: 12px; font-weight: normal; margin-right: 15px; color: #999; text-decoration: none; }
#cancel-comment-reply-link:hover { text-decoration: underline; }
.comment-form { margin-top: 15px; }
.comment-notes, .required-field-message { font-size: 12px; color: #777; margin-bottom: 15px; }
.required { color: #e13d32; }
.comment-form-comment, .comment-form-author, .comment-form-email, .comment-form-cookies-consent, .form-submit { margin-bottom: 15px; }
.comment-form label { display: block; font-size: 13px; margin-bottom: 5px; color: #555; }
.comment-form input[type="text"], .comment-form textarea { width: 100%; padding: 8px 10px; border: 1px solid #ddd; border-radius: 4px; background: #fff; font-family: inherit; font-size: 13px; box-sizing: border-box; }
.comment-form textarea { resize: vertical; }
.comment-form input[type="checkbox"] { margin-left: 5px; vertical-align: middle; }
.comment-form-cookies-consent label { display: inline; font-size: 12px; }
.form-submit #submit { background: var(--min-color); color: #fff; border: none; padding: 10px 20px; border-radius: 8px; cursor: pointer; font-size: 16px; }
.form-submit #submit:hover { background: var(--second-color); }
#comment_parent { display: none; }
.sp-player { border: 1px solid #eee; border-radius: 8px; padding: 14px; background: #fff; margin-bottom: 15px; }
.sp-now { display: flex; gap: 14px; align-items: stretch; }
.sp-now-cover { position: relative; width: 120px; min-width: 120px; height: 120px; border-radius: 50%; overflow: hidden; background: #f2f2f2; }
.sp-now-cover .sp-ic i { font-size: 34px; }
.sp-now-img { width: 100%; height: 100%; object-fit: cover; display: block; }
.sp-cover-fallback { width: 100%; height: 100%; background: linear-gradient(135deg, #f1f1f1, #e7e7e7); }
.sp-now-toggle { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.19); border: 0; cursor: pointer; }
.sp-ic { display: inline-flex !important; align-items: center; justify-content: center; width: 46px; height: 46px; }
.sp-ic i { font-size: 18px; color: #fff; }
.sp-now-meta { flex: 1; min-width: 0; }
.sp-now-title { font-size: 18px; line-height: 1.4; color: #222; }
.sp-now-artist { margin-top: 6px; color: #888; font-size: 16px; }
.sp-controls { margin-top: 10px; display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.sp-btn { border: 1px solid #eee; background: #fff; border-radius: 6px; height: 38px; min-width: 38px; padding: 0 10px; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; text-decoration: none; color: #111; width: 38px; overflow: hidden; }
.sp-btn i { font-size: 16px; }
.sp-controls .sp-btn i { color: #222; }
.sp-progress { margin-top: 12px; display: grid; grid-template-columns: 52px 1fr 52px; gap: 10px; align-items: center; }
.sp-seek { width: 100%; direction: ltr; }
.sp-list { margin-top: 14px; border-top: 1px solid #f0f0f0; padding-top: 10px; display: flex; flex-direction: column; gap: 10px; }
.sp-item { display: flex; align-items: center; gap: 12px; padding: 10px; border: 1px solid #eee; border-radius: 8px; background: #fff; position: relative; }
.sp-item.is-active { border-color: #ddd; background: #fafafa; }
.sp-item-cover { position: relative; width: 72px; min-width: 72px; height: 72px; border-radius: 50%; overflow: hidden; background: #f2f2f2; }
.sp-item-cover img { width: 100%; height: 100%; object-fit: cover; display: block; }
.sp-item-toggle { position: absolute; inset: 0; border: 0; background: rgba(0, 0, 0, 0.19); cursor: pointer; display: flex; align-items: center; justify-content: center; padding: 0; }
.sp-item-toggle .sp-ic { width: 38px; height: 38px; }
.sp-player .sp-ic-pause { display: none !important; }
.sp-player .sp-ic-play { display: inline-flex !important; }
.sp-player.is-playing .sp-now-toggle .sp-ic-play,
.sp-player.is-playing .sp-toggle .sp-ic-play,
.sp-player .sp-item.is-playing .sp-ic-play { display: none !important; }
.sp-player.is-playing .sp-now-toggle .sp-ic-pause,
.sp-player.is-playing .sp-toggle .sp-ic-pause,
.sp-player .sp-item.is-playing .sp-ic-pause { display: inline-flex !important; }
.sp-item-actions { display: flex; gap: 8px; left: 10px; float: left; position: absolute; }
.sp-item-download { width: 38px; height: 38px; border-radius: 10px; border: 1px solid #e7e7e7; background: #fff; display: flex; align-items: center; justify-content: center; color: #111; text-decoration: none; }
.sp-item-title { font-size: 16px; color: #222; }
.sp-item-artist { font-size: 14px; color: #888; }
.sp-player .sp-seek { -webkit-appearance: none; appearance: none; width: 100%; height: 6px; background: transparent; cursor: pointer; outline: none; }
.sp-player .sp-seek::-webkit-slider-runnable-track { height: 6px; background: #ddd; border-radius: 8px; }
.sp-player .sp-seek::-moz-range-track { height: 6px; background: #ddd; border-radius: 8px; }
.sp-player .sp-seek::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 12px; height: 12px; margin-top: -4px; border-radius: 50%; background: #fff; border: 2px solid #888; box-shadow: 0 2px 8px rgba(0,0,0,.25); }
.sp-player .sp-seek::-moz-range-thumb { width: 14px; height: 14px; border-radius: 50%; background: #f00; border: 2px solid #fff; box-shadow: 0 2px 8px rgba(0,0,0,.25); }
.sp-player .sp-seek::-moz-range-progress { height: 6px; background: #f00; border-radius: 999px; }
.sp-player .sp-seek:focus-visible::-webkit-slider-thumb { box-shadow: 0 0 0 4px rgba(17,17,17,.18), 0 2px 8px rgba(0,0,0,.25); }
.sp-player .sp-seek:focus-visible::-moz-range-thumb { box-shadow: 0 0 0 4px rgba(17,17,17,.18), 0 2px 8px rgba(0,0,0,.25); }
.custom-video-player { direction: rtl; max-width: 100%; background: #111; border-radius: 8px; overflow: hidden; height: auto; margin-bottom: 15px; }
.custom-video-player .video-screen { width: 100%; background: #000; }
.custom-video-player .video-element,
.custom-video-player .iframe-wrap iframe { width: 100%; display: block; aspect-ratio: 16 / 9; object-fit: cover; border: 0; height: auto; }
.custom-video-player .video-controls { direction: rtl; display: flex; align-items: center; gap: 12px; padding: 5px 8px; background: #1b1b1b; color: #fff; }
.custom-video-player .controls-right { display: flex; align-items: center; gap: 5px; order: 2; }
.custom-video-player .progress-wrap { flex: 1; order: 1; }
.custom-video-player .video-controls button { width: 25px; height: 25px; border: 0; color: #fff; cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 14px; transition: .2s; padding: 0; background: none; opacity: 0.7; }
.custom-video-player .video-controls button:hover { opacity: 1; }
.custom-video-player input[type="range"] { width: 100%; appearance: none; height: 6px; border-radius: 999px; outline: none; background: linear-gradient(to right, #f00 0%, #f00 0%, #444 0%, #444 100%); direction: ltr; }
.custom-video-player input[type="range"]::-webkit-slider-thumb { appearance: none; width: 12px; height: 12px; border-radius: 50%; background: #fff; cursor: pointer; border: 2px solid #f00; }
.custom-video-player input[type="range"]::-moz-range-thumb { width: 12px; height: 12px; border-radius: 50%; background: #fff; cursor: pointer; border: 2px solid #f00; }
.dl-accordion { direction: rtl; margin: 15px 0; background: #fff; border-radius: 8px; overflow: hidden; border: 1px solid #ddd; }
.dl-trigger { width: 100%; padding: 14px 16px; border: 0; color: #111; cursor: pointer; display: flex; align-items: center; justify-content: space-between; font-size: 14px; background: #fff; }
.dl-trigger span { display: flex; align-items: center; gap: 8px; }
.dl-trigger span i { font-size: 22px; }
.dl-content { max-height: 0; overflow: hidden; transition: max-height .35s ease, padding .35s ease; padding: 0 12px; }
.dl-accordion.open .dl-content { max-height: 500px; padding: 10px 12px 12px; }
.dl-list { list-style: none; padding: 0; margin: 0; }
.dl-item { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 10px 0; border-bottom: 1px solid #eee; }
.dl-item:last-child { border-bottom: 0; }
.dl-btn { display: inline-flex; align-items: center; gap: 6px; padding: 7px 12px; background: #0073aa; color: #fff; text-decoration: none; border-radius: 8px; }
.dl-btn:hover { background: #005f8d; color: #fff; }
.custom-category-posts-widget .widget-post-item { display: flex; align-items: center; gap: 12px; margin-bottom: 15px; }
.custom-category-posts-widget .widget-post-thumb { flex: 0 0 80px; }
.custom-category-posts-widget .widget-post-thumb img { width: 100px; height: 75px; display: block; border-radius: 6px; }
.custom-category-posts-widget .widget-post-title a { text-decoration: none; color: inherit; font-size: 15px; line-height: 1.6; }
.custom-category-posts-widget .widget-post-title a:hover { color: var(--min-color); }
.custom-category-posts-widget .archive-btn-wrap{width: 100%;overflow: hidden;}
.custom-category-posts-widget .archive-btn { color: #666; text-decoration: none; font-size: 14px; transition: 0.3s; float: left; }
.custom-category-posts-widget .archive-btn:hover { color: var(--min-color); }
.custom-category-author-image-widget { display: flex; flex-direction: column; gap: 14px; }
.custom-category-author-image-widget .archive-btn { color: #666; text-decoration: none; font-size: 14px; transition: 0.3s; float: left; }
.custom-category-author-image-widget .archive-btn:hover { color: var(--min-color); }
.custom-category-author-image-widget .widget-post-item { display: flex; align-items: center; gap: 12px; padding: 10px; border: 1px solid #ddd; border-radius: 8px; }
.custom-category-author-image-widget .widget-post-thumb { flex: 0 0 70px; }
.custom-category-author-image-widget .widget-post-thumb img { width: 70px; height: 70px; border-radius: 50%; display: block; padding: 2px; border: 1px solid #ddd; }
.custom-category-author-image-widget .widget-post-content { flex: 1; }
.custom-category-author-image-widget .widget-post-title a { text-decoration: none; color: #222; line-height: 1.6; font-size: 15px; }
.custom-category-author-image-widget .widget-post-title a:hover { color: var(--min-color); }
.custom-category-author-image-widget .author-info { margin-top: 6px; font-size: 13px; color: #666; }
.custom-grey-widget-box { background: #eee; border-radius: 8px; overflow: hidden; padding: 0; }
.custom-grey-widget-header { padding: 15px 15px; border-bottom: 1px solid rgba(0,0,0,0.08); }
.custom-grey-widget-title { margin: 0; font-size: 16px; color: #222; line-height: 1.6; }
.custom-grey-widget-content { padding: 12px 15px; }
.custom-grey-widget-item { margin-bottom: 10px; }
.custom-grey-widget-item:last-child { margin-bottom: 0; }
.custom-grey-widget-item a { color: #222; text-decoration: none; font-size: 15px; line-height: 1.7; }
.custom-grey-widget-item a:hover { color: var(--min-color); }
.custom-grey-widget-item a::before { content: ""; height: 8px; width: 8px; display: inline-block; background: #ccc; margin-left: 5px; border-radius: 2px; }
.custom-grey-widget-item a:hover::before { background: var(--min-color); }




/* ========================================================= */
/* 1. Size: 1400px                                           */
/* ========================================================= */
@media (max-width: 1400px) {
.container,.news-ticker-container,.header-container,.top-bar-container,.footer-container {max-width: 1200px;}
.slider-wrapper {height: 340px;}
.tabs {display: flex;flex-wrap: nowrap;overflow-x: auto;white-space: nowrap;gap: 8px;padding: 8px 0;scrollbar-width: thin;-webkit-overflow-scrolling: touch;}
.tabs::-webkit-scrollbar {height: 5px;}
.tabs::-webkit-scrollbar-track {background: #e0e0e0;border-radius: 4px;}
.tabs::-webkit-scrollbar-thumb {background: #888;border-radius: 4px;}
}
/* ========================================================= */
/* 2. Size: 1200px                                           */
/* ========================================================= */
@media (max-width: 1200px) {
.container,.news-ticker-container,.header-container,.top-bar-container,.footer-container {max-width: 992px;}
.grid-container {grid-template-columns: repeat(3, 1fr);}
.slider-wrapper {height: 300px;}
.img-wrapper {height: 200px;}
}
/* ========================================================= */
/* 3. Size: 992px                                            */
/* ========================================================= */
@media (max-width: 992px) {
.container,.news-ticker-container,.header-container,.top-bar-container,.footer-container {max-width: 768px;}
.slider-wrapper {height: 500px;}
.img-wrapper {height: 220px;}
.footer-nav {display:none;}
.search-form input {width: 300px;}
.wrapper {flex-direction: column;margin-top: 10px;padding-left: 10px;padding-right: 10px;}
.main-content, .sidebar-right, .sidebar-left {flex: 1 1 100%;order: unset;}
.sidebar-right, .sidebar-left {position: relative !important;top: 0 !important;width: 100%;}
.main-content {min-width:100%;}
.nav-menu {display:none;}
.overlay,.btn-nav {display: inline;}
.grid-container {grid-template-columns: repeat(2, 1fr);}
}
/* ========================================================= */
/* 4. Size: 768px                                            */
/* ========================================================= */
@media (max-width: 768px) {
.container ,.news-ticker-container,.header-container,.top-bar-container,.footer-container {max-width: 640px;}
.img-wrapper {height: 200px;}
.top-menu {display:none;}
.slider-wrapper {height: 420px;}
.slide-content {padding: 20px 25px;}
.slide-title {font-size: 22;}
.grid-container {grid-template-columns: repeat(2, 1fr);}
.footer-middle, .footer-bottom {flex-direction: column;gap: 20px;text-align: center;}
.post-breadcrumb {font-size: 12px;gap: 6px;padding: 8px 0;}
.breadcrumb-sep i {font-size: 12px;}
.meta-top {flex-direction: column;align-items: flex-start;}
.meta-left, .meta-center, .meta-right {width: 100%;}
.entry-title {font-size: 22px;}
.entry-subtitle {font-size: 14px;}
.entry-summary-custom {font-size: 14px;padding: 12px 15px;}
.post-meta-inline {gap: 15px;flex-direction: column;align-items: flex-start;}
.author-avatar {width: 28px;height: 28px;}
.author-name, .source-info {font-size: 13px;}
.custom-item-tags {flex-direction: column;gap: 10px;padding: 12px 0;}
.tags-label {font-size: 15px;}
.tag-item {padding: 4px 10px;font-size: 12px;}
.tag-item i {font-size: 10px;}
#gallery-1 .gallery-item dd {display:none;}
#gallery-1 .gallery-item {width:25% !important;}
#gallery-1 .gallery-item img {height:90px !important;border-radius:4px !important;}
}
/* ========================================================= */
/* 5. Size: 640px                                            */
/* ========================================================= */
@media (max-width: 640px) {
.container,.news-ticker-container,.header-container,.top-bar-container,.footer-container {max-width: 480px;padding-left: 10px;padding-right: 10px;}
#gallery-1 .gallery-item {width:33.333% !important;}
#gallery-1 .gallery-item img {height:100px !important;}
.slider-wrapper,.temp-cat-media,.img-wrapper {height:300px;}
.slide-title {font-size: 20px;}
.sp-controls {margin-top: 10px;display: flex;gap: 10px;align-items: center;justify-content: center;flex-wrap: wrap;text-align: center;}
.sp-now-title,.sp-item-title {font-size: 14px;}
.temp-cat-card {display: block;}
.temp-cat-media {width: 100%;margin-bottom: 15px;}
.temp-cat-content {padding: 5px 0;}
.post-card {border-radius: 0;padding: 0;border: none;border-bottom: 1px solid #eee;padding-bottom: 15px;}
.copyright {text-align: center;font-size: 14px;}
.copyright .sep {margin: 0;font-size: 0;width: 100%;display: block;}
.sp-now {flex-direction: column;}
.sp-now-cover {width: 150px;height: 150px;min-width: unset;margin: 0 auto;}
.grid-container {grid-template-columns: 1fr;}
.custom-modal-content {width: 95%;}
.modal-shortlink-box {flex-direction: column;}
.modal-shortlink-box input {width: 100%;}
.modal-copy-btn {width: 100%;justify-content: center;}
.depth-2 .comment-body {margin-right:0px;}
.depth-3 .comment-body {margin-right:0px;}
.comment-meta {position: relative;min-width: 100%;top: 0;padding: 5px;left: 0;}
.comment-author {margin-bottom: 15px;}
.comment-meta a {padding-left: 0;}
.comment-edit-link {display: none !important;}
.dl-list {font-size: 14px;}
.social-box-horizontal {gap: 5px;}
.social-icon-placeholder {width:26px;background-size: 20px 20px;}
.social-icon-placeholder {width:20px;background-size: 17px 17px;}
}
/* ========================================================= */
/* 6. Size: 480px                                            */
/* ========================================================= */
@media (max-width: 480px) {
.trust-badges {gap: 5px;}
#gallery-1 .gallery-item {width:50% !important;}
#gallery-1 .gallery-item img {height:130px !important;}
.badge img {width: 70px;}
.slider-wrapper,.temp-cat-media,.img-wrapper {height: 250px;}
.slide-title {font-size:18px;}
.btn-nav,.search-icon,.social-share-toggle {padding:15px 5px;width: 40px;}
.dot {width: 10px;height: 10px;}
.entry-title {font-size: 20px;}
.entry-summary-custom {font-size: 13px;padding: 10px 12px;}
.tags-list {gap: 8px;}
.tag-item {padding: 5px 8px;font-size: 14px;}
.search-container.active input[type="text"].search-input{width:230px;}
	.post-current p{font-size:15px;}
}
/* ========================================================= */
/* 7. Size: 350px                                            */
/* ========================================================= */
@media (max-width: 350px) {
.slider-wrapper,.temp-cat-media,.img-wrapper {height: 220px;}
.search-container.active input[type="text"].search-input{width:200px;}		
}