/*
Theme Name: News Kilasbanggai
Theme URI: https://kilasbanggai.com
Author: Zulkifli Abas
Author URI: https://kilasbanggai.com
Description: Tema berita modern untuk portal berita
Version: 1.0
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: news-kilasbanggai
Tags: news, blog, two-columns, right-sidebar, custom-menu, featured-images, sticky-post
*/

:root{--bt-theme:#1560ab;--bt-accent:#e31e24}
*,*::before,*::after{box-sizing:border-box}
html{overflow-y:scroll}
body{font-family:'Segoe UI',system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.6;color:#333;background:#fff;margin:0}
a{color:#1560ab;text-decoration:none}
a:hover{color:var(--bt-accent)}
img{max-width:100%;height:auto}
ul{list-style:none;margin:0;padding:0}

/* === CONTAINER === */
.bt-grid{max-width:1140px;margin:0 auto;padding:0 15px}

/* === TOP AD === */
.bt-topad{background:#f4f4f4;text-align:center;padding:10px 0}
.bt-topad .adslot{min-width:728px;min-height:90px;display:inline-block}

/* === HEADER AD === */
.bt-header-ad{text-align:center;background:#f9f9f9;border-bottom:1px solid #eee}
.bt-header-ad .bt-grid{padding-top:8px;padding-bottom:8px}
.bt-header-ad img{max-width:100%;height:auto;display:inline-block}
.bt-header-ad iframe{max-width:100%}
@media(max-width:768px){.bt-header-ad{display:block;padding-top:80px}}

/* === HEADER === */
.bt-header{background:#fff;border-bottom:1px solid #e0e0e0}
.bt-header .bt-grid{display:flex;align-items:center;padding:8px 15px;gap:15px}
.bt-logo{flex-shrink:0}
.bt-logo img{height:55px;width:auto;display:block}
.bt-search-wrap{flex:1;max-width:400px;margin:0 auto}
.bt-search-wrap form{display:flex}
.bt-search-wrap input{flex:1;padding:8px 16px;border:1px solid #ced4da;border-right:none;border-radius:25px 0 0 25px;font-size:14px;outline:none}
.bt-search-wrap input:focus{border-color:var(--bt-theme)}
.bt-search-wrap button{background:var(--bt-theme);color:#fff;border:none;padding:8px 18px;border-radius:0 25px 25px 0;cursor:pointer;font-size:14px}
.bt-search-wrap button:hover{opacity:.9}
.bt-head-right{display:flex;align-items:center;gap:12px;flex-shrink:0}
.bt-social{display:flex;align-items:center;gap:12px;flex-shrink:0}
.bt-social a{display:flex;align-items:center;opacity:.8}
.bt-social a:hover{opacity:1}
.bt-head-right a{display:flex;align-items:center}
.bt-date{font-size:12px;color:#666;white-space:nowrap}
.bt-user-icon img{width:32px;height:32px;border-radius:50%}

/* === MAIN NAV === */
#bt-nav-sticky{position:relative;z-index:1000}
.bt-nav{background:var(--bt-theme)}
.bt-nav .bt-grid{display:flex;align-items:center}
.bt-nav-menu{display:flex;align-items:center;gap:2px}
.bt-nav-menu>li{flex:0 0 auto}
.bt-nav-menu>li>a{display:flex;align-items:center;justify-content:center;padding:10px 14px;color:#fff;font-size:13px;font-weight:600;text-transform:uppercase;white-space:nowrap;height:42px}
.bt-nav-menu>li>a:hover,.bt-nav-menu>li.active>a{background:rgba(0,0,0,.15)}
.bt-home{flex:0!important}
.bt-home a{display:flex!important;align-items:center;justify-content:center;padding:12px 15px!important;height:44px}
.bt-home svg{fill:#fff}

/* === MEGA DROPDOWN === */
.bt-has-sub{position:relative}
.bt-has-sub>.bt-submenu{display:none;position:absolute;top:100%;left:0;background:#fff;border:1px solid #ddd;min-width:180px;z-index:999;box-shadow:0 4px 12px rgba(0,0,0,.15);border-radius:0 0 6px 6px}
.bt-has-sub:hover>.bt-submenu{display:block}
.bt-submenu li{border-bottom:1px solid #f0f0f0}
.bt-submenu li:last-child{border-bottom:none}
.bt-submenu a{display:block;padding:10px 15px;color:#333;font-size:13px;white-space:nowrap}
.bt-submenu a:hover{background:#f5f5f5;color:var(--bt-theme);text-decoration:none}

/* === SECONDARY NAV === */
.bt-subnav{background:#f0f0f0;border-bottom:1px solid #ddd}
.bt-subnav-menu{display:flex;justify-content:center;gap:30px;padding:8px 0;flex-wrap:wrap}
.bt-subnav-menu a{color:#333;font-size:13px;font-weight:600}
.bt-subnav-menu a:hover{color:var(--bt-theme)}
.bt-subnav-menu img{height:18px;width:auto;vertical-align:middle}

/* === STICKY === */
#bt-sticky-wrap.bt-sticky{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;z-index:1000!important;box-shadow:0 2px 10px rgba(0,0,0,.2)}
.bt-sticky+.bt-push{height:120px}
.admin-bar #bt-sticky-wrap.bt-sticky{top:32px!important}
@media(max-width:782px){.admin-bar #bt-sticky-wrap.bt-sticky{top:46px!important}}

/* === HEADLINE CAROUSEL === */
.bt-hl-wrap{background:#fff;border:1px solid #e0e0e0;border-radius:10px;overflow:hidden;margin-bottom:20px}
.bt-hl-big{margin-bottom:0;padding:15px}
.bt-hl-big a{display:flex;gap:20px;color:inherit;text-decoration:none;flex-direction:row}
.bt-hl-big-img{width:520px;flex-shrink:0;aspect-ratio:16/10;border-radius:10px;overflow:hidden;order:2}
.bt-hl-big-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.bt-hl-big a:hover .bt-hl-big-img img{transform:scale(1.02)}
.bt-hl-big-body{flex:1;min-width:0;order:1}
.bt-hl-big-body h2{font-size:26px;font-weight:700;line-height:1.2;color:#222;margin:6px 0}
.bt-hl-big-body p{font-size:14px;color:#666;line-height:1.5;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.bt-hl-time{font-size:11px;color:#999;margin-left:8px}
.bt-hl-smalls{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:0;padding:15px;border-top:1px solid #e0e0e0}
.bt-hl-small a{display:flex;gap:10px;color:inherit;text-decoration:none}
.bt-hl-small-img{width:130px;height:90px;flex-shrink:0;border-radius:8px;overflow:hidden}
.bt-hl-small-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.bt-hl-small a:hover .bt-hl-small-img img{transform:scale(1.05)}
.bt-hl-small-body{flex:1;min-width:0}
.bt-hl-small-body h3{font-size:15px;font-weight:600;line-height:1.3;color:#333;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:5px 0 0}
.bt-cat-badge{display:inline-block;border:1px solid var(--bt-theme);color:var(--bt-theme);font-size:11px;font-weight:700;padding:3px 10px;border-radius:20px;text-transform:uppercase}
.bt-cat-badge:hover{background:var(--bt-theme);color:#fff;text-decoration:none}

/* === THUMBNAIL STRIP === */
.bt-strip-wrap{margin-bottom:20px;margin-top:-15px;background:#fff;border-radius:0 0 10px 10px;padding:8px 0;display:none}
@media(max-width:768px){.bt-strip-wrap{display:block}}
.bt-strip-track{display:flex;gap:12px;padding:0 12px 5px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
.bt-strip-track::-webkit-scrollbar{display:none}
.bt-strip-item{flex:0 0 140px}
.bt-strip-item a{color:inherit;text-decoration:none}
.bt-strip-thumb{width:140px;height:90px;border-radius:8px;overflow:hidden;margin-bottom:4px;background:#f0f0f0}
.bt-strip-thumb img{width:100%;height:100%;object-fit:cover}
.bt-strip-cat{font-size:10px;font-weight:700;text-transform:uppercase;color:var(--bt-theme);display:block;margin-bottom:2px}
.bt-strip-title{font-size:12px;font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#333}
.bt-strip-item:hover .bt-strip-title{color:var(--bt-theme)}

/* === POPULAR WIDGET === */
.bt-widget{border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;background:#fff;margin-bottom:15px}
.bt-widget-title{background:var(--bt-theme);color:#fff;font-size:15px;font-weight:700;padding:12px 18px;margin:0;border-radius:8px 8px 0 0}
.bt-widget .bt-widget-title-wrap{display:flex;align-items:center;background:var(--bt-theme);color:#fff;padding:12px 18px;border-radius:8px 8px 0 0}
.bt-widget .bt-widget-title-wrap .bt-widget-title{background:transparent!important;padding:0!important;margin:0;font-size:15px;font-weight:700;flex:1}
.bt-widget .bt-widget-title{background:var(--bt-theme);color:#fff;font-size:15px;font-weight:700;padding:12px 18px;margin:0;border-radius:8px 8px 0 0}
.bt-widget-more{color:#fff;font-size:11px;font-weight:600;white-space:nowrap;opacity:.85}
.bt-widget-more:hover{color:#fff;opacity:1;text-decoration:underline}
.bt-popular{padding:0 15px 5px;display:flex;flex-direction:column;gap:4px}
.bt-popular__item{display:flex;gap:0;padding:12px;align-items:stretch;background:#f5f5f5;border-radius:4px}
.bt-popular__item:nth-child(even){background:#e8e8e8}
.bt-popular__num{font-size:32px;font-weight:800;color:var(--bt-theme);min-width:40px;text-align:center;padding-right:10px;border-right:1px solid #ccc;line-height:1;display:flex;align-items:center;justify-content:center}
.bt-popular__right{flex:1;padding-left:10px;display:flex;align-items:center}
.bt-popular__link{color:#333;text-decoration:none;display:block;width:100%}
.bt-popular__link:hover{color:var(--bt-theme)}
.bt-popular__title{font-weight:700;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

/* === SCROLL WIDGET === */
.bt-scroll-widget{margin-bottom:20px;padding:0 15px 15px;border:1px solid #eee;border-top:none;border-radius:0 0 8px 8px}
.bt-scroll-title{font-size:16px;font-weight:700;color:var(--bt-theme);margin-bottom:18px;padding-bottom:0;display:flex;align-items:center;gap:10px}
.bt-scroll-track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:15px 0 5px}
.bt-scroll-track::-webkit-scrollbar{height:4px}
.bt-scroll-track::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}
.bt-scroll-item{flex:0 0 170px;scroll-snap-align:start}
.bt-scroll-item a{color:inherit;text-decoration:none}
.bt-scroll-item:hover h4{color:var(--bt-theme)}
.bt-scroll-thumb{width:170px;height:115px;border-radius:8px;overflow:hidden;margin-bottom:8px}
.bt-scroll-item h4{font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#333}
.bt-cat-sm{font-size:10px!important;padding:2px 7px!important;margin-bottom:4px;display:inline-block}

/* === GRID WIDGET === */
.bt-grid-widget{margin-bottom:25px;background:#fff;border-radius:10px;padding:12px 20px 15px;box-shadow:0 1px 6px rgba(0,0,0,.08)}
.bt-grid-big{margin-bottom:15px}
.bt-grid-big a{display:flex;gap:20px;color:inherit;text-decoration:none}
.bt-grid-big a:hover h2{color:var(--bt-theme)}
.bt-grid-big-img{width:380px;flex-shrink:0;aspect-ratio:16/10;border-radius:8px;overflow:hidden}
.bt-grid-big-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.bt-grid-big a:hover .bt-grid-big-img img{transform:scale(1.05)}
.bt-grid-big-text{flex:1;min-width:0}
.bt-grid-big-text h2{font-weight:700;line-height:1.25;color:#222;margin:6px 0}
.bt-grid-smalls{display:grid;grid-template-columns:1fr 1fr 1fr;gap:15px;margin-top:15px}
.bt-grid-small a{display:flex;gap:10px;color:inherit;text-decoration:none;align-items:flex-start}
.bt-grid-small a:hover h4{color:var(--bt-theme)}
.bt-grid-small-img{width:90px;height:68px;flex-shrink:0;border-radius:5px;overflow:hidden}
.bt-grid-small-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.bt-grid-small a:hover .bt-grid-small-img img{transform:scale(1.05)}
.bt-grid-small-text{flex:1;min-width:0}
.bt-grid-small-text h4{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:600;line-height:1.3;color:#333}

/* === SIDEBAR LIST WIDGET === */
.bt-sidelist{display:flex;flex-direction:column;padding:5px 15px 15px}
.bt-sidelist-item{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid #eee;color:#333;align-items:flex-start}
.bt-sidelist-item:last-child{border-bottom:none}
.bt-sidelist-item:hover{color:var(--bt-theme);text-decoration:none}
.bt-sidelist-thumb{width:85px;height:85px;flex-shrink:0;border-radius:8px;overflow:hidden}
.bt-sidelist-text{flex:1;min-width:0}
.bt-sidelist-title{font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color:#333}
.bt-sidelist-item:hover .bt-sidelist-title{color:var(--bt-theme)}

/* === MAIN CONTENT === */
.bt-main{padding:20px 0}
.bt-main .bt-grid{display:flex;gap:25px}
.bt-main .bt-grid,.bt-header .bt-grid{max-width:1140px;margin:0 auto;padding-left:15px;padding-right:15px}
.bt-content{flex:1;min-width:0}
.bt-sidebar{width:330px;flex-shrink:0;position:sticky;top:130px;align-self:flex-start}

/* === MOBILE MENU === */
.bt-menu-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:5px;z-index:10}
.bt-menu-toggle svg{display:block;color:var(--bt-theme)}
.bt-menu-toggle svg line{transition:.3s}
.bt-menu-toggle.active .hl1{transform:translateY(6px) rotate(45deg);transform-origin:12px 12px}
.bt-menu-toggle.active .hl2{opacity:0}
.bt-menu-toggle.active .hl3{transform:translateY(-6px) rotate(-45deg);transform-origin:12px 12px}
.bt-mobile-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:1000}
.bt-mobile-overlay.active{display:block}
.bt-mobile-panel{position:fixed;top:0;left:-300px;width:280px;height:100%;background:#fff;z-index:1001;transition:left .3s;overflow-y:auto;padding:50px 20px 20px}
.bt-mobile-panel.active{left:0}
.bt-mobile-close{position:absolute;top:12px;right:12px;background:none;border:none;font-size:13px;color:var(--bt-theme);cursor:pointer;font-weight:600;padding:5px 10px}
.bt-mobile-close:hover{color:#333}
.bt-mobile-panel-search{margin-bottom:15px}
.bt-mobile-search-inner{display:flex;border:1px solid #ddd;border-radius:25px;overflow:hidden}
.bt-mobile-search-inner input{flex:1;padding:10px 14px;border:none;font-size:13px;font-family:inherit;outline:none;min-width:0}
.bt-mobile-search-inner button{background:var(--bt-theme);border:none;padding:10px 14px;cursor:pointer;flex-shrink:0}
.bt-mobile-search-inner button:hover{opacity:.9}
.bt-mobile-panel-search input{width:auto!important;border-radius:0!important}
.bt-mobile-menu{list-style:none;margin:0 0 20px;padding:0}
.bt-mobile-menu li{border-bottom:1px solid #f0f0f0}
.bt-mobile-menu a{display:block;padding:12px 0;color:#333;font-size:14px;font-weight:600;text-decoration:none}
.bt-mobile-menu .menu-item-has-children>a:after{content:' ▾';float:right;font-size:12px}
.bt-mobile-submenu{display:none;list-style:none;margin:0 0 8px;padding:0 0 0 15px}
.bt-mobile-submenu.open{display:block}
.bt-mobile-submenu li{border-bottom:1px solid #f5f5f5}
.bt-mobile-submenu a{font-size:13px;font-weight:400;color:#666;padding:8px 0}
.bt-mobile-social{display:flex;gap:10px;padding-top:15px;border-top:1px solid #eee}
.bt-mobile-social a{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#f0f0f0}

/* === LIST ARTICLES === */
.bt-list-item{display:flex;gap:20px;margin-bottom:25px;padding-bottom:20px;border-bottom:1px solid #e0e0e0}
.bt-list-thumb{width:200px;flex-shrink:0}
.bt-list-thumb-inner{position:relative;width:100%;padding-bottom:75%;border-radius:8px;overflow:hidden}
.bt-list-thumb-inner img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
.bt-list-body{flex:1;min-width:0}
.bt-list-body .bt-cat-badge{margin-bottom:4px;display:inline-block}
.bt-list-date{color:#999;font-size:12px;margin-left:8px}
.bt-list-title{font-size:20px;margin:8px 0;line-height:1.3}
.bt-list-title a{color:#222;text-decoration:none}
.bt-list-title a:hover{color:var(--bt-theme)}
.bt-list-excerpt{color:#666;font-size:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bt-load-more{text-align:center;margin:25px 0}
.bt-load-more a{display:inline-block;background:var(--bt-theme);color:#fff;font-weight:600;padding:10px 40px;border-radius:30px;font-size:14px;text-decoration:none}
.bt-load-more a:hover{opacity:.9;color:#fff}

.bt-breadcrumb{font-size:12px;color:#999;margin-bottom:12px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.bt-breadcrumb a{color:var(--bt-theme);text-decoration:none}
.bt-breadcrumb a:hover{text-decoration:underline}
.bt-breadcrumb-sep{color:#ccc}
.bt-breadcrumb-current{color:#666}

/* === SINGLE ARTICLE === */
.bt-single-article{background:#fff;border-radius:8px}
.bt-single-meta{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:20px;padding:0}
.bt-single-date{color:#999;font-size:13px;display:flex;align-items:center;gap:8px}
.bt-single-date svg{flex-shrink:0;vertical-align:middle}
.bt-meta-date,.bt-meta-author{display:inline-flex;align-items:center;gap:5px}
.bt-author-avatar{border-radius:50%;display:inline-block}
.bt-meta-sep{color:#ccc}
.bt-share-box{display:flex;align-items:center;gap:0;width:100%;margin-bottom:15px;padding-top:12px;border-top:1px solid #ddd}
.bt-share-label{display:none}
.bt-share-btn{display:flex;align-items:center;justify-content:center;flex:1;height:40px;border-right:1px solid #ddd;background:none!important;transition:opacity .2s}
.bt-share-btn:last-child{border-right:none}
.bt-share-btn svg{width:20px;height:20px}
.bt-share-btn:hover{opacity:.7}
.bt-featured-img{margin-bottom:20px;border-radius:8px;overflow:hidden}
.bt-featured-img img{width:100%;height:auto;display:block}
.bt-featured-caption{font-size:11px;color:#999;margin:6px 0 4px;padding-bottom:4px;border-bottom:1px solid #e0e0e0}
.bt-font-control{display:flex;align-items:center;gap:5px;margin-bottom:20px}
.bt-font-label{font-size:11px;color:#999}
.bt-article-content{font-size:17px;line-height:1.8;color:#333}
.bt-article-content p{margin-bottom:15px}
.bt-tags-wrap{margin-top:30px;padding-top:20px;border-top:1px solid #e0e0e0}
.bt-tags-label{font-weight:700;margin-right:8px}
.bt-tags-wrap a{display:inline-block;color:var(--bt-theme);border:1px solid var(--bt-theme);padding:4px 14px;border-radius:20px;font-size:12px;margin:3px 4px 3px 0;text-decoration:none;transition:all .2s}
.bt-tags-wrap a:hover{background:var(--bt-theme);color:#fff}
.bt-related-wrap{margin-top:30px}
.bt-related-title{font-size:18px;font-weight:700;color:var(--bt-theme);margin-bottom:15px}
.bt-related-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:15px;padding:15px 0}
.bt-related-item a{color:inherit;text-decoration:none}
.bt-related-item h4{font-size:13px;font-weight:600;line-height:1.3;color:#333;margin-top:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bt-related-item a:hover h4{color:var(--bt-theme)}
.bt-related-thumb{width:100%;aspect-ratio:16/9;border-radius:8px;overflow:hidden;margin-bottom:6px;background:#f0f0f0}
.bt-related-thumb img{width:100%;height:100%;object-fit:cover}
.bt-related-cat{color:var(--bt-theme);font-size:10px;font-weight:700;text-transform:uppercase}

/* === PAGE === */
.bt-page-article{background:#fff;padding:20px;border-radius:8px}
.bt-page-title{font-size:28px;line-height:1.2;margin-bottom:15px}
.bt-page-content{font-size:16px;line-height:1.8;color:#333}

/* === ARCHIVE === */
.bt-archive-header{background:#fff;padding:20px;border-radius:8px;margin-bottom:20px}
.bt-archive-title{font-size:22px;color:#222;margin:0}
.bt-archive-desc{color:#666;font-size:13px;margin:5px 0 0}
.bt-pagination{margin:25px 0;display:flex;justify-content:center;gap:5px}
.bt-pagination a,.bt-pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;border:1px solid #ddd;border-radius:6px;font-size:13px;color:#333;text-decoration:none;background:#fff}
.bt-pagination a:hover{background:var(--bt-theme);color:#fff;border-color:var(--bt-theme)}
.bt-pagination .current{background:var(--bt-theme);color:#fff;border-color:var(--bt-theme)}

/* === FOOTER === */
.bt-footer{background:#1a1a2e;color:#ccc;padding:30px 0;margin-top:40px}
.bt-footer .bt-grid{text-align:center}
.bt-footer .bt-grid .bt-social{display:inline-flex;gap:10px}
.bt-footer .bt-grid .bt-social svg{fill:#fff}
.bt-footer-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px;margin-bottom:10px}
.bt-footer-copy{font-size:11px;color:#fff;text-align:left}

/* === COMMENTS === */
.bt-comments-wrap{margin-top:30px;background:#fff;padding:25px;border-radius:8px;border:1px solid #e8e8e8}
.bt-comments-title{font-size:20px;font-weight:700;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid var(--bt-theme);display:inline-block}
.bt-comment-item{display:flex;gap:12px;padding:15px 0;border-bottom:1px solid #f0f0f0}
.bt-comment-avatar{flex-shrink:0}
.bt-comment-avatar img{border-radius:50%}
.bt-comment-body{flex:1;min-width:0}
.bt-comment-author{font-weight:700;font-size:14px;margin-bottom:4px}
.bt-comment-date{font-size:11px;color:#999;margin-bottom:8px}
.bt-comment-text{font-size:14px;line-height:1.6;color:#444}
.bt-comment-reply{margin-top:8px;font-size:12px}
.bt-comment-form-wrap{background:#f9f9f9;padding:20px;border-radius:8px;margin-top:15px;border:none!important}
.bt-comment-form-wrap input,.bt-comment-form-wrap textarea,.comment-form input,.comment-form textarea,.comment-form .form-control{border:none!important;box-shadow:none!important;border-radius:6px!important;background:#fff;outline:none!important}
.bt-comment-form-wrap input:focus,.bt-comment-form-wrap textarea:focus,.comment-form input:focus,.comment-form textarea:focus{border:none!important;outline:none!important;box-shadow:0 0 0 2px var(--bt-theme)!important}
.comment-form fieldset,.comment-form legend{border:none!important;padding:0!important;margin:0!important}
.bt-comment-fields{display:flex;gap:10px;margin-bottom:10px}
.bt-comment-input{padding:10px 14px;border:1px solid #ddd;border-radius:6px;font-size:14px;font-family:inherit;width:100%}
.bt-comment-textarea{width:100%;padding:12px 14px;border:1px solid #ddd;border-radius:6px;font-size:14px;font-family:inherit;resize:vertical}
.bt-submit-btn{margin-top:10px;background:var(--bt-theme);color:#fff;border:none;padding:10px 30px;border-radius:30px;font-size:14px;font-weight:600;cursor:pointer}
.bt-submit-btn:hover{opacity:.9}

/* === 404 === */
.bt-404{text-align:center;padding:80px 20px}
.bt-404 h1{font-size:72px;color:var(--bt-theme);margin:0 0 10px;line-height:1}
.bt-404 p{font-size:18px;color:#666;margin-bottom:25px}
.bt-404 a{display:inline-block;background:var(--bt-theme);color:#fff;padding:12px 35px;border-radius:30px;font-size:14px;font-weight:600;text-decoration:none}
.bt-404 a:hover{opacity:.9}
.bt-no-scroll{overflow:hidden}
.bt-mobile-scroll-menu{display:none;background:#fff;border-bottom:1px solid #e0e0e0;overflow:hidden}
.bt-mobile-scroll-menu ul{display:flex;list-style:none;margin:0;padding:0;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}
.bt-mobile-scroll-menu ul::-webkit-scrollbar{display:none}
.bt-mobile-scroll-menu li{flex-shrink:0;position:relative;display:flex;align-items:center}
.bt-mobile-scroll-menu li+li::before{content:'';width:1px;height:16px;background:#ccc;margin-right:0}
.bt-mobile-scroll-menu a{display:block;padding:8px 14px;color:#333;font-size:12px;font-weight:600;text-transform:capitalize;text-decoration:none}
.bt-mobile-scroll-menu a:hover{color:var(--bt-theme)}
@media(max-width:768px){
.bt-menu-toggle{display:flex}
.bt-search-toggle{display:flex}
.bt-header .bt-grid{gap:12px;padding:10px 15px}
.bt-search-wrap{display:none}
.bt-social{display:none}
.bt-head-right{display:none}
.bt-nav{display:none}
.bt-subnav{display:none}
.bt-logo{margin:0}
.bt-logo img{height:36px!important}
.bt-header .bt-grid{position:relative}
.bt-menu-toggle{position:absolute;right:15px;top:50%;transform:translateY(-50%)}
.bt-mobile-scroll-menu{display:block;z-index:999}
 #bt-sticky-wrap{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;z-index:1000!important}
 #bt-sticky-wrap.bt-sticky{box-shadow:0 2px 10px rgba(0,0,0,.2)}
 .admin-bar #bt-sticky-wrap{top:46px!important}
 .bt-main{padding-top:100px!important}
 .admin-bar .bt-main{padding-top:146px!important}
 .bt-main .bt-grid{padding-top:10px}
 .bt-hl-wrap{margin-top:0}
 .bt-push,.bt-sticky+.bt-push{height:0!important}
.bt-hl-big a{flex-direction:column;gap:0;position:relative;display:block}
.bt-hl-big-img{width:100%;margin-left:0;margin-right:0;order:1;border-radius:8px;overflow:hidden;position:relative}
.bt-hl-big-body{order:2;position:absolute;bottom:0;left:0;right:0;padding:40px 15px 10px;background:linear-gradient(transparent,rgba(0,0,0,.8));color:#fff;z-index:1;border-radius:0 0 8px 8px}
.bt-hl-big-body h2{font-size:18px;color:#fff;margin:0;line-height:1.2}
.bt-hl-big .bt-cat-badge{border-color:#fff!important;color:#fff!important}
.bt-hl-big-body p{display:none}
.bt-hl-big-img img{aspect-ratio:4/3}
.bt-hl-smalls{display:none!important}
.bt-hl-small{flex:auto;min-width:0;scroll-snap-align:none}
.bt-hl-wrap{border:none!important;border-radius:0!important;overflow:visible;background:transparent}
.bt-hl-big{padding:0}
.bt-hl-small a{flex-direction:column;gap:0;position:relative;display:block}
.bt-hl-small-img{width:100%;height:auto;aspect-ratio:4/3;border-radius:6px;overflow:hidden}
.bt-hl-small-body{position:absolute;bottom:0;left:0;right:0;padding:30px 10px 8px;background:linear-gradient(transparent,rgba(0,0,0,.75));color:#fff}
.bt-hl-small-body h3{font-size:12px;color:#fff;margin:0}
.bt-hl-small .bt-cat-badge{color:#fff!important}
.bt-hl-big .bt-cat-badge{color:#fff!important;border-color:#fff!important}
.bt-hl-small .bt-cat-badge,.bt-hl-big .bt-cat-badge{border:none!important;padding:0!important;background:none!important;font-size:10px}
.bt-main .bt-grid{flex-direction:column}
.bt-grid{padding:0 12px}
.bt-sidebar{width:100%}
.bt-list-thumb{width:90px!important}
.bt-list-thumb-inner{padding-bottom:100%!important;border-radius:6px!important}
.bt-list-title{font-size:16px!important;display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
.bt-list-item{gap:12px}
.bt-list-body .bt-cat-badge{border:none!important;padding:0!important;font-size:10px!important}
.bt-list-date{font-size:10px;margin-left:4px}
.bt-list-excerpt{display:none!important}
.bt-scroll-track{flex-wrap:wrap!important;display:grid!important;grid-template-columns:1fr 1fr;gap:10px;overflow:visible!important;padding:10px 0}
.bt-scroll-item{flex:auto!important;scroll-snap-align:none}
.bt-scroll-item:nth-child(n+5){display:none}
.bt-scroll-item .bt-cat-badge,.bt-scroll-item .bt-cat-sm{border:none!important;padding:0!important;border-radius:0!important;background:none!important;font-size:10px!important;position:relative;padding-bottom:4px!important}
.bt-scroll-item .bt-cat-badge::after,.bt-scroll-item .bt-cat-sm::after{content:'';position:absolute;bottom:0;left:0;width:14px;height:2px;background:var(--bt-theme)}
.bt-scroll-item a{display:flex;flex-direction:column;height:100%}
.bt-scroll-thumb{width:100%!important;height:auto!important;aspect-ratio:16/9}
.bt-scroll-item h4{flex:1}
.bt-scroll-widget{border:none!important;padding:0!important;border-radius:0!important}
.bt-grid-smalls{grid-template-columns:1fr}
.bt-grid-big a{flex-direction:column;position:relative;display:block}
.bt-grid-big-img{width:100%;border-radius:8px;overflow:hidden;position:relative}
.bt-grid-big-text{position:absolute;bottom:0;left:0;right:0;padding:30px 12px 10px;background:linear-gradient(transparent,rgba(0,0,0,.75));color:#fff;border-radius:0 0 8px 8px}
.bt-grid-big-text h2{font-size:18px;color:#fff;margin:0;line-height:1.2}
.bt-grid-big-text p{display:none}
.bt-grid-big-text .bt-cat-badge,.bt-grid-small .bt-cat-badge{display:none!important}
.bt-grid-small a{flex-direction:row;gap:10px}
.bt-grid-small-img{width:80px;height:60px;flex-shrink:0}
.bt-grid-small-text h4{font-size:12px}
.bt-related-grid{grid-template-columns:1fr 1fr}
.bt-related-item:nth-child(n+5){display:none}
.bt-single-title{font-size:22px!important}
.bt-single-meta{flex-direction:row;align-items:center;flex-wrap:nowrap;gap:5px}
.bt-single-date{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bt-share-box{flex-shrink:0;padding:3px 8px}
.bt-share-btn{width:22px;height:22px}
.bt-share-btn svg{width:10px;height:10px}
.bt-share-label{font-size:9px}
.bt-list-title{font-size:16px!important}
.bt-page-title{font-size:22px;text-align:center}
.bt-archive-title{font-size:18px}
}
@media(max-width:480px){
.bt-mobile-logo img{height:30px!important}
.bt-hl-big-body h2{font-size:16px;margin:0;line-height:1.2}
.bt-hl-small-img{width:100%!important;height:auto!important;aspect-ratio:4/3!important}
.bt-hl-small-body h3{font-size:12px}
.bt-featured-img{margin:0 -20px 20px!important;border-radius:0!important}
.bt-featured-caption{padding-left:15px;padding-right:15px}
.bt-footer-menu{gap:5px 12px;justify-content:center!important}
.bt-footer-row{justify-content:center!important;flex-direction:column!important;text-align:center!important}
.bt-footer-copy{text-align:center!important}
footer .bt-grid>div:first-child{justify-content:center!important}
.bt-comment-fields{flex-direction:column}
}
.bt-font-btn{width:28px;height:28px;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer;font-size:12px;font-weight:700;color:#555;display:inline-flex;align-items:center;justify-content:center;padding:0;line-height:1}
.bt-font-btn:hover{background:#f0f0f0;border-color:var(--bt-theme);color:var(--bt-theme)}
/* === FOOTER === */
.bt-footer-menu{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:5px 20px;list-style:none;margin:0;padding:0}
.bt-footer-menu a{color:#ccc;font-size:13px}
.bt-footer-menu a:hover{color:#fff;text-decoration:underline}
.bt-page-links{clear:both;padding:15px 0;text-align:center}
.bt-page-links span{display:inline-block;padding:4px 12px;margin:0 2px;background:var(--bt-theme);color:#fff;border-radius:4px;font-size:14px}
.bt-page-links a span{background:#f0f0f0;color:#333}
.bt-page-links a:hover span{background:var(--bt-theme);color:#fff}