/*
Theme Name: TST News
Theme URI: https://tstnews.in
Author: TST News Team
Author URI: https://tstnews.in
Description: Professional, mobile-app-style, SEO optimized WordPress news theme for tstnews.in — built for WWE, Cricket & Football news. AdSense-ready, fast, Google-Image-Search optimized featured images.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: tstnews
Tags: news, sports, blog, one-column, two-columns, right-sidebar, custom-logo, custom-menu, featured-images, sticky-post, threaded-comments, translation-ready
*/

/* ==========================================================================
   0. ROOT VARIABLES / DESIGN TOKENS
   ========================================================================== */
:root{
  --tst-red:#e50914;        /* WWE accent */
  --tst-green:#0a8a3f;      /* Cricket accent */
  --tst-blue:#0057d9;       /* Football accent */
  --tst-dark:#0d1117;
  --tst-dark-2:#161b22;
  --tst-text:#1a1a1a;
  --tst-text-light:#5a5a5a;
  --tst-bg:#ffffff;
  --tst-card-bg:#ffffff;
  --tst-border:#e7e9ec;
  --tst-white:#ffffff;
  --tst-header-bg:#ffffff;
  --tst-shadow:0 2px 10px rgba(0,0,0,.06);
  --tst-shadow-lg:0 8px 24px rgba(0,0,0,.10);
  --tst-radius:14px;
  --tst-radius-sm:8px;
  --tst-header-h:60px;
  --tst-bottomnav-h:60px;
  --tst-font-head:'Poppins', 'Segoe UI', sans-serif;
  --tst-font-body:'Inter', 'Segoe UI', sans-serif;
  --tst-maxw:1240px;
}

/* ==========================================================================
   1. RESET
   ========================================================================== */
*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:hidden;width:100%;}
body{
  margin:0;
  font-family:var(--tst-font-body);
  color:var(--tst-text);
  background:var(--tst-bg);
  line-height:1.6;
  font-size:16px;
  -webkit-font-smoothing:antialiased;
  padding-bottom:var(--tst-bottomnav-h);
  overflow-x:hidden;
  width:100%;
  max-width:100vw;
  position:relative;
}
img{max-width:100%;height:auto;display:block;}
a{color:inherit;text-decoration:none;}
ul{list-style:none;margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-family:var(--tst-font-head);font-weight:700;line-height:1.25;margin:0 0 .5em;color:#111;}
button{font-family:inherit;cursor:pointer;}
.tst-container{max-width:var(--tst-maxw);margin:0 auto;padding:0 16px;width:100%;box-sizing:border-box;}
.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden;}

/* ==========================================================================
   2. TOP HEADER (App-style)
   ========================================================================== */
.tst-header{
  position:relative;
  background:var(--tst-header-bg);
  border-bottom:1px solid var(--tst-border);
  box-shadow:var(--tst-shadow);
}
.tst-header-top{
  display:flex;align-items:center;justify-content:space-between;
  height:var(--tst-header-h);
  padding:0 14px;
}
.tst-logo{display:flex;align-items:center;gap:8px;font-family:var(--tst-font-head);font-weight:800;font-size:22px;color:var(--tst-dark);}
.tst-logo img{max-height:36px;width:auto;}
.tst-logo span.accent{color:var(--tst-red);}
.tst-header-actions{display:flex;align-items:center;gap:14px;}
.tst-icon-btn{background:none;border:none;padding:6px;display:flex;color:var(--tst-dark);}
.tst-icon-btn svg{width:22px;height:22px;}

