/*
Theme Name: Phetchabun News Pro
Theme URI: https://phetchabunnews.com/
Author: Phetchabun News
Description: ธีมเว็บไซต์ข่าวเพชรบูรณ์แบบมืออาชีพ รองรับข่าวท้องถิ่น ข่าวทั่วไป วิทยุออนไลน์ และวิดีโอ
Version: 1.1.3
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: phetchabun-news-pro
*/
:root{--navy:#071a3b;--blue:#123eaa;--red:#d7192d;--ink:#172033;--muted:#687386;--line:#e5e9f0;--paper:#f4f6fa;--white:#fff;--radius:13px;--shadow:0 5px 22px rgba(13,31,66,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Tahoma,"Noto Sans Thai",Arial,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}a:hover{color:var(--red)}img{max-width:100%;height:auto;display:block}.container{width:min(1200px,calc(100% - 32px));margin:auto}.site-header{background:linear-gradient(115deg,#061632,#102e72 70%,#071a3b);color:#fff}.header-main{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 0}.brand{display:flex;align-items:center;gap:14px;min-width:240px}.custom-logo{max-height:68px;width:auto}.site-title{font-size:clamp(25px,3vw,38px);font-weight:900;line-height:1.1;letter-spacing:-1px}.site-title span{color:#ffcf35}.site-description{font-size:12px;color:#c8d5f4;margin-top:5px}.header-right{display:flex;align-items:center;gap:18px}.header-weather{font-size:13px;color:#dce7ff;text-align:center}.header-weather strong{display:block;font-size:25px;color:#fff}.social-links{display:flex;gap:9px}.social-links a{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#123eaa;font-weight:bold}.search-form{display:flex;background:#fff;border-radius:30px;padding:4px;overflow:hidden}.search-form input{border:0;outline:0;padding:8px 13px;min-width:140px}.search-form button{border:0;border-radius:50%;background:var(--red);color:#fff;width:34px;cursor:pointer}.mobile-toggle{display:none;background:none;border:1px solid #8296c3;color:#fff;border-radius:8px;padding:7px 12px;font-size:20px}.main-nav{background:#123eaa;color:#fff}.nav-inner{display:flex;align-items:center;gap:0;min-height:48px}.main-nav ul{display:flex;list-style:none;padding:0;margin:0;gap:0;flex-wrap:wrap}.main-nav li a{display:block;padding:12px 13px;font-size:14px;font-weight:700}.main-nav li a:hover,.main-nav .current-menu-item>a{background:#d7192d;color:#fff}.breaking{background:#fff;border-bottom:1px solid var(--line)}.breaking-inner{display:flex;align-items:center;gap:13px;min-height:46px;overflow:hidden}.breaking-label{background:var(--red);color:#fff;font-weight:900;padding:6px 13px;border-radius:6px;white-space:nowrap;font-size:13px}.breaking-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}.breaking-date{margin-left:auto;white-space:nowrap;color:var(--muted);font-size:12px}.page-content{padding:22px 0 36px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:22px 0 12px}.section-heading h2{font-size:21px;margin:0;font-weight:900;border-left:5px solid var(--red);padding-left:10px}.section-heading a{font-size:13px;color:var(--blue);font-weight:700}.hero-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:14px}.hero-main,.hero-small{position:relative;overflow:hidden;border-radius:var(--radius);background:#d8deea;box-shadow:var(--shadow);color:#fff}.hero-main{min-height:345px}.hero-side{display:grid;grid-template-rows:1fr 1fr;gap:14px}.hero-small{min-height:165px}.cover-link{position:absolute;inset:0}.post-thumb{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .35s}.hero-main:hover .post-thumb,.hero-small:hover .post-thumb{transform:scale(1.035)}.image-shade{position:absolute;inset:25% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.85))}.hero-copy{position:absolute;z-index:2;left:20px;right:20px;bottom:18px}.category-tag{display:inline-block;background:var(--red);color:#fff;border-radius:5px;padding:3px 9px;font-size:12px;font-weight:700;margin-bottom:7px}.hero-copy h2{font-size:clamp(21px,2.6vw,31px);line-height:1.35;margin:0 0 8px;font-weight:900}.hero-small .hero-copy{left:15px;right:15px;bottom:12px}.hero-small .hero-copy h2{font-size:18px}.post-meta{font-size:12px;color:inherit;opacity:.9;display:flex;gap:13px;flex-wrap:wrap}.category-strip{display:grid;grid-template-columns:repeat(11,1fr);background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);margin:18px 0;overflow:hidden}.category-strip a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:12px 5px;border-right:1px solid var(--line);font-size:12px;font-weight:700;text-align:center}.category-strip a:last-child{border:0}.category-icon{font-size:22px}.layout-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:22px}.news-feature-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:14px}.feature-card,.news-row,.category-box,.widget-box,.video-box{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.feature-card .thumb{height:230px;object-fit:cover;width:100%}.feature-card .card-body{padding:13px}.feature-card h3{font-size:18px;line-height:1.45;margin:5px 0 8px}.news-list{display:grid;gap:10px}.news-row{display:grid;grid-template-columns:112px 1fr;gap:12px;padding:9px;align-items:center}.news-row img{width:112px;height:78px;object-fit:cover;border-radius:8px}.news-row h3{font-size:14px;line-height:1.45;margin:0 0 5px}.muted{color:var(--muted);font-size:12px}.category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.category-box{padding:13px}.category-box h3{font-size:17px;margin:0 0 10px;border-left:4px solid var(--red);padding-left:9px}.category-box .news-row{box-shadow:none;border:0;border-top:1px solid var(--line);border-radius:0;padding:9px 0}.category-box .news-row:first-of-type{border-top:0}.sidebar{display:grid;align-content:start;gap:16px}.widget-title{background:var(--red);color:#fff;padding:9px 13px;margin:0;font-size:16px;font-weight:900}.widget-content{padding:13px}.radio-panel{background:linear-gradient(135deg,#071a3b,#174bb9);color:#fff;border-radius:10px;padding:15px}.radio-panel h3{margin:0 0 6px;font-size:17px}.radio-panel p{font-size:12px;margin:0 0 10px;color:#d7e4ff}.radio-panel audio{width:100%;height:34px}.video-feature{width:100%;aspect-ratio:16/9;background:#111;border:0}.video-list{display:grid;gap:10px}.video-item{display:grid;grid-template-columns:95px 1fr;gap:9px;font-size:13px;align-items:center}.video-item img{width:95px;height:60px;object-fit:cover;border-radius:6px}.popular-list{counter-reset:pop;list-style:none;margin:0;padding:0}.popular-list li{counter-increment:pop;display:flex;gap:10px;padding:9px 0;border-bottom:1px solid var(--line);font-size:13px}.popular-list li:before{content:counter(pop);background:var(--red);color:#fff;border-radius:50%;width:23px;height:23px;flex:0 0 23px;display:grid;place-items:center;font-weight:900}.media-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.media-card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:var(--shadow)}.media-card img{width:100%;height:115px;object-fit:cover}.media-card h3{font-size:13px;line-height:1.4;padding:9px;margin:0}.site-footer{background:#061632;color:#dce6fa;padding:30px 0 14px;margin-top:25px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:25px}.site-footer h3{color:#fff;font-size:17px;margin:0 0 10px}.site-footer p,.site-footer li{font-size:13px;color:#c2cde2}.site-footer ul{padding-left:18px;margin:0}.copyright{border-top:1px solid #34466a;margin-top:22px;padding-top:12px;font-size:12px;color:#aebbd5}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px}.article-card{background:#fff;border-radius:var(--radius);padding:22px;box-shadow:var(--shadow)}.article-card h1{font-size:30px;line-height:1.35;margin:8px 0}.article-card .featured-image{width:100%;height:auto;border-radius:10px;margin:15px 0}.article-content{font-size:17px;line-height:1.9}.article-content img{border-radius:8px}.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.archive-card{background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.archive-card img{width:100%;height:170px;object-fit:cover}.archive-card .card-body{padding:12px}.archive-card h2{font-size:16px;line-height:1.45;margin:5px 0}.pagination{margin:24px 0}.pagination .page-numbers{display:inline-block;background:#fff;border:1px solid var(--line);padding:8px 12px;margin:3px;border-radius:6px}.pagination .current{background:var(--blue);color:#fff}.empty-thumb{background:linear-gradient(135deg,#cbd7ee,#e8edf6);display:grid;place-items:center;color:#60749a;font-size:13px}.screen-reader-text{position:absolute;left:-9999px}
@media(max-width:950px){.header-right{gap:10px}.category-strip{grid-template-columns:repeat(6,1fr)}.layout-grid,.article-layout{grid-template-columns:minmax(0,1fr) 270px}.hero-main{min-height:300px}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.container{width:min(100% - 22px,600px)}.header-main{padding:13px 0}.header-right{display:none}.mobile-toggle{display:block}.main-nav{display:none}.main-nav.is-open{display:block}.nav-inner,.main-nav ul{display:block}.main-nav li a{padding:10px 13px;border-top:1px solid rgba(255,255,255,.12)}.breaking-date{display:none}.hero-grid{grid-template-columns:1fr}.hero-main{min-height:280px}.hero-side{grid-template-columns:1fr 1fr;grid-template-rows:auto}.hero-small{min-height:145px}.hero-small .hero-copy h2{font-size:14px}.hero-small .hero-copy{left:10px;right:10px;bottom:9px}.hero-small .post-meta{font-size:10px}.category-strip{grid-template-columns:repeat(4,1fr)}.category-strip a{padding:9px 3px}.layout-grid,.article-layout{grid-template-columns:1fr}.sidebar{grid-template-columns:1fr}.news-feature-grid{grid-template-columns:1fr}.category-grid{grid-template-columns:1fr}.media-gallery{grid-template-columns:repeat(2,1fr)}.archive-grid{grid-template-columns:repeat(2,1fr)}.archive-card img{height:125px}.article-card{padding:15px}.article-card h1{font-size:24px}.article-content{font-size:16px}.footer-grid{grid-template-columns:1fr 1fr;gap:15px}.site-title{font-size:26px}}

/* WanNews-inspired professional front page refinement */
.site-header{background:radial-gradient(ellipse at 58% 0%,rgba(18,91,190,.72),transparent 38%),linear-gradient(112deg,#03132e 0%,#071f50 52%,#06142f 100%);position:relative;overflow:hidden}
.site-header:after{content:"";position:absolute;right:18%;top:-120px;width:360px;height:260px;border:1px solid rgba(91,170,255,.18);border-radius:50%;box-shadow:0 0 0 28px rgba(91,170,255,.035),0 0 0 58px rgba(91,170,255,.025);pointer-events:none}
.header-main{min-height:100px;padding:14px 0;position:relative;z-index:1}
.brand{gap:30px;min-width:0}.brand-mark{min-width:245px}.site-title{font-size:38px;letter-spacing:-1.5px;color:#fff;text-shadow:0 2px 8px #0005}.site-title span{color:#fff;background:#d7192d;padding:0 5px;border-radius:2px;margin-left:3px}.brand-subtitle{font-size:12px;font-weight:700;color:#fff;margin-top:2px;text-align:center;letter-spacing:.2px}.brand-promise{display:flex;flex-direction:column;gap:3px;border-left:1px solid #ffffff35;padding-left:25px;color:#fff;font-size:17px;line-height:1.5}.brand-promise span{font-size:14px;color:#d5e4ff}.header-right{gap:15px}.header-weather{min-width:110px}.header-weather strong{font-size:31px;line-height:1.2}.header-weather span{display:block;font-size:11px;color:#dce7ff}.social-links{gap:10px}.social-links a{width:38px;height:38px;color:#fff;box-shadow:0 3px 9px #0003}.social-links .social-facebook{background:#1877f2;font-size:24px}.social-links .social-youtube{background:#ed1c24;font-size:17px}.social-links .social-line{background:#06c755;font-size:10px}.search-form{min-width:205px}.search-form input{min-width:155px}.search-form button{background:#071a3b}
.main-nav{background:linear-gradient(90deg,#092e8d,#142b8e 55%,#071a56);box-shadow:0 3px 9px #061b4c22}.nav-inner{min-height:47px}.main-nav ul{width:100%;justify-content:space-between}.main-nav li a{padding:12px 10px;font-size:13px;white-space:nowrap}.main-nav li:first-child a{background:#d7192d}.breaking-inner{min-height:43px}.breaking-label{border-radius:6px 6px 6px 6px;padding:7px 14px}.breaking-date{font-weight:700;color:#26344c}
.page-content{padding-top:17px}.hero-grid{grid-template-columns:1.48fr 1fr;gap:12px}.hero-main{min-height:330px}.hero-side{gap:12px}.hero-small{min-height:159px}.hero-main,.hero-small{border-radius:12px}.hero-copy h2{font-size:clamp(22px,2.4vw,30px);text-shadow:0 2px 5px #0008}.hero-small .hero-copy h2{font-size:18px}.post-meta{font-weight:700;text-shadow:0 1px 3px #0008}.category-strip{grid-template-columns:repeat(12,minmax(0,1fr));margin:14px 0 17px;border-radius:12px}.category-strip a{min-height:75px;padding:8px 3px;font-size:11px;line-height:1.35}.category-icon{font-size:25px;line-height:1.2}.section-heading{margin:19px 0 11px}.section-heading h2{font-size:21px;color:#102b68}.layout-grid{grid-template-columns:minmax(0,1fr) 286px;gap:18px}.news-feature-grid{grid-template-columns:1.08fr 1fr;gap:12px}.feature-card .thumb{height:215px}.feature-card .card-body{padding:11px}.feature-card h3{font-size:17px}.news-list{gap:8px}.news-row{grid-template-columns:104px 1fr;gap:10px;padding:8px}.news-row img{width:104px;height:72px}.news-row h3{font-size:13px}.category-grid{gap:12px}.category-box{padding:11px}.category-box h3{font-size:16px}.sidebar{gap:13px}.widget-title{padding:8px 12px;font-size:15px}.widget-content{padding:10px}.radio-panel{min-height:122px;display:grid;grid-template-columns:58px 1fr;align-items:center;column-gap:10px;padding:13px}.radio-icon{grid-row:span 2;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#e91d48;font-size:27px;box-shadow:0 0 0 6px #ffffff18}.radio-panel h3{font-size:16px}.radio-panel audio,.radio-panel .radio-hint{grid-column:1/-1}.radio-panel .radio-hint{margin-top:8px}.youtube-placeholder{min-height:145px;display:grid;place-items:center;text-align:center;padding:18px;background:linear-gradient(135deg,#dbe7ff,#f6f8fc);color:#52627b;font-size:13px;border-radius:8px}.popular-list li{display:grid;grid-template-columns:23px 1fr;column-gap:9px;align-items:start;padding:8px 0}.popular-list li:before{grid-row:span 2}.popular-date{font-size:10px;color:var(--muted)}.weather-panel{background:linear-gradient(135deg,#0753bd,#0789e9);color:#fff;padding:14px;border-radius:0 0 9px 9px}.weather-main{display:flex;align-items:center;gap:15px}.weather-symbol{font-size:40px}.weather-main strong{display:block;font-size:32px;line-height:1.2}.weather-main span:last-child{font-size:12px}.weather-panel p{font-size:11px;margin:10px 0 0;color:#e3f0ff}.media-gallery{gap:10px}.media-card{border-radius:9px}.media-card img{height:120px}.site-footer{background:radial-gradient(ellipse at 15% 0%,#102f6a,#061632 65%);padding:30px 0 13px}.footer-grid{grid-template-columns:1.35fr 1fr 1fr 1fr;gap:22px}.site-footer h3{font-size:16px}.copyright{margin-top:18px}
@media(max-width:1050px){.brand-promise{display:none}.header-right{gap:9px}.layout-grid{grid-template-columns:minmax(0,1fr) 260px}.main-nav li a{padding-left:7px;padding-right:7px;font-size:12px}}
@media(max-width:850px){.header-main{min-height:82px}.header-right{display:none}.brand-mark{min-width:0}.site-title{font-size:32px}.category-strip{grid-template-columns:repeat(6,1fr)}.layout-grid{grid-template-columns:1fr}.sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar .weather-widget{grid-column:span 2}}
@media(max-width:700px){.brand{gap:8px}.site-title{font-size:27px}.brand-subtitle{font-size:10px}.hero-grid{grid-template-columns:1fr}.hero-main{min-height:270px}.hero-side{grid-template-columns:1fr 1fr;grid-template-rows:auto}.hero-small{min-height:145px}.category-strip{grid-template-columns:repeat(4,1fr)}.category-strip a{min-height:65px}.news-feature-grid{grid-template-columns:1fr}.feature-card .thumb{height:210px}.sidebar{grid-template-columns:1fr}.sidebar .weather-widget{grid-column:auto}.footer-grid{grid-template-columns:1fr 1fr}.main-nav ul{display:block}.main-nav li a{font-size:14px}}


/* v1.1.3 — compact 4-column category cards matching the approved reference */
.category-grid-compact{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px 12px;
  margin:18px 0 22px;
  align-items:stretch;
}
.category-grid-compact .category-tile{
  min-width:0;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  overflow:visible;
}
.category-tile-title{
  display:flex;
  align-items:center;
  margin:0 0 8px!important;
  padding:0 0 0 9px!important;
  border:0!important;
  border-left:5px solid var(--red)!important;
  color:#102b68;
  font-size:17px!important;
  line-height:1.3;
  font-weight:900;
}
.category-tile-title a{display:flex;align-items:center;justify-content:space-between;width:100%;gap:5px}
.category-tile-title b{color:var(--blue);font-size:19px}
.category-story{min-width:0;background:#fff;border-radius:9px;overflow:hidden;box-shadow:var(--shadow);height:100%}
.category-story-image{display:block;overflow:hidden;background:#e8edf6}
.category-story-image img,.category-story-image .empty-thumb{width:100%;height:94px;object-fit:cover}
.category-story h4{margin:0;padding:8px 9px 4px;font-size:13px;line-height:1.42;font-weight:850;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;min-height:59px}
.category-story-meta{display:flex;gap:8px;flex-wrap:wrap;padding:2px 9px 9px;color:var(--muted);font-size:10px;line-height:1.3}
.category-empty{margin:0;background:#fff;border:1px dashed #d9e1ef;border-radius:8px;padding:14px 10px;color:var(--muted);font-size:12px;min-height:90px}
.media-section{margin-top:16px}
.media-heading{background:linear-gradient(90deg,#102b68,#0754c5);border-radius:8px;padding:7px 12px;margin:0 0 10px!important}
.media-heading h2,.media-heading a{color:#fff!important}
.media-heading h2{border:0!important;padding:0!important;font-size:18px!important}
.media-gallery{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.media-card{min-width:0}
.media-card img,.media-card .empty-thumb{height:105px;width:100%;object-fit:cover}
.media-card h3{font-size:12px;line-height:1.4;padding:8px 8px 10px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:51px}
@media(max-width:1050px){.category-grid-compact{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 9px}.category-story-image img,.category-story-image .empty-thumb{height:88px}}
@media(max-width:700px){.category-grid-compact{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 10px}.category-story-image img,.category-story-image .empty-thumb{height:110px}.category-story h4{font-size:13px}.media-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* v1.1.3 — clear label for fallback stories in empty categories */
.category-fallback-label{display:inline-block;margin:7px 9px 0;padding:2px 7px;border-radius:4px;background:#e9f0ff;color:#1746a2;font-size:10px;font-weight:800;line-height:1.5}
.category-fallback-label+h4{padding-top:4px}
.media-card{height:100%}
.media-card>a{display:flex;flex-direction:column;height:100%}
.media-card h3{flex:1}
.footer-socials{display:flex;gap:9px;flex-wrap:wrap;margin-top:12px}
.footer-socials a{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 10px;border-radius:18px;background:#123eaa;color:#fff;font-size:12px;font-weight:800}
.footer-socials a:hover{background:#d7192d;color:#fff}
@media(max-width:700px){.media-card img,.media-card .empty-thumb{height:120px}}

/* v1.1.4: Thai PBS-inspired latest-news lead area */
.latest-top-section{margin:0 0 18px}.latest-top-heading{margin:0 0 10px}.latest-top-heading span{font-size:12px;color:var(--muted);font-weight:700}.hero-grid{grid-template-columns:minmax(0,1.42fr) minmax(0,1fr);gap:12px}.hero-main{min-height:356px}.hero-side{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:12px}.hero-small{min-height:172px}.hero-small .hero-copy h2{font-size:clamp(13px,1.25vw,17px);line-height:1.35}.hero-small .hero-copy{left:12px;right:12px;bottom:10px}.hero-small .category-tag{font-size:10px;padding:2px 7px;margin-bottom:4px}.hero-small .post-meta{font-size:10px;gap:7px}.hero-main .hero-copy h2{font-size:clamp(22px,2.2vw,29px)}
@media(max-width:950px){.hero-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.hero-main{min-height:320px}.hero-small{min-height:145px}}
@media(max-width:700px){.latest-top-heading{margin:0 0 9px}.hero-grid{grid-template-columns:1fr}.hero-main{min-height:280px}.hero-side{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto}.hero-small{min-height:150px}.hero-small .hero-copy h2{font-size:13px}.hero-small .post-meta{font-size:9px}}