/*
Theme Name: SR News
Author: SR News
Version: 4.0
Description: SR News competitive theme
Text Domain: sr-news
*/

:root{
  --bg:#071124;
  --bg2:#0b1730;
  --card:#0f1c34;
  --card2:#132142;
  --line:rgba(255,255,255,.08);
  --text:#eef3ff;
  --muted:rgba(255,255,255,.68);
  --accent:#e11d48;
  --accent2:#2563eb;
  --good:#22c55e;
  --bad:#ff5c7a;
  --radius:16px;
  --shadow:0 12px 34px rgba(0,0,0,.28);
}

*{
  box-sizing:border-box;
}

html,
body{
  margin:0;
  padding:0;
  background:linear-gradient(180deg,#071124 0%,#08152a 55%,#071124 100%);
  color:var(--text);
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,"Noto Sans Khmer","Battambang",sans-serif;
  line-height:1.6;
  overflow-x:hidden;
}

body{
  min-height:100vh;
}

img{
  max-width:100%;
  display:block;
}

a{
  color:inherit;
  text-decoration:none;
}

#page,
.site,
.site-main,
.site-content{
  width:100%;
  max-width:none;
  margin:0;
  padding:0;
  background:transparent;
}

.container{
  width:100%;
  max-width:1200px;
  margin:0 auto;
  padding:0 14px;
}

/* Header */
.site-header{
  position:sticky;
  top:0;
  z-index:999;
  background:rgba(7,17,36,.88);
  backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);
}

.topbar{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  padding:8px 0;
  font-size:12px;
  color:var(--muted);
  border-bottom:1px solid var(--line);
}

.top-links{
  display:flex;
  gap:14px;
  align-items:center;
}

.main-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:14px 0;
}

.brand{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}

.brand-home-link{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
  text-decoration:none;
}

.brand-logo{
  width:52px;
  height:52px;
  border-radius:14px;
  overflow:hidden;
  background:linear-gradient(135deg,rgba(37,99,235,.28),rgba(225,29,72,.18));
  border:1px solid var(--line);
  box-shadow:var(--shadow);
  flex-shrink:0;
  position:relative;
}

.brand-logo .custom-logo-link{
  display:block;
  width:100%;
  height:100%;
}

.brand-logo .custom-logo{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.brand-logo img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.brand-fallback-text{
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:20px;
  font-weight:800;
  color:#fff;
}

.brand-text{
  min-width:0;
}

.brand-title{
  margin:0;
  font-size:20px;
  font-weight:800;
  line-height:1.1;
}

.brand-title .blue{
  color:#3b82f6;
}

.brand-tag{
  margin-top:4px;
  font-size:12px;
  color:var(--muted);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.menu-toggle{
  display:none;
  width:46px;
  height:46px;
  border:1px solid var(--line);
  border-radius:14px;
  background:var(--card);
  color:#fff;
  font-size:22px;
  cursor:pointer;
}

/* Nav */
.main-nav .primary-menu{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  gap:8px;
  align-items:center;
  flex-wrap:wrap;
}

.main-nav .primary-menu li{
  list-style:none;
  position:relative;
}

.main-nav .primary-menu a{
  display:inline-flex;
  align-items:center;
  padding:10px 12px;
  border-radius:10px;
  font-weight:700;
  font-size:14px;
}

.main-nav .primary-menu a:hover,
.main-nav .primary-menu .current-menu-item > a,
.main-nav .primary-menu .current_page_item > a{
  background:var(--card);
}

.main-nav .sub-menu{
  display:none;
  position:absolute;
  top:100%;
  left:0;
  min-width:220px;
  margin:0;
  padding:8px;
  list-style:none;
  background:var(--card);
  border:1px solid var(--line);
  border-radius:14px;
  box-shadow:var(--shadow);
  z-index:50;
}

.main-nav li:hover > .sub-menu{
  display:block;
}

.main-nav .sub-menu a{
  display:block;
  width:100%;
}

/* Breaking */
.breaking-bar{
  display:flex;
  align-items:center;
  gap:12px;
  margin:0 0 12px;
}

.breaking-label{
  flex-shrink:0;
  background:linear-gradient(135deg,#ef4444,#e11d48);
  color:#fff;
  font-weight:900;
  font-size:13px;
  padding:10px 16px;
  border-radius:999px;
}

.breaking-track-wrap{
  flex:1;
  overflow:hidden;
  background:var(--card);
  border:1px solid var(--line);
  border-radius:999px;
  padding:10px 14px;
}

.breaking-track a{
  font-weight:700;
  font-size:14px;
}

/* Market */
.market-strip{
  display:flex;
  gap:10px;
  overflow:hidden;
  padding:0 0 14px;
}

.market-pill{
  flex:0 0 auto;
  background:var(--card);
  border:1px solid var(--line);
  border-radius:999px;
  padding:10px 14px;
  white-space:nowrap;
  font-weight:700;
  font-size:14px;
}

.market-pill .up{color:var(--good);}
.market-pill .down{color:var(--bad);}

/* Home */
.home-main{
  padding:22px 0 28px;
}

.section-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  margin:0 0 14px;
}

.section-title{
  margin:0;
  font-size:22px;
  line-height:1.2;
}

/* Hero */
.hero-wrap{
  margin-bottom:28px;
}

.hero-slider{
  position:relative;
}

.hero-slide{
  display:none;
}

.hero-slide.active{
  display:block;
  animation:heroFade .7s ease;
}

@keyframes heroFade{
  from{opacity:.25;transform:scale(1.015);}
  to{opacity:1;transform:scale(1);}
}

.hero-card{
  position:relative;
  display:block;
  border-radius:22px;
  overflow:hidden;
  border:1px solid var(--line);
  box-shadow:var(--shadow);
}

.hero-card img{
  width:100%;
  height:460px;
  object-fit:cover;
}

.hero-overlay{
  position:absolute;
  inset:auto 0 0 0;
  padding:22px;
  background:linear-gradient(to top,rgba(0,0,0,.86),rgba(0,0,0,.1));
}

.hero-chip{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-bottom:12px;
  padding:7px 12px;
  border-radius:999px;
  background:rgba(225,29,72,.95);
  color:#fff;
  font-size:12px;
  font-weight:800;
}

.hero-title{
  margin:0 0 8px;
  font-size:30px;
  line-height:1.28;
  font-weight:900;
  color:#fff;
  text-shadow:0 4px 12px rgba(0,0,0,.7);
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.hero-meta{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  color:rgba(255,255,255,.78);
  font-size:13px;
}

.hero-dots{
  display:flex;
  justify-content:center;
  gap:8px;
  margin-top:12px;
}

.hero-dot{
  width:10px;
  height:10px;
  border:0;
  border-radius:50%;
  background:rgba(255,255,255,.24);
  cursor:pointer;
}

.hero-dot.active{
  background:var(--accent);
}

/* Cards */
.news-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}

.news-card{
  background:var(--card);
  border:1px solid var(--line);
  border-radius:16px;
  overflow:hidden;
  box-shadow:var(--shadow);
}

.news-card img{
  width:100%;
  height:190px;
  object-fit:cover;
}

.news-card-body{
  padding:12px;
}

.news-card h3{
  margin:0 0 6px;
  font-size:16px;
  line-height:1.45;
}

.meta{
  font-size:12px;
  color:var(--muted);
}

.home-section{
  margin-top:28px;
}

.dual-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}

.panel{
  background:var(--card);
  border:1px solid var(--line);
  border-radius:16px;
  padding:14px;
  box-shadow:var(--shadow);
}

.list{
  display:grid;
  gap:12px;
}

.list-item{
  border-bottom:1px solid var(--line);
  padding-bottom:12px;
}

.list-item:last-child{
  border-bottom:0;
  padding-bottom:0;
}

.list-link{
  display:grid;
  grid-template-columns:78px 1fr;
  gap:12px;
  align-items:start;
}

.list-link img{
  width:78px;
  height:64px;
  object-fit:cover;
  border-radius:10px;
}

.list-body h4{
  margin:0 0 4px;
  font-size:14px;
  line-height:1.45;
}

/* Category */
.cat-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:18px;
}

.cat-box{
  background:var(--card);
  border:1px solid var(--line);
  border-radius:16px;
  padding:14px;
  box-shadow:var(--shadow);
}

.cat-list{
  display:grid;
  gap:10px;
}

.cat-link{
  display:block;
  padding:12px 14px;
  background:var(--card2);
  border:1px solid var(--line);
  border-radius:12px;
  font-weight:700;
  font-size:14px;
}

/* Live */
.live-box{
  background:var(--card);
  border:1px solid var(--line);
  border-radius:20px;
  padding:16px;
  box-shadow:var(--shadow);
}

.live-video{
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 10px 24px rgba(0,0,0,.35);
}

.live-video iframe{
  width:100%;
  height:420px;
  display:block;
  border:0;
  border-radius:14px;
}

/* Archive */
.archive-wrap,
.single-wrap{
  padding:22px 0 28px;
}

.archive-grid,
.single-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) 320px;
  gap:18px;
}

.archive-head,
.single-article{
  background:var(--card);
  border:1px solid var(--line);
  border-radius:18px;
  box-shadow:var(--shadow);
}

.archive-head{
  padding:18px;
  margin-bottom:16px;
}

.archive-head h1{
  margin:0 0 8px;
  font-size:28px;
}

.archive-desc{
  color:var(--muted);
  font-size:14px;
}

.archive-list{
  display:grid;
  gap:14px;
}

.archive-card{
  display:grid;
  grid-template-columns:280px minmax(0,1fr);
  gap:14px;
  background:var(--card);
  border:1px solid var(--line);
  border-radius:18px;
  overflow:hidden;
  box-shadow:var(--shadow);
}

.archive-card img{
  width:100%;
  height:100%;
  min-height:200px;
  object-fit:cover;
}

.archive-body{
  padding:16px 16px 16px 0;
}

.archive-title{
  margin:0 0 10px;
  font-size:22px;
  line-height:1.4;
}

.archive-excerpt{
  margin:0;
  color:#dbe6fb;
  font-size:15px;
  line-height:1.75;
}

.pagination{
  margin-top:18px;
}

.pagination .nav-links{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.pagination .page-numbers{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:42px;
  height:42px;
  padding:0 14px;
  border-radius:12px;
  background:var(--card);
  border:1px solid var(--line);
  font-weight:700;
}

.pagination .current{
  background:#1d4ed8;
  border-color:#1d4ed8;
}

/* Single */
.single-article{
  padding:18px;
}

.breadcrumb{
  font-size:12px;
  color:var(--muted);
  margin-bottom:10px;
}

.single-title{
  margin:0 0 12px;
  font-size:28px;
  line-height:1.35;
  font-weight:900;
}

.single-meta{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  font-size:13px;
  color:var(--muted);
  margin-bottom:14px;
}

.share{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:0 0 16px;
}

.share a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 14px;
  border-radius:12px;
  background:var(--card2);
  border:1px solid var(--line);
  font-weight:800;
  font-size:14px;
}

.single-featured{
  margin-bottom:16px;
}

.single-featured img{
  width:100%;
  border-radius:16px;
}

.single-content{
  font-size:18px;
  line-height:1.9;
  color:#eef3ff;
}

.single-content p{
  margin:0 0 18px;
}

.single-content img,
.single-content iframe,
.single-content table,
.single-content video{
  max-width:100%;
  height:auto;
}

.post-nav{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  margin-top:24px;
}

.post-box{
  background:var(--card2);
  border:1px solid var(--line);
  border-radius:16px;
  padding:14px;
}

.post-box small{
  display:block;
  color:var(--muted);
  margin-bottom:6px;
}

.related{
  margin-top:28px;
}

.related h2{
  margin:0 0 12px;
  font-size:24px;
}

.related-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}

.related-card{
  background:var(--bg2);
  border:1px solid var(--line);
  border-radius:16px;
  overflow:hidden;
}

.related-card img{
  width:100%;
  height:160px;
  object-fit:cover;
}

.related-card-body{
  padding:12px;
}

.related-card h4{
  margin:0;
  font-size:16px;
  line-height:1.4;
}

/* Footer */
.sr-footer{
  margin-top:42px;
  background:#081226;
  border-top:1px solid var(--line);
  color:#dbe6ff;
}

.sr-footer-top{
  display:grid;
  grid-template-columns:1.2fr 1fr 1fr;
  gap:28px;
  padding:32px 14px 20px;
}

.sr-footer h3,
.sr-footer h4{
  margin:0 0 12px;
  color:#fff;
}

.sr-footer p{
  margin:0;
  color:var(--muted);
}

.sr-footer-links{
  display:grid;
  gap:10px;
}

.sr-footer-bottom{
  border-top:1px solid var(--line);
  padding:14px;
  font-size:13px;
  color:var(--muted);
}

/* Widgets */
.widget{
  margin-bottom:18px;
}

.widget-title{
  margin:0 0 12px;
  font-size:18px;
  line-height:1.3;
}

.widget ul{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:10px;
}

.widget ul li{
  margin:0;
  padding:0;
}

/* Ad */
.home-ad{
  margin:20px 0 24px;
  text-align:center;
}

.home-ad a{
  display:block;
}

.home-ad img{
  width:100%;
  height:auto;
  max-height:140px;
  object-fit:cover;
  border-radius:12px;
  box-shadow:0 8px 25px rgba(0,0,0,.35);
}

/* Responsive */
@media (max-width:980px){
  .menu-toggle{
    display:flex;
    align-items:center;
    justify-content:center;
  }

  .main-nav{
    display:none;
    width:100%;
    padding-top:10px;
  }

  .main-nav.open{
    display:block;
  }

  .main-nav .primary-menu{
    flex-direction:column;
    align-items:stretch;
    width:100%;
  }

  .main-nav .primary-menu li{
    width:100%;
  }

  .main-nav .primary-menu a{
    width:100%;
    padding:14px 16px;
    background:rgba(255,255,255,.03);
    border:1px solid var(--line);
    border-radius:14px;
  }

  .main-nav .sub-menu{
    position:static;
    display:block;
    min-width:0;
    margin-top:6px;
    padding-left:10px;
    border:0;
    box-shadow:none;
    background:transparent;
  }

  .news-grid,
  .cat-grid,
  .related-grid{
    grid-template-columns:1fr 1fr;
  }

  .dual-grid,
  .archive-grid,
  .single-grid{
    grid-template-columns:1fr;
  }

  .hero-card img{
    height:360px;
  }

  .hero-title{
    font-size:24px;
  }

  .live-video iframe{
    height:260px;
  }
}

@media (max-width:640px){
  .container{
    padding:0 12px;
  }

  .topbar{
    font-size:11px;
  }

  .top-links{
    display:none;
  }

  .brand-logo{
    width:48px;
    height:48px;
  }

  .brand-title{
    font-size:18px;
  }

  .brand-tag{
    font-size:11px;
    max-width:170px;
  }

  .hero-card img{
    height:250px;
  }

  .hero-overlay{
    padding:16px;
  }

  .hero-title{
    font-size:21px;
    line-height:1.34;
  }

  .news-grid,
  .cat-grid,
  .related-grid{
    grid-template-columns:1fr;
  }

  .archive-card{
    grid-template-columns:1fr;
  }

  .archive-body{
    padding:14px;
  }

  .archive-title{
    font-size:18px;
  }

  .single-title{
    font-size:22px;
  }

  .single-content{
    font-size:17px;
    line-height:1.8;
  }

  .post-nav{
    grid-template-columns:1fr;
  }

  .live-video iframe{
    height:220px;
  }

  .sr-footer-top{
    grid-template-columns:1fr;
    gap:20px;
    padding:24px 12px 18px;
  }

  .home-ad{
    margin:16px 0 20px;
  }

  .home-ad img{
    max-height:120px;
  }
}

/* ===== SR NEWS Hero Slider v2.1 - Minimal ===== */
.hero-card{
  background:#071225;
}

.hero-card::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(
    to top,
    rgba(0,0,0,.92) 0%,
    rgba(0,0,0,.72) 22%,
    rgba(0,0,0,.28) 43%,
    rgba(0,0,0,0) 68%
  );
  z-index:1;
}

.hero-overlay{
  z-index:2;
  padding:22px 22px 20px;
  background:none;
}

.hero-badges{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:7px;
  margin-bottom:9px;
}