/* category pill scroller - app style */
.tst-cat-scroller{
  display:flex;gap:8px;overflow-x:auto;padding:8px 14px 12px;
  -ms-overflow-style:none;scrollbar-width:none;
}
.tst-cat-scroller::-webkit-scrollbar{display:none;}
.tst-cat-pill{
  flex:0 0 auto;padding:7px 16px;border-radius:999px;font-size:13px;font-weight:600;
  background:var(--tst-bg);color:var(--tst-text);white-space:nowrap;border:1px solid var(--tst-border);
}
.tst-cat-pill.wwe.active,.tst-cat-pill.wwe:hover{background:var(--tst-red);color:#fff;border-color:var(--tst-red);}
.tst-cat-pill.cricket.active,.tst-cat-pill.cricket:hover{background:var(--tst-green);color:#fff;border-color:var(--tst-green);}
.tst-cat-pill.football.active,.tst-cat-pill.football:hover{background:var(--tst-blue);color:#fff;border-color:var(--tst-blue);}
.tst-cat-pill.home.active{background:var(--tst-dark);color:#fff;border-color:var(--tst-dark);}

/* desktop primary menu, hidden on mobile */
.tst-primary-menu{display:none;}

/* search overlay */
.tst-search-overlay{
  position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:1200;
  display:none;align-items:flex-start;justify-content:center;padding-top:70px;
}
.tst-search-overlay.open{display:flex;}
.tst-search-box{background:#fff;width:92%;max-width:560px;border-radius:var(--tst-radius);padding:16px;box-shadow:var(--tst-shadow-lg);}
.tst-search-box form{display:flex;gap:8px;}
.tst-search-box input[type="search"]{flex:1;padding:12px 14px;border:1px solid var(--tst-border);border-radius:10px;font-size:15px;}
.tst-search-box button{background:var(--tst-red);color:#fff;border:none;padding:0 18px;border-radius:10px;font-weight:600;}

/* ==========================================================================
   3. BOTTOM APP NAV (mobile only)
   ========================================================================== */
.tst-bottom-nav{
  position:fixed;left:0;right:0;bottom:0;z-index:1000;
  display:flex;background:var(--tst-white);
  border-top:1px solid var(--tst-border);
  box-shadow:0 -2px 12px rgba(0,0,0,.08);
  height:var(--tst-bottomnav-h);
}
.tst-bottom-nav a{
  flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:2px;font-size:11px;font-weight:600;color:var(--tst-text-light);
}
.tst-bottom-nav a svg{width:22px;height:22px;}
.tst-bottom-nav a.active{color:var(--tst-red);}
.tst-bottom-nav a.wwe.active{color:var(--tst-red);}
.tst-bottom-nav a.cricket.active{color:var(--tst-green);}
.tst-bottom-nav a.football.active{color:var(--tst-blue);}

/* ==========================================================================
   4. LAYOUT / GRID
   ========================================================================== */
.tst-main-wrap{max-width:var(--tst-maxw);margin:0 auto;padding:10px 12px 24px;overflow-x:hidden;}
.tst-layout{display:block;max-width:100%;}
.tst-content-col{width:100%;}
.tst-sidebar-col{display:none;}

/* Breaking / Hero strip */
.tst-hero{margin-bottom:18px;}
.tst-hero-main{position:relative;border-radius:var(--tst-radius);overflow:hidden;box-shadow:var(--tst-shadow);}
.tst-hero-main img{width:100%;aspect-ratio:16/9;object-fit:cover;}
.tst-hero-overlay{position:absolute;left:0;right:0;bottom:0;padding:16px 14px;background:linear-gradient(0deg,rgba(0,0,0,.85),rgba(0,0,0,0));}
.tst-hero-overlay h2{color:#fff;font-size:19px;margin:6px 0 0;}
.tst-badge{display:inline-block;padding:3px 10px;border-radius:6px;font-size:11px;font-weight:700;letter-spacing:.4px;color:#fff;text-transform:uppercase;}
.tst-badge.wwe{background:var(--tst-red);}
.tst-badge.cricket{background:var(--tst-green);}
.tst-badge.football{background:var(--tst-blue);}

/* Section headings */
.tst-section-title{
  display:flex;align-items:center;justify-content:space-between;
  margin:26px 0 12px;
}
.tst-section-title h2{font-size:19px;margin:0;position:relative;padding-left:12px;}
.tst-section-title h2::before{content:"";position:absolute;left:0;top:2px;bottom:2px;width:5px;border-radius:3px;background:var(--tst-red);}
.tst-section-title.cricket h2::before{background:var(--tst-green);}
.tst-section-title.football h2::before{background:var(--tst-blue);}
.tst-section-title a{font-size:13px;font-weight:600;color:var(--tst-red);}

/* News card grid - app style feed */
.tst-news-grid{display:grid;grid-template-columns:1fr;gap:14px;}
.tst-card{
  background:var(--tst-card-bg);border-radius:var(--tst-radius);overflow:hidden;
  box-shadow:var(--tst-shadow);border:1px solid var(--tst-border);
  display:flex;flex-direction:column;
}
.tst-card .tst-thumb{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#eee;}
.tst-card .tst-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease;}
.tst-card:hover .tst-thumb img{transform:scale(1.05);}
.tst-card .tst-thumb .tst-badge{position:absolute;top:10px;left:10px;}
.tst-card-body{padding:12px 14px 14px;}
.tst-card-body h3{font-size:16px;margin:6px 0 8px;}
.tst-card-body h3 a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.tst-meta{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--tst-text-light);}
.tst-meta svg{width:13px;height:13px;vertical-align:-2px;margin-right:3px;}
.tst-excerpt{font-size:13.5px;color:var(--tst-text-light);margin-top:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}

/* horizontal list style (compact, app-feed) */
.tst-list-row{display:flex;gap:12px;background:var(--tst-card-bg);border:1px solid var(--tst-border);border-radius:var(--tst-radius-sm);padding:10px;margin-bottom:10px;}
.tst-list-row .tst-thumb{flex:0 0 110px;width:110px;aspect-ratio:16/10;border-radius:8px;overflow:hidden;}
.tst-list-row .tst-thumb img{width:100%;height:100%;object-fit:cover;}
.tst-list-row .tst-list-body{flex:1;min-width:0;}
.tst-list-row h3{font-size:14px;margin:0 0 6px;}
.tst-list-row h3 a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}

/* Ad slot */
.tst-ad-slot{margin:16px 0;text-align:center;background:#eef0f3;border:1px dashed #c7cbd1;border-radius:10px;padding:8px;min-height:0;font-size:11px;color:#8a8f98;overflow:hidden;line-height:1.4;width:100%;max-width:100%;box-sizing:border-box;}
.tst-ad-slot:empty{display:none;}
.tst-ad-slot span{display:block;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px;font-size:10px;}
.tst-ad-slot ins,.tst-ad-slot iframe{max-width:100%;width:100% !important;}

/* Pagination */
.tst-pagination{display:flex;justify-content:center;gap:6px;margin:24px 0;flex-wrap:wrap;}
.tst-pagination a,.tst-pagination span{padding:8px 13px;border-radius:8px;background:#fff;border:1px solid var(--tst-border);font-size:13px;font-weight:600;}
.tst-pagination .current{background:var(--tst-red);color:#fff;border-color:var(--tst-red);}

/* ==========================================================================
   5. SINGLE ARTICLE
   ========================================================================== */
.tst-single-header{padding:16px 0 10px;}
.tst-single-header h1{font-size:23px;}
.tst-single-subtitle{font-size:15px;color:var(--tst-text-light);line-height:1.5;margin:8px 0 10px;font-family:var(--tst-font-body);}
.tst-single-thumb{border-radius:var(--tst-radius);overflow:hidden;margin:12px 0;box-shadow:var(--tst-shadow);}
.tst-single-thumb img{width:100%;height:auto;object-fit:cover;}
.tst-single-content{font-size:16px;color:#232323;max-width:100%;overflow-wrap:break-word;word-wrap:break-word;}
.tst-single-content iframe,.tst-single-content video,.tst-single-content embed,.tst-single-content object{max-width:100%;}
.tst-single-content table{max-width:100%;display:block;overflow-x:auto;}
.tst-single-content pre{max-width:100%;overflow-x:auto;white-space:pre-wrap;word-wrap:break-word;}

/* Responsive video embeds (YouTube etc.) — always correct 16:9 size, mobile & desktop */
.tst-embed-responsive{position:relative;width:100%;max-width:100%;padding-bottom:56.25%;height:0;overflow:hidden;margin:16px 0;border-radius:10px;}
.tst-embed-responsive iframe,
.tst-embed-responsive object,
.tst-embed-responsive embed{position:absolute;top:0;left:0;width:100% !important;height:100% !important;border:0;}
.tst-single-content p{margin:0 0 16px;}
.tst-single-content h2{font-size:20px;margin-top:26px;}
.tst-single-content h3{font-size:18px;margin-top:20px;}
.tst-single-content img{border-radius:10px;margin:14px 0;}
.tst-single-content blockquote{border-left:4px solid var(--tst-red);padding:8px 16px;background:#fbfbfb;font-style:italic;margin:16px 0;}
.tst-share-bar{display:flex;gap:10px;margin:18px 0;flex-wrap:wrap;}
.tst-share-bar a{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:var(--tst-bg);border:1px solid var(--tst-border);}
.tst-share-bar a svg{width:17px;height:17px;}
.tst-tags{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0;}
.tst-tags a{background:var(--tst-bg);border:1px solid var(--tst-border);padding:5px 12px;border-radius:999px;font-size:12px;}
.tst-author-box{display:flex;gap:12px;align-items:center;background:var(--tst-card-bg);border:1px solid var(--tst-border);border-radius:var(--tst-radius);padding:14px;margin:20px 0;}
.tst-author-box img{width:52px;height:52px;border-radius:50%;object-fit:cover;}
.tst-related-title{margin-top:30px;}

/* ==========================================================================
   6. SIDEBAR / WIDGETS
   ========================================================================== */
.widget{background:var(--tst-card-bg);border:1px solid var(--tst-border);border-radius:var(--tst-radius);padding:16px;margin-bottom:18px;}
.widget-title{font-size:15px;text-transform:uppercase;letter-spacing:.4px;border-bottom:2px solid var(--tst-red);padding-bottom:8px;margin-bottom:12px;}
.widget ul li{padding:8px 0;border-bottom:1px solid var(--tst-border);font-size:13.5px;}
.widget ul li:last-child{border-bottom:none;}

/* ==========================================================================
   7. FOOTER
   ========================================================================== */
.tst-footer{background:var(--tst-dark);color:#c7ccd4;margin-top:30px;padding:30px 0 20px;}
.tst-footer .tst-container{display:grid;grid-template-columns:1fr;gap:24px;}
.tst-footer h4{color:#fff;font-size:15px;margin-bottom:12px;}
.tst-footer a{color:#c7ccd4;font-size:13.5px;}
.tst-footer ul li{margin-bottom:8px;}
.tst-footer-bottom{border-top:1px solid #2a2f38;margin-top:20px;padding-top:16px;text-align:center;font-size:12.5px;color:#8a8f98;}
.tst-footer-social{display:flex;gap:10px;margin-top:10px;}
.tst-footer-social a{width:34px;height:34px;border-radius:50%;background:#1c222b;display:flex;align-items:center;justify-content:center;}
.tst-footer-social a svg{width:16px;height:16px;}



/* ==========================================================================
   8. RESPONSIVE - TABLET & DESKTOP (Professional layout)
   ========================================================================== */
@media (min-width: 782px){
  body{padding-bottom:0;}
  .tst-bottom-nav{display:none;}
  .tst-header-top{padding:0 24px;height:72px;}
  .tst-logo{font-size:26px;}
  .tst-primary-menu{display:flex;gap:26px;}
  .tst-primary-menu li a{font-weight:600;font-size:14.5px;padding:8px 0;position:relative;}
  .tst-primary-menu li a:hover{color:var(--tst-red);}
  .tst-cat-scroller{padding:10px 24px 14px;justify-content:center;}
  .tst-main-wrap{padding:24px 24px 50px;}

  .tst-layout{display:grid;grid-template-columns:2.3fr 1fr;gap:28px;align-items:start;}
  .tst-sidebar-col{display:block;position:sticky;top:16px;align-self:start;margin-top:0;}

  .tst-hero{display:grid;grid-template-columns:1.6fr 1fr;gap:16px;}
  .tst-hero-side{display:grid;gap:16px;}
  .tst-hero-side .tst-list-row{margin-bottom:0;}

  .tst-news-grid{grid-template-columns:repeat(3,1fr);gap:20px;}
  .tst-news-grid.two-col{grid-template-columns:repeat(2,1fr);}

  .tst-single-header h1{font-size:32px;}
  .tst-single-subtitle{font-size:17px;margin:10px 0 14px;}
  .tst-single-content{font-size:17px;}

  .tst-footer .tst-container{grid-template-columns:1.6fr 1fr 1fr;}
}

@media (min-width: 1024px){
  .tst-logo{font-size:28px;}
}

/* ==========================================================================
   9. FEED-STYLE HOMEPAGE ROWS (Wrestling-news style layout)
   ========================================================================== */
.tst-feature-post{margin-bottom:20px;}
.tst-feature-post a.tst-feature-thumb{display:block;border-radius:var(--tst-radius);overflow:hidden;box-shadow:var(--tst-shadow);}
.tst-feature-post a.tst-feature-thumb img{width:100%;aspect-ratio:16/9;object-fit:cover;}
.tst-feature-post h1,.tst-feature-post h2{font-size:20px;margin:12px 0 6px;}
.tst-feature-post .tst-excerpt{font-size:14px;-webkit-line-clamp:3;}

.tst-feed-list{display:flex;flex-direction:column;gap:0;}
.tst-feed-row{display:flex;gap:14px;padding:16px 0;border-bottom:1px solid var(--tst-border);}
.tst-feed-row:first-child{padding-top:0;}
.tst-feed-row .tst-thumb{flex:0 0 130px;width:130px;aspect-ratio:16/9;border-radius:10px;overflow:hidden;background:#eee;}
.tst-feed-row .tst-thumb img{width:100%;height:100%;object-fit:cover;}
.tst-feed-row .tst-feed-body{flex:1;min-width:0;}
.tst-feed-row h3{font-size:15px;margin:0 0 5px;}
.tst-feed-row h3 a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.tst-feed-row .tst-excerpt{display:none;}
.tst-feed-row .tst-meta{margin-top:4px;}
.tst-feed-row .tst-meta .tst-badge{padding:2px 8px;font-size:10px;}

/* Sidebar: Most Read */
.tst-most-read{counter-reset:mr;}
.tst-most-read li{display:flex;align-items:center;gap:10px;counter-increment:mr;list-style:none;padding:9px 0;border-bottom:1px solid var(--tst-border);}
.tst-most-read li:last-child{border-bottom:none;}
.tst-most-read li::before{content:counter(mr);flex:0 0 24px;height:24px;border-radius:50%;background:var(--tst-red);color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;}
.tst-most-read li img{width:46px;height:46px;border-radius:8px;object-fit:cover;flex:0 0 46px;}
.tst-most-read li a{font-size:12.5px;font-weight:600;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}

/* Trending topics tag cloud */
.tst-trending-tags{display:flex;flex-wrap:wrap;gap:8px;}
.tst-trending-tags a{background:var(--tst-bg);border:1px solid var(--tst-border);padding:6px 12px;border-radius:999px;font-size:12.5px;font-weight:600;}
.tst-trending-tags a:hover{background:var(--tst-red);color:#fff;border-color:var(--tst-red);}

@media (min-width:782px){
  .tst-feature-post{display:grid;grid-template-columns:1fr;}
  .tst-feature-post h1,.tst-feature-post h2{font-size:28px;}
  .tst-feed-row .tst-thumb{flex-basis:260px;width:260px;}
  .tst-feed-row h3{font-size:18px;}
  .tst-feed-row .tst-excerpt{display:-webkit-box;margin-top:6px;}
}

/* ==========================================================================
   10. BEAUTIFUL COMMENT BOX
   ========================================================================== */
.tst-comments{background:var(--tst-card-bg);border:1px solid var(--tst-border);border-radius:var(--tst-radius);padding:18px;}
.tst-comments .widget-title{border-bottom:2px solid var(--tst-red);}
.comment-list{list-style:none;margin:0 0 20px;padding:0;}
.comment-list li{margin-bottom:14px;}
.comment-list .comment-body{display:flex;gap:12px;background:var(--tst-bg);border-radius:12px;padding:14px;}
.comment-list .avatar{width:44px;height:44px;border-radius:50%;flex:0 0 44px;}
.comment-list .comment-meta{font-size:13px;margin-bottom:4px;}
.comment-list .comment-author .fn{font-weight:700;font-size:13.5px;}
.comment-list .comment-metadata a{color:var(--tst-text-light);font-size:11.5px;}
.comment-list .comment-content p{margin:6px 0 0;font-size:13.5px;}
.comment-list .reply a{display:inline-block;margin-top:8px;font-size:12px;font-weight:700;color:var(--tst-red);}
.comment-list .children{list-style:none;margin:14px 0 0 30px;padding:0;}

#respond{margin-top:10px;}
#respond .comment-reply-title{font-family:var(--tst-font-head);font-size:17px;margin-bottom:12px;}
.comment-form p{margin-bottom:14px;}
.comment-form label{display:block;font-size:13px;font-weight:600;margin-bottom:6px;}
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea{
  width:100%;padding:12px 14px;border:1.5px solid var(--tst-border);border-radius:10px;
  font-family:var(--tst-font-body);font-size:14px;background:#fff;transition:border-color .15s;
}
.comment-form input:focus,.comment-form textarea:focus{outline:none;border-color:var(--tst-red);}
.comment-form textarea{min-height:120px;resize:vertical;}
.comment-form .form-submit{margin-bottom:0;}
.comment-form input#submit{
  background:var(--tst-red);color:#fff;border:none;padding:12px 28px;border-radius:10px;
  font-weight:700;font-size:14.5px;cursor:pointer;transition:opacity .15s;width:auto;
}
.comment-form input#submit:hover{opacity:.9;}
.comment-notes,.logged-in-as{font-size:12.5px;color:var(--tst-text-light);margin-bottom:14px;}

/* ==========================================================================
   11. HAMBURGER MENU + SLIDE-IN DRAWER (mobile & desktop)
   ========================================================================== */
.tst-header-top{position:relative;}
.tst-menu-toggle{order:-1;}
.tst-header-top .tst-logo{position:absolute;left:50%;transform:translateX(-50%);}
.tst-header-actions{margin-left:auto;}

.tst-drawer-overlay{
  position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:1300;
  opacity:0;pointer-events:none;transition:opacity .25s ease;backdrop-filter:blur(2px);
}
.tst-drawer-overlay.open{opacity:1;pointer-events:auto;}

.tst-drawer{
  position:fixed;top:0;left:0;bottom:0;width:280px;max-width:82vw;
  background:var(--tst-card-bg);z-index:1400;
  transform:translateX(-100%);transition:transform .28s cubic-bezier(.4,0,.2,1);
  box-shadow:6px 0 24px rgba(0,0,0,.18);
  display:flex;flex-direction:column;
}
.tst-drawer.open{transform:translateX(0);}
.tst-drawer-head{
  display:flex;align-items:center;justify-content:space-between;
  padding:18px 16px;border-bottom:1px solid var(--tst-border);
}
.tst-drawer-menu{padding:10px 0;flex:1;}
.tst-drawer-menu li a{
  display:flex;align-items:center;gap:14px;padding:14px 20px;
  font-size:15px;font-weight:600;color:var(--tst-text);
  border-left:3px solid transparent;
}
.tst-drawer-menu li a svg{width:20px;height:20px;flex-shrink:0;color:var(--tst-text-light);}
.tst-drawer-menu li a:hover,.tst-drawer-menu li a.active{background:var(--tst-bg);border-left-color:var(--tst-red);color:var(--tst-red);}
.tst-drawer-menu li a:hover svg,.tst-drawer-menu li a.active svg{color:var(--tst-red);}
.tst-drawer-menu li a.tst-drawer-cricket.active,.tst-drawer-menu li a.tst-drawer-cricket:hover{border-left-color:var(--tst-green);color:var(--tst-green);}
.tst-drawer-menu li a.tst-drawer-cricket.active svg,.tst-drawer-menu li a.tst-drawer-cricket:hover svg{color:var(--tst-green);}
.tst-drawer-menu li a.tst-drawer-football.active,.tst-drawer-menu li a.tst-drawer-football:hover{border-left-color:var(--tst-blue);color:var(--tst-blue);}
.tst-drawer-menu li a.tst-drawer-football.active svg,.tst-drawer-menu li a.tst-drawer-football:hover svg{color:var(--tst-blue);}

/* Header polish */
.tst-header{backdrop-filter:blur(6px);}
.tst-icon-btn{border-radius:8px;transition:background .15s;}
.tst-icon-btn:hover{background:var(--tst-bg);}

@media (min-width:782px){
  .tst-header-top .tst-logo{position:static;transform:none;}
  .tst-header-top{justify-content:flex-start;gap:20px;}
  .tst-header-actions{margin-left:auto;}
}

/* ==========================================================================
   12. LOAD MORE BUTTON
   ========================================================================== */
.tst-load-more-wrap{display:flex;justify-content:center;margin:20px 0;}
.tst-load-more-btn{
  background:var(--tst-red);color:#fff;border:none;padding:12px 32px;border-radius:999px;
  font-weight:700;font-size:14.5px;cursor:pointer;transition:opacity .15s,transform .15s;
  box-shadow:var(--tst-shadow);
}
.tst-load-more-btn:hover{opacity:.9;}
.tst-load-more-btn:active{transform:scale(.97);}
.tst-load-more-btn:disabled{opacity:.6;cursor:default;}