.hero-top-story,
.hero-chip{
  display:inline-flex;
  align-items:center;
  min-height:25px;
  padding:5px 9px;
  border-radius:7px;
  color:#fff;
  font-size:10px;
  line-height:1;
  font-weight:900;
  letter-spacing:.035em;
  text-transform:uppercase;
}

.hero-top-story{
  background:#e11d48;
  box-shadow:0 5px 14px rgba(225,29,72,.28);
}

.hero-chip{
  margin:0;
  background:rgba(37,99,235,.92);
  border:1px solid rgba(255,255,255,.12);
}

.hero-title{
  margin:0 0 9px;
  max-width:900px;
  font-size:clamp(25px,3.4vw,38px);
  line-height:1.28;
  letter-spacing:-.01em;
  text-shadow:0 3px 10px rgba(0,0,0,.9);
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.hero-meta{
  align-items:center;
  gap:8px;
  color:rgba(255,255,255,.84);
  font-size:12.5px;
  font-weight:600;
  text-shadow:0 2px 7px rgba(0,0,0,.9);
}

.hero-meta-item{
  display:inline-flex;
  align-items:center;
  gap:4px;
}

.hero-meta-sep{opacity:.5;}
.hero-dots{margin-top:12px;}
.hero-dot{
  width:9px;
  height:9px;
  transition:width .25s ease,background .25s ease;
}
.hero-dot.active{
  width:24px;
  border-radius:999px;
  transform:none;
}

@media (max-width:700px){
  .hero-card img{height:340px;}
  .hero-overlay{padding:18px 16px 16px;}
  .hero-top-story,.hero-chip{
    min-height:23px;
    padding:5px 8px;
    font-size:9px;
  }
  .hero-title{
    font-size:23px;
    line-height:1.32;
    margin-bottom:8px;
  }
  .hero-meta{
    font-size:11.5px;
    gap:6px;
  }
}

@media (max-width:430px){
  .hero-card img{height:320px;}
  .hero-overlay{padding:16px 14px 14px;}
  .hero-title{font-size:21px;}
}body{
    font-family:'Noto Sans Khmer', sans-serif;
}

.hero-title,
.section-title,
.post-title,
h1,h2,h3,h4,h5,h6{
    font-family:'Noto Sans Khmer', sans-serif;
    font-weight:700;
}.hero-title{
    font-family: "Noto Sans Khmer", sans-serif !important;
    font-size: 30px !important;
    font-weight: 800 !important;
    line-height: 1.45 !important;
    color: #fff !important;
    text-shadow:
        0 2px 4px rgba(0,0,0,.95),
        0 4px 14px rgba(0,0,0,.85) !important;

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}.hero-slide::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:58%;
    background:linear-gradient(
        to top,
        rgba(0,0,0,.92) 0%,
        rgba(0,0,0,.68) 45%,
        rgba(0,0,0,.15) 85%,
        transparent 100%
    );
    pointer-events:none;
}.hero-chip{
    display:inline-block;
    padding:6px 14px;
    border-radius:30px;
    color:#fff;
    font-size:13px;
    font-weight:700;
    text-transform:uppercase;
}

.hero-chip.cambodia{
    background:#0066ff;
}

.hero-chip.world{
    background:#e11d48;
}

.hero-chip.economy{
    background:#16a34a;
}

.hero-chip.sport{
    background:#f59e0b;
}

.hero-chip.tech{
    background:#7c3aed;
}.hero-chip{
    display:inline-block;
    padding:6px 14px;
    border-radius:20px;
    font-size:13px;
    font-weight:700;
    color:#fff;
    margin-bottom:10px;
}

.hero-chip.cambodia{background:#e53935;}
.hero-chip.world{background:#1e88e5;}
.hero-chip.economy{background:#2e7d32;}
.hero-chip.sport{background:#fb8c00;}
.hero-chip.tech{background:#8e24aa;}
.hero-chip.security{background:#c62828;}.hero-chip{
    display:inline-flex;
    align-items:center;
    padding:4px 10px;
    border-radius:14px;
    font-size:11px;
    font-weight:700;
    line-height:1;
    margin-bottom:10px;
} .hero-card{
    background:#0f172f;
    border-radius:22px;
    overflow:hidden;
    box-shadow:0 12px 35px rgba(0,0,0,.35);
}

.hero-card img{
    width:100%;
    aspect-ratio:16/9;
    object-fit:cover;
    display:block;
}

.hero-content{
    padding:18px 20px 20px;
}

.hero-chip{
    display:inline-block;
    background:#ff295b;
    color:#fff;
    padding:8px 16px;
    border-radius:30px;
    font-size:14px;
    font-weight:700;
    margin-bottom:14px;
}

.hero-title{
    font-size:30px;
    line-height:1.35;
    font-weight:800;
    color:#fff;
    margin-bottom:14px;
}

.hero-meta{
    color:#bfc7d5;
    font-size:15px;
}/* Latest News V2 */

.sr-latest-item{
    margin:0 0 32px;
    padding-bottom:32px;
    border-bottom:1px solid rgba(255,255,255,.08);
}

.sr-latest-thumb{
    display:block;
    overflow:hidden;
    border-radius:18px;
}

.sr-latest-thumb img{
    width:100%;
    height:240px;
    object-fit:cover;
    display:block;
}

.sr-latest-content{
    padding:18px 4px 0;
}

.sr-latest-category{
    display:inline-block;
    background:#e91e63;
    color:#fff;
    padding:6px 14px;
    border-radius:30px;
    font-size:13px;
    font-weight:700;
    margin-bottom:14px;
}

.sr-latest-title{
    font-size:32px;
    line-height:1.45;
    font-weight:800;
    margin:0 0 16px;
}

.sr-latest-title a{
    color:#fff;
    text-decoration:none;
}

.sr-latest-meta{
    color:#b7bfd0;
    font-size:15px;
    display:flex;
    gap:10px;
    flex-wrap:wrap;
}/* ===== LATEST NEWS COMPACT LIST ===== */

.sr-latest-list{
    border-top:1px solid rgba(255,255,255,.09);
}

.sr-latest-item{
    display:grid !important;
    grid-template-columns:125px minmax(0,1fr) !important;
    gap:14px !important;
    align-items:center !important;
    margin:0 !important;
    padding:16px 0 !important;
    border-bottom:1px solid rgba(255,255,255,.09) !important;
}

.sr-latest-thumb{
    width:125px !important;
    height:90px !important;
    border-radius:14px !important;
    overflow:hidden !important;
    display:block !important;
}

.sr-latest-thumb img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    display:block !important;
}

.sr-latest-content{
    min-width:0 !important;
    padding:0 !important;
}

.sr-latest-category{
    display:inline-flex !important;
    padding:3px 9px !important;
    margin:0 0 6px !important;
    border-radius:999px !important;
    font-size:10px !important;
}

.sr-latest-title{
    margin:0 0 7px !important;
    font-size:16px !important;
    line-height:1.5 !important;
    font-weight:700 !important;
    display:-webkit-box !important;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
}

.sr-latest-meta{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:5px !important;
    font-size:10px !important;
    color:rgba(255,255,255,.62) !important;
}

@media(max-width:380px){
    .sr-latest-item{
        grid-template-columns:105px minmax(0,1fr) !important;
        gap:11px !important;
    }

    .sr-latest-thumb{
        width:105px !important;
        height:78px !important;
    }

    .sr-latest-title{
        font-size:14px !important;
    }
}/* FORCE LATEST NEWS LIST LAYOUT */

.sr-latest-list .sr-latest-item{
    display:grid !important;
    grid-template-columns:125px minmax(0,1fr) !important;
    column-gap:14px !important;
    align-items:center !important;
    width:100% !important;
    margin:0 !important;
    padding:16px 0 !important;
    border-bottom:1px solid rgba(255,255,255,.10) !important;
}

.sr-latest-list .sr-latest-thumb{
    display:block !important;
    width:125px !important;
    height:90px !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
    border-radius:14px !important;
}

.sr-latest-list .sr-latest-thumb img{
    display:block !important;
    width:125px !important;
    height:90px !important;
    max-width:none !important;
    object-fit:cover !important;
    margin:0 !important;
}

.sr-latest-list .sr-latest-content{
    display:block !important;
    min-width:0 !important;
    width:auto !important;
    padding:0 !important;
    margin:0 !important;
}

.sr-latest-list .sr-latest-category{
    display:inline-flex !important;
    width:auto !important;
    padding:3px 9px !important;
    margin:0 0 6px !important;
    font-size:10px !important;
    line-height:1.4 !important;
}

.sr-latest-list .sr-latest-title{
    margin:0 0 7px !important;
    padding:0 !important;
    font-size:16px !important;
    line-height:1.45 !important;
    font-weight:700 !important;

    display:-webkit-box !important;
    -webkit-box-orient:vertical !important;
    -webkit-line-clamp:2 !important;
    overflow:hidden !important;
}

.sr-latest-list .sr-latest-meta{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:5px !important;
    margin:0 !important;
    padding:0 !important;
    font-size:10px !important;
    line-height:1.4 !important;
}

@media(max-width:380px){
    .sr-latest-list .sr-latest-item{
        grid-template-columns:105px minmax(0,1fr) !important;
        column-gap:11px !important;
    }

    .sr-latest-list .sr-latest-thumb,
    .sr-latest-list .sr-latest-thumb img{
        width:105px !important;
        height:78px !important;
    }

    .sr-latest-list .sr-latest-title{
        font-size:14px !important;
    }
}/* FINAL FIX — Latest News compact layout */

.sr-latest-list{
    display:block !important;
    width:100% !important;
}

.sr-latest-list .sr-latest-item{
    display:grid !important;
    grid-template-columns:125px minmax(0,1fr) !important;
    gap:14px !important;
    align-items:center !important;
    width:100% !important;
    padding:16px 0 !important;
    margin:0 !important;
    border-bottom:1px solid rgba(255,255,255,.10) !important;
}

.sr-latest-list .sr-latest-thumb{
    display:block !important;
    width:125px !important;
    height:90px !important;
    overflow:hidden !important;
    border-radius:14px !important;
    margin:0 !important;
}

.sr-latest-list .sr-latest-thumb img{
    display:block !important;
    width:125px !important;
    height:90px !important;
    max-width:none !important;
    object-fit:cover !important;
}

.sr-latest-list .sr-latest-content{
    display:block !important;
    min-width:0 !important;
    padding:0 !important;
    margin:0 !important;
}

.sr-latest-list .sr-latest-category{
    display:inline-flex !important;
    width:auto !important;
    padding:3px 9px !important;
    margin:0 0 6px !important;
    border-radius:999px !important;
    font-size:10px !important;
}

.sr-latest-list .sr-latest-title{
    margin:0 0 7px !important;
    padding:0 !important;
    font-size:16px !important;
    line-height:1.45 !important;
    font-weight:700 !important;
    display:-webkit-box !important;
    -webkit-box-orient:vertical !important;
    -webkit-line-clamp:2 !important;
    overflow:hidden !important;
}

.sr-latest-list .sr-latest-meta{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:5px !important;
    margin:0 !important;
    padding:0 !important;
    font-size:10px !important;
    line-height:1.4 !important;
}

@media(max-width:380px){
    .sr-latest-list .sr-latest-item{
        grid-template-columns:105px minmax(0,1fr) !important;
        gap:11px !important;
    }

    .sr-latest-list .sr-latest-thumb,
    .sr-latest-list .sr-latest-thumb img{
        width:105px !important;
        height:78px !important;
    }

    .sr-latest-list .sr-latest-title{
        font-size:14px !important;
    }
}/* FINAL FIX — Latest News compact layout */

.sr-latest-list{
    display:block !important;
    width:100% !important;
}

.sr-latest-list .sr-latest-item{
    display:grid !important;
    grid-template-columns:125px minmax(0,1fr) !important;
    gap:14px !important;
    align-items:center !important;
    width:100% !important;
    padding:16px 0 !important;
    margin:0 !important;
    border-bottom:1px solid rgba(255,255,255,.10) !important;
}

.sr-latest-list .sr-latest-thumb{
    display:block !important;
    width:125px !important;
    height:90px !important;
    overflow:hidden !important;
    border-radius:14px !important;
    margin:0 !important;
}

.sr-latest-list .sr-latest-thumb img{
    display:block !important;
    width:125px !important;
    height:90px !important;
    max-width:none !important;
    object-fit:cover !important;
}

.sr-latest-list .sr-latest-content{
    display:block !important;
    min-width:0 !important;
    padding:0 !important;
    margin:0 !important;
}

.sr-latest-list .sr-latest-category{
    display:inline-flex !important;
    width:auto !important;
    padding:3px 9px !important;
    margin:0 0 6px !important;
    border-radius:999px !important;
    font-size:10px !important;
}

.sr-latest-list .sr-latest-title{
    margin:0 0 7px !important;
    padding:0 !important;
    font-size:16px !important;
    line-height:1.45 !important;
    font-weight:700 !important;
    display:-webkit-box !important;
    -webkit-box-orient:vertical !important;
    -webkit-line-clamp:2 !important;
    overflow:hidden !important;
}

.sr-latest-list .sr-latest-meta{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:5px !important;
    margin:0 !important;
    padding:0 !important;
    font-size:10px !important;
    line-height:1.4 !important;
}

@media(max-width:380px){
    .sr-latest-list .sr-latest-item{
        grid-template-columns:105px minmax(0,1fr) !important;
        gap:11px !important;
    }

    .sr-latest-list .sr-latest-thumb,
    .sr-latest-list .sr-latest-thumb img{
        width:105px !important;
        height:78px !important;
    }

    .sr-latest-list .sr-latest-title{
        font-size:14px !important;
    }
}.list-item{
    margin-bottom:18px;
    padding-bottom:18px;
    border-bottom:1px solid rgba(255,255,255,.08);
}

.list-link{
    display:flex;
    gap:16px;
    align-items:flex-start;
    text-decoration:none;
}

.sr-thumb{
    width:130px;
    height:90px;
    border-radius:14px;
    object-fit:cover;
    flex-shrink:0;
}

.list-body{
    flex:1;
}

.list-body h4{
    color:#fff;
    font-size:18px;
    line-height:1.45;
    margin:0 0 8px;
    font-weight:700;
}

.list-body .meta{
    color:#9fb0c8;
    font-size:13px;
}/* TRENDING FINAL POLISH */

.panel .list-item{
    padding:18px 0 !important;
    margin:0 !important;
}

.panel .list-link{
    display:grid !important;
    grid-template-columns:130px minmax(0,1fr) !important;
    gap:16px !important;
    align-items:center !important;
}

.panel .list-link img{
    width:130px !important;
    height:92px !important;
    object-fit:cover !important;
    border-radius:14px !important;
}

.panel .list-body h4{
    margin:0 0 8px !important;
    font-size:17px !important;
    line-height:1.45 !important;
    font-weight:700 !important;

    display:-webkit-box !important;
    -webkit-box-orient:vertical !important;
    -webkit-line-clamp:3 !important;
    overflow:hidden !important;
}

.panel .list-body .meta{
    font-size:11px !important;
    line-height:1.4 !important;
    color:rgba(255,255,255,.58) !important;
}

@media(max-width:380px){
    .panel .list-link{
        grid-template-columns:110px minmax(0,1fr) !important;
        gap:12px !important;
    }

    .panel .list-link img{
        width:110px !important;
        height:82px !important;
    }

    .panel .list-body h4{
        font-size:15px !important;
    }
}/* ===== SR NEWS CATEGORY CARDS ===== */

.sr-category-section{
    margin-top:32px;
}

.sr-category-section .section-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    margin-bottom:16px;
}

.sr-category-view-all{
    color:#4f9cff;
    font-size:13px;
    font-weight:700;
    text-decoration:none;
    white-space:nowrap;
}

.sr-category-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
}

.sr-category-card{
    position:relative;
    min-height:185px;
    overflow:hidden;
    border-radius:18px;
    border:1px solid rgba(255,255,255,.10);
    background-position:center;
    background-size:cover;
    text-decoration:none;
    box-shadow:0 10px 24px rgba(0,0,0,.22);
    isolation:isolate;
    transition:transform .25s ease,
               border-color .25s ease,
               box-shadow .25s ease;
}

.sr-category-card:hover{
    transform:translateY(-4px);
    border-color:#ff2d66;
    box-shadow:0 16px 32px rgba(0,0,0,.32);
}

.sr-category-overlay{
    position:absolute;
    inset:0;
    z-index:-1;
    background:
        linear-gradient(
            180deg,
            rgba(3,10,25,.10) 0%,
            rgba(3,10,25,.30) 38%,
            rgba(3,10,25,.95) 100%
        );
}

.sr-category-content{
    position:absolute;
    inset:0;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    padding:16px;
}

.sr-category-icon{
    position:absolute;
    top:14px;
    left:14px;
    display:flex;
    align-items:center;
    justify-content:center;
    width:42px;
    height:42px;
    border-radius:50%;
    background:#e91e63;
    font-size:20px;
    box-shadow:0 8px 18px rgba(0,0,0,.24);
}

.sr-category-card:nth-child(2) .sr-category-icon{
    background:#246bdb;
}

.sr-category-card:nth-child(3) .sr-category-icon{
    background:#21963c;
}

.sr-category-card:nth-child(4) .sr-category-icon{
    background:#7b32d5;
}

.sr-category-card:nth-child(5) .sr-category-icon{
    background:#f28a1b;
}

.sr-category-card:nth-child(6) .sr-category-icon{
    background:#16a7b8;
}

.sr-category-name{
    margin:0 0 6px;
    color:#fff;
    font-family:"Noto Sans Khmer",sans-serif;
    font-size:20px;
    line-height:1.35;
    font-weight:800;
    text-shadow:0 2px 8px rgba(0,0,0,.55);
}

.sr-category-count{
    color:#55a2ff;
    font-size:12px;
    line-height:1.4;
    font-weight:700;
}

@media(min-width:769px){
    .sr-category-grid{
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:16px;
    }

    .sr-category-card{
        min-height:230px;
    }

    .sr-category-name{
        font-size:24px;
    }
}

@media(max-width:380px){
    .sr-category-grid{
        gap:10px;
    }

    .sr-category-card{
        min-height:165px;
        border-radius:15px;
    }

    .sr-category-content{
        padding:13px;
    }

    .sr-category-name{
        font-size:17px;
    }

    .sr-category-icon{
        width:36px;
        height:36px;
        font-size:17px;
    }
}/* SR NEWS TV */

.tv-card{
background:#111f39;
border:1px solid rgba(255,255,255,.08);
border-radius:22px;
overflow:hidden;
}

.live-video iframe{
width:100%;
aspect-ratio:16/9;
border:0;
display:block;
}

.tv-info{
padding:22px;
}

.tv-info h3{
font-size:28px;
color:#fff;
margin-bottom:10px;
}

.tv-info p{
color:#9fb4d8;
margin-bottom:20px;
line-height:1.7;
}

.tv-btn{
display:inline-block;
padding:12px 24px;
background:#ff003c;
color:#fff;
border-radius:40px;
text-decoration:none;
font-weight:700;
transition:.3s;
}

.tv-btn:hover{
background:#ff2c63;
transform:translateY(-2px);
}.srn-footer{
background:#07162d;
padding:50px 20px 20px;
border-top:1px solid rgba(255,255,255,.08);
}

.footer-grid{
display:grid;
grid-template-columns:2fr 1fr;
gap:40px;
}

.footer-logo{
width:90px;
margin-bottom:15px;
}

.footer-col p{
color:#bfc9d6;
line-height:1.8;
}

.footer-col h3{
color:#fff;
margin-bottom:15px;
}

.footer-col ul{
list-style:none;
padding:0;
margin:0;
}

.footer-col li{
margin-bottom:10px;
}

.footer-col a{
color:#d5deea;
text-decoration:none;
}

.footer-col a:hover{
color:#4da3ff;
}

.footer-social{
display:flex;
gap:15px;
margin-top:20px;
flex-wrap:wrap;
}

.footer-bottom{
margin-top:40px;
padding-top:20px;
border-top:1px solid rgba(255,255,255,.08);
text-align:center;
color:#9aa9bc;
}

@media(max-width:768px){

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

.footer-logo{
width:70px;
}

}/* ===== FOOTER BUTTON STYLE ===== */

.srn-social{
    display:grid;
    grid-template-columns:repeat(2, minmax(0,1fr));
    gap:12px;
    margin-top:24px;
}

.srn-social a{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:48px;
    padding:12px 14px;
    margin:0;
    border-radius:14px;
    background:#13233d;
    border:1px solid rgba(255,255,255,.10);
    color:#fff;
    font-size:15px;
    font-weight:700;
    text-decoration:none;
    transition:.25s ease;
}

.srn-social a:hover{
    background:#1f75ff;
    border-color:#1f75ff;
    transform:translateY(-2px);
}

.srn-links ul{
    display:grid;
    grid-template-columns:1fr;
    gap:12px;
}

.srn-links li{
    margin:0;
}

.srn-links a{
    display:flex;
    align-items:center;
    justify-content:space-between;
    min-height:52px;
    padding:13px 16px;
    border-radius:14px;
    background:#101e35;
    border:1px solid rgba(255,255,255,.09);
    color:#e4eaf4;
    font-size:15px;
    font-weight:650;
    text-decoration:none;
    transition:.25s ease;
}

.srn-links a::after{
    content:"›";
    color:#4da3ff;
    font-size:24px;
    line-height:1;
}

.srn-links a:hover{
    background:#162a49;
    border-color:#4da3ff;
    color:#fff;
    transform:translateX(3px);
}

@media(max-width:480px){
    .srn-social{
        grid-template-columns:1fr 1fr;
    }

    .srn-social a{
        font-size:14px;
        padding:11px 8px;
    }

    .srn-links a{
        min-height:50px;
        font-size:14px;
    }
}.srn-social a{
    justify-content:flex-start;
    gap:8px;
    padding-left:18px;
}

.srn-links ul{
    gap:9px;
}

.srn-links a{
    min-height:46px;
    padding:11px 16px;
}.srn-social{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:12px;
    margin-top:20px;
}

.srn-social a{
    display:flex;
    align-items:center;
    gap:10px;
    padding:12px 16px;
    background:#12213d;
    border:1px solid rgba(255,255,255,.08);
    border-radius:14px;
    text-decoration:none;
    color:#fff;
    font-weight:600;
    transition:.25s;
}

.srn-social a:hover{
    background:#1d3b68;
    transform:translateY(-2px);
}

.social-icon{
    width:24px;
    height:24px;
    object-fit:contain;
    flex-shrink:0;
}.srn-social a{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    gap:12px;
    min-height:130px;
}.social-icon{
    width:36px;
    height:36px;
}.srn-links{
    margin-top:40px;
}.srn-brand img{
    width:120px;} 
.srn-brand img{
    width:110px;
}.srn-social a{
    min-height:120px;
} 
.srn-social a{
    min-height:120px;
}.social-icon{
    width:40px;
    height:40px;
}.srn-brand p{
    color:#cfd8e6;/* SR NEWS MOBILE HEADER – CLEAN LAYOUT */
@media (max-width:640px){

  .main-header{
    display:grid !important;
    grid-template-columns:48px minmax(0,1fr) !important;
    align-items:center !important;
    gap:10px !important;
    padding:10px 0 !important;
    min-height:78px !important;
  }

  .menu-toggle{
    grid-column:1 !important;
    grid-row:1 !important;
    width:46px !important;
    height:46px !important;
    margin:0 !important;
    align-self:center !important;
  }

  .brand{
    grid-column:2 !important;
    grid-row:1 !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 104px !important;
    align-items:center !important;
    gap:8px !important;
    width:100% !important;
    min-width:0 !important;
  }

  .brand-home-link{
    grid-column:1 !important;
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    min-width:0 !important;
    width:auto !important;
  }

  .brand-logo img,
  .brand-logo .custom-logo{
    width:50px !important;
    max-width:50px !important;
    height:50px !important;
    object-fit:contain !important;
  }

  .brand-text{
    flex:1 !important;
    min-width:0 !important;
    padding-left:8px !important;
  }

  .brand-top{
    display:block !important;
    width:auto !important;
  }

  .brand-title{
    margin:0 !important;
    font-size:15px !important;
    white-space:nowrap !important;
  }

  .brand-tag{
    margin-top:4px !important;
    max-width:115px !important;
    font-size:8px !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  .header-language-switcher{
    grid-column:2 !important;
    display:flex !important;
    justify-content:flex-end !important;
    align-items:center !important;
    margin:0 !important;
    width:104px !important;
  }

  .header-language-switcher .srnat-trigger{
    width:104px !important;
    min-width:104px !important;
    height:48px !important;
    padding:0 7px !important;
    border-radius:11px !important;
  }

  .header-language-switcher .srnat-language-title{
    font-size:10px !important;
  }

  .header-language-switcher .srnat-language-current{
    font-size:9px !important;
  }

  .header-language-switcher .srnat-menu{
    top:calc(100% + 8px) !important;
    right:0 !important;
    left:auto !important;
    width:180px !important;
  }

  .main-nav{
    grid-column:1 / -1 !important;
    top:78px !important;
 }
 
/* SR NEWS QUICK MENU */.sr-quick-menu{
    display:grid !important;
    grid-template-columns:repeat(2,1fr) !important;
    gap:10px !important;
}

.sr-quick-card{
    min-height:78px;
    padding:10px 5px;
    border-radius:14px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:5px;
    color:#fff !important;
    text-decoration:none !important;
    text-align:center;
    font-weight:700;
    font-size:14px;
    box-shadow:0 5px 14px rgba(0,0,0,.2);
}

.sr-quick-icon{
    font-size:25px;
    line-height:1;
}

.sr-news-btn{
    background:linear-gradient(135deg,#1677ff,#094a9c);
}

.sr-jobs-btn{
    background:linear-gradient(135deg,#16a05d,#08703c);
}

.sr-market-btn{
    background:linear-gradient(135deg,#ff9d16,#dc6700);
}

.sr-breaking-btn{
    background:linear-gradient(135deg,#ff3545,#b60020);
}

.sr-quick-card:active{
    transform:scale(.97);
}

@media(max-width:640px){
    .sr-quick-menu{
        grid-template-columns:repeat(4,1fr);
        gap:7px;
        margin:12px 0 14px;
    }

    .sr-quick-card{
        min-height:70px;
        padding:8px 3px;
        font-size:11px;
        border-radius:12px;
    }

    .sr-quick-icon{
        font-size:22px;
    }
}
/* SR NEWS QUICK MENU */
.sr-quick-menu{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:10px;
    margin:15px 0;
}

.sr-quick-card{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-decoration:none !important;
    color:#fff !important;
    border-radius:16px;
    padding:12px 6px;
    min-height:78px;
    font-size:13px;
    font-weight:700;
    box-shadow:0 6px 15px rgba(0,0,0,.25);
    transition:.2s;
}

.sr-quick-card:hover{
    transform:translateY(-2px);
}

.sr-quick-icon{
    font-size:28px;
    margin-bottom:6px;
}

.sr-news-btn{
    background:#1677ff;
}

.sr-jobs-btn{
    background:#16a34a;
}

.sr-market-btn{
    background:#f59e0b;
}

.sr-breaking-btn{
    background:#ef4444;
}