/*
Theme Name: Lich Cup Dien Ca Mau
Description: Theme B - Local Portal cho website lịch cúp điện Cà Mau.
Version: 1.6.0
*/
:root{--cm-green:#237534;--cm-green2:#2f8d42;--cm-deep:#155b26;--cm-pale:#edf7ef;--cm-bg:#f6f8f7;--cm-dark:#183222;--cm-text:#3e5545;--cm-muted:#77867b;--cm-line:#e1e9e3;--cm-red:#df6a68;--cm-max:1180px;--cm-shadow:0 8px 26px rgba(22,78,39,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cm-bg);color:var(--cm-text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:14px;line-height:1.55}a{text-decoration:none;color:inherit}.cm-shell{width:min(var(--cm-max),calc(100% - 40px));margin:0 auto}
.cm-header{height:72px;background:#fff;border-bottom:1px solid #e8eee9;position:sticky;top:0;z-index:1000;box-shadow:0 2px 10px rgba(11,67,34,.05)}.cm-header-inner{height:100%;display:flex;align-items:center;gap:24px}.cm-logo{display:flex;align-items:center;gap:10px;color:var(--cm-deep);min-width:210px}.cm-logo-icon{width:40px;height:40px;border:2px solid var(--cm-green);border-radius:50%;display:grid;place-items:center;color:var(--cm-green);font-size:22px}.cm-logo span:last-child{display:flex;flex-direction:column;line-height:1}.cm-logo b{font-size:12px}.cm-logo strong{font-size:18px;margin-top:3px}.cm-nav{margin-left:auto}.cm-nav ul{display:flex;align-items:center;gap:4px;margin:0;padding:0;list-style:none}.cm-nav a{height:72px;display:flex;align-items:center;padding:0 11px;font-size:12px;color:#4a5d50;font-weight:750}.cm-nav a:hover,.cm-nav .current-menu-item>a{color:var(--cm-green)}.cm-menu-toggle{display:none;border:0;background:transparent;font-size:22px;color:var(--cm-deep)}
.cm-hero{height:390px;position:relative;overflow:hidden;background:#315f3e}.cm-hero-art{position:absolute;inset:0;background-image:url('assets/images/hero-camau.webp');background-size:cover;background-position:center 45%}.cm-hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,60,30,.05),rgba(6,56,24,.36))}.cm-hero-inner{height:100%;display:flex;align-items:center;justify-content:center;position:relative;z-index:2;text-align:center}.cm-hero-copy{color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.34)}.cm-hero h1{margin:0;font-size:48px;line-height:1.05;font-weight:900;letter-spacing:-.035em}.cm-hero p{margin:12px 0 0;font-size:19px;font-weight:650}
.cm-search-wrap{margin-top:-42px;position:relative;z-index:5}.cm-searchbar{background:#fff;border-radius:12px;box-shadow:0 14px 34px rgba(20,74,35,.18);padding:16px 18px;display:grid;grid-template-columns:1fr 1fr 1.35fr 120px;gap:12px}.cm-searchbar label{display:flex;flex-direction:column;gap:7px}.cm-searchbar label span{font-size:10px;font-weight:900;color:#5b6f60;text-transform:uppercase;letter-spacing:.04em}.cm-searchbar input,.cm-searchbar select{height:46px;width:100%;min-width:0;border:1px solid #d8e4da;border-radius:8px;background:#fff;color:#22382a;padding:0 11px;outline:none}.cm-searchbar input:focus,.cm-searchbar select:focus{border-color:#6fb77c;box-shadow:0 0 0 3px rgba(35,117,52,.09)}.cm-search-submit{height:46px;align-self:end;border:0;border-radius:8px;background:#2f7d32;color:#fff;font-weight:900;cursor:pointer;box-shadow:0 7px 18px rgba(47,125,50,.22)}.cm-search-submit:hover{background:#256829}
.cm-quick-stats{display:grid;grid-template-columns:repeat(4,1fr);margin:0 0 24px;background:#fff;border-radius:0 0 12px 12px;border:1px solid var(--cm-line);border-top:0;box-shadow:0 5px 16px rgba(20,74,35,.05)}.cm-quick-stat{padding:22px 12px 19px;display:grid;justify-items:center;gap:3px;border-right:1px solid #e9efea}.cm-quick-stat:last-child{border-right:0}.cm-quick-stat span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#eff8f1;color:var(--cm-green);font-size:16px}.cm-quick-stat.red span{background:#fff0ef;color:#d66a66}.cm-quick-stat small{font-size:10px;color:#738276}.cm-quick-stat b{font-size:27px;color:var(--cm-green);line-height:1}.cm-quick-stat.red b{color:#d55b58}.cm-quick-stat em{font-style:normal;font-size:9px;color:#7f8d82}
.cm-panel{background:#fff;border:1px solid var(--cm-line);border-radius:10px;box-shadow:0 5px 18px rgba(22,78,39,.045);overflow:hidden}.cm-panel-head{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:17px 20px;border-bottom:1px solid #edf2ee}.cm-panel-head h2{margin:0;color:var(--cm-dark);font-size:17px;font-weight:900}.cm-panel-head a{font-size:10px;color:var(--cm-green);font-weight:800}.cm-main-schedule{margin-bottom:20px}.cm-schedule-list{padding:0 20px}.cm-schedule-row{display:grid;grid-template-columns:110px 1.3fr 1fr 100px;gap:16px;align-items:center;padding:14px 0;border-bottom:1px solid #edf2ee}.cm-schedule-row:last-child{border-bottom:0}.cm-time-chip{display:flex;flex-direction:column;gap:3px}.cm-time-chip b{display:inline-flex;width:max-content;background:#e7f6e9;color:#28713a;border-radius:5px;padding:7px 9px;font-size:11px}.cm-time-chip small{font-size:9px;color:#819085}.cm-place b,.cm-reason b{display:block;color:#243b2c;font-size:11px}.cm-place small,.cm-reason small{display:block;color:#7b897f;font-size:9px;margin-top:3px}.cm-unit{font-size:9px;color:#63766a;text-align:right;font-weight:700}.cm-empty{padding:30px;text-align:center;color:#7a8a7e}
.cm-portal-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:18px;margin-bottom:20px}.cm-news-list{padding:0 16px 10px}.cm-news-line{display:grid;grid-template-columns:82px 1fr;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid #edf2ee}.cm-news-line:last-child{border-bottom:0}.cm-news-line img,.cm-news-thumb{width:82px;height:58px;object-fit:cover;border-radius:6px}.cm-news-thumb{display:grid;place-items:center;background:#e7f4ea;color:var(--cm-green);font-size:22px}.cm-news-line span:last-child{display:flex;flex-direction:column}.cm-news-line b{font-size:11px;color:#2b4031}.cm-news-line small{font-size:9px;color:#8a978d;margin-top:4px}.cm-help-panel{padding-bottom:8px}.cm-help-panel>a{display:flex;gap:12px;align-items:center;margin:0 16px 10px;padding:12px;border:1px solid #e6eee8;border-radius:8px;background:#fbfdfb}.cm-help-panel i{width:38px;height:38px;border-radius:8px;background:#e9f7ec;color:var(--cm-green);display:grid;place-items:center;font-style:normal;font-weight:900}.cm-help-panel b{display:block;color:#2a3f31;font-size:11px}.cm-help-panel small{display:block;color:#819085;font-size:9px;margin-top:3px}
.cm-regions-panel{margin-bottom:24px}.cm-regions-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:#edf2ee;padding:1px}.cm-regions-grid a{min-height:92px;background:#fff;display:grid;place-items:center;text-align:center;padding:10px}.cm-regions-grid span{font-size:21px;color:#56775e}.cm-regions-grid b{font-size:10px;color:#314637}.cm-regions-grid small{font-size:9px;color:#779083}.cm-regions-grid a:hover{background:#f3faf4}
.cm-section{margin:22px 0}.cm-section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.cm-section-title h2{font-size:18px;margin:0;color:var(--cm-dark)}.cm-faq{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cm-faq details{background:#fff;border:1px solid var(--cm-line);border-radius:8px;padding:13px 15px}.cm-faq summary{cursor:pointer;font-weight:800;color:#2d4333;font-size:11px}.cm-faq p{font-size:10px;color:#708076;margin:8px 0 0}.cm-seo-content{background:#fff;border:1px solid var(--cm-line);border-radius:10px;padding:25px 28px;margin:24px 0 34px}.cm-seo-content h2{color:var(--cm-dark);font-size:20px}.cm-seo-content h3{color:var(--cm-dark);font-size:15px}.cm-seo-content p,.cm-seo-content li{color:#526659}
.cm-footer{background:linear-gradient(145deg,#216e2f,#2e853a);color:#e8f3ea;margin-top:32px}.cm-footer-content{padding:34px 0}.cm-footer-content h2,.cm-footer-content h3{color:#fff}.cm-footer-content a{color:#e8f3ea}.cm-footer-content a:hover{color:#fff}.cm-footer-content ul{padding-left:18px}.cm-footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding:12px 0;text-align:center;font-size:10px;color:#cee2d2}.cm-footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:30px}.cm-footer-grid h3{font-size:10px;text-transform:uppercase;letter-spacing:.08em}.cm-footer-grid p,.cm-footer-grid li{font-size:10px}
.cm-page{padding:36px 0 60px}.cm-page h1{font-size:36px;line-height:1.1;color:var(--cm-dark);margin:0 0 22px}.cm-page-content{background:#fff;border:1px solid var(--cm-line);border-radius:12px;padding:24px}.cm-post{background:#fff;border:1px solid var(--cm-line);border-radius:10px;padding:20px;margin-bottom:14px}.cm-lcd-day{margin:20px 0}.cm-lcd-day-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.cm-lcd-card{display:grid;grid-template-columns:105px 1fr;border:1px solid var(--cm-line);border-radius:10px;overflow:hidden}.cm-lcd-time{background:#eff8f1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:15px 8px}.cm-lcd-time b{font-size:17px}.cm-lcd-main{padding:14px 16px}.cm-ward-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.cm-ward-link{border:1px solid var(--cm-line);border-radius:10px;padding:14px 16px;background:#fff;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:5px;min-height:72px;line-height:1.35;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.cm-ward-link:hover{border-color:#a8cbb8;box-shadow:0 6px 16px rgba(18,74,49,.07);transform:translateY(-1px)}.cm-ward-link strong{display:block;color:var(--cm-dark);font-size:13px;font-weight:800}.cm-ward-link span{display:block;color:var(--cm-muted);font-size:11px;font-weight:500}
@media(max-width:980px){.cm-nav a{padding:0 8px}.cm-regions-grid{grid-template-columns:repeat(4,1fr)}.cm-footer-grid{grid-template-columns:1.3fr 1fr 1fr}.cm-footer-grid>div:last-child{grid-column:auto}}
@media(max-width:820px){.cm-header-inner{height:68px}.cm-header{height:68px}.cm-menu-toggle{display:block;margin-left:auto}.cm-nav{display:none;position:absolute;left:16px;right:16px;top:68px;background:#fff;border:1px solid var(--cm-line);border-radius:10px;padding:8px;box-shadow:var(--cm-shadow)}.cm-nav.open{display:block}.cm-nav ul{display:block}.cm-nav a{height:42px}.cm-hero{height:330px}.cm-hero h1{font-size:42px}.cm-searchbar{grid-template-columns:1fr 1fr}.cm-search-submit{grid-column:1/-1;width:100%}.cm-quick-stats{grid-template-columns:repeat(4,1fr)}.cm-schedule-row{grid-template-columns:92px 1.7fr 1fr}.cm-unit{display:none}.cm-portal-grid{grid-template-columns:1fr}.cm-regions-grid{grid-template-columns:repeat(3,1fr)}.cm-footer-grid{grid-template-columns:1fr 1fr}.cm-footer-grid>div:first-child{grid-column:1/-1}}
@media(max-width:620px){body{font-size:13px}.cm-shell{width:min(100% - 24px,var(--cm-max))}.cm-logo{min-width:0}.cm-logo b{font-size:9px}.cm-logo strong{font-size:15px}.cm-logo-icon{width:36px;height:36px}.cm-hero{height:270px}.cm-hero-art{background-position:58% center}.cm-hero h1{font-size:35px}.cm-hero p{font-size:14px}.cm-search-wrap{margin-top:-34px}.cm-searchbar{grid-template-columns:1fr 1fr;gap:9px;padding:12px}.cm-searchbar label:nth-child(3),.cm-search-submit{grid-column:1/-1}.cm-searchbar label span{font-size:8px}.cm-searchbar input,.cm-searchbar select{height:42px;font-size:11px;padding:0 9px}.cm-quick-stats{grid-template-columns:1fr 1fr;border-radius:10px;margin-top:12px}.cm-quick-stat{padding:14px 8px;border-bottom:1px solid #e9efea}.cm-quick-stat:nth-child(2){border-right:0}.cm-quick-stat b{font-size:22px}.cm-main-schedule{margin-top:14px}.cm-panel-head{padding:14px 15px}.cm-panel-head h2{font-size:14px}.cm-schedule-list{padding:0 14px}.cm-schedule-row{grid-template-columns:82px 1fr;padding:12px 0;gap:10px}.cm-reason,.cm-unit{display:none}.cm-time-chip b{font-size:9px;padding:6px}.cm-regions-grid{grid-template-columns:1fr 1fr}.cm-regions-grid a{min-height:82px}.cm-faq{grid-template-columns:1fr}.cm-footer-grid{grid-template-columns:1fr}.cm-footer-grid>div:first-child{grid-column:auto}.cm-page{padding:24px 0 42px}.cm-page h1{font-size:30px}.cm-page-content{padding:17px}.cm-ward-grid{grid-template-columns:1fr;gap:8px}.cm-ward-link{min-height:64px;padding:12px 14px}.cm-ward-link strong{font-size:13px}.cm-ward-link span{font-size:11px}.cm-lcd-card{grid-template-columns:78px 1fr}.cm-lcd-main{padding:12px}}
@media(max-width:360px){.cm-searchbar{grid-template-columns:1fr}.cm-searchbar label,.cm-search-submit{grid-column:1!important}.cm-quick-stats{grid-template-columns:1fr 1fr}.cm-hero h1{font-size:31px}}

/* 2026-08-31 UX fixes: search results, instant quick tabs, footer disclaimer */
.cm-search-results-wrap{margin-top:14px;margin-bottom:18px}.cm-search-results{border-color:#cfe4d3}.cm-search-results .cm-panel-head{background:#f5fbf6}.cm-result-kicker{display:block;color:var(--cm-green);font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin-bottom:3px}.cm-result-count{display:inline-flex;align-items:center;justify-content:center;min-width:58px;height:28px;padding:0 10px;border-radius:999px;background:#e7f6e9;color:#28713a;font-size:10px;font-weight:900}.cm-result-filter{padding:10px 20px;background:#fbfdfb;border-bottom:1px solid #edf2ee;color:#617266;font-size:10px}.cm-result-filter b{color:#2d4935}.cm-quick-stats{margin:14px 0 24px;border:1px solid var(--cm-line);border-radius:12px}.cm-quick-stat{appearance:none;-webkit-appearance:none;border:0;border-right:1px solid #e9efea;background:#fff;font-family:inherit;color:inherit;cursor:pointer}.cm-quick-stat:last-child{border-right:0}.cm-quick-stat.active{background:#f1f9f3;box-shadow:inset 0 -3px 0 var(--cm-green)}.cm-quick-stat.active small,.cm-quick-stat.active em{color:#4e6d56}.cm-tab-pane[hidden]{display:none!important}.cm-footer-disclaimer-link{margin:18px 0 0;padding-top:14px;border-top:1px solid rgba(255,255,255,.14)}.cm-footer-disclaimer-link a{font-weight:800}
@media(max-width:620px){.cm-hero{height:245px}.cm-hero h1{font-size:32px}.cm-hero p{font-size:13px}.cm-search-wrap{margin-top:-28px}.cm-searchbar{padding:11px;gap:8px}.cm-searchbar input,.cm-searchbar select{height:40px}.cm-search-submit{height:42px}.cm-search-results-wrap{margin-top:10px;margin-bottom:12px}.cm-search-results .cm-panel-head{align-items:flex-start}.cm-result-count{height:26px;min-width:52px}.cm-result-filter{padding:9px 14px}.cm-quick-stats{margin:12px 0 16px}.cm-quick-stat{padding:12px 7px}.cm-quick-stat span{width:28px;height:28px;font-size:13px}.cm-quick-stat b{font-size:20px}.cm-quick-stat small{font-size:9px}.cm-quick-stat em{font-size:8px}.cm-main-schedule{margin-top:0}.cm-schedule-row{grid-template-columns:78px 1fr}.cm-time-chip b{white-space:nowrap}.cm-footer-disclaimer-link{margin-top:12px;padding-top:12px}}

/* Desktop hero crop: keep the national flag and tower top visible. */
@media (min-width: 821px) {
  .cm-hero-art {
    /* Raise the original photo so the Vietnamese flag sits near the top edge on desktop. */
    background-position: center -9vw;
  }
}


/* 2026-08-31 cleanup: remove redundant decorative icons in news/help/regions */
.cm-news-line.no-thumb{grid-template-columns:1fr}
.cm-news-line.no-thumb>span:last-child{padding-left:0}
.cm-help-panel>a{gap:0}
.cm-help-panel>a>span{display:flex;flex-direction:column}
.cm-regions-grid a{gap:4px}
@media(max-width:620px){.cm-regions-grid a{min-height:74px;padding:12px 10px}.cm-help-panel>a{padding:11px 12px}}


/* 2026-09-03 SEO/content cleanup */
.cm-footer-brand-title{margin:0 0 10px;color:#fff;font-size:18px;font-weight:900;line-height:1.2}
.cm-ward-index>h2{margin:0 0 6px;color:var(--cm-dark);font-size:20px}
.cm-ward-index-intro{margin:0 0 16px;color:var(--cm-muted)}
.cm-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:14px;color:var(--cm-muted);font-size:12px}
.cm-breadcrumb a{color:var(--cm-green);font-weight:700}
.cm-article{max-width:900px;margin:0 auto}
.cm-article-meta{margin:-10px 0 18px;color:var(--cm-muted);font-size:12px}
.cm-article-image{margin-bottom:18px;border-radius:12px;overflow:hidden;background:#e9f3eb}
.cm-post-image,.cm-article-image img{display:block;width:100%;height:auto;aspect-ratio:1200/630;object-fit:cover}
.cm-article-content{font-size:15px;line-height:1.75}
.cm-article-content img{max-width:100%;height:auto}
.cm-article-cta{margin-top:18px;padding:18px 20px;border:1px solid #cfe4d3;border-radius:12px;background:#f4faf5;display:grid;gap:5px}
.cm-article-cta strong{color:var(--cm-dark);font-size:16px}
.cm-article-cta span{color:var(--cm-muted)}
.cm-article-cta a{margin-top:6px;width:max-content;padding:9px 13px;border-radius:8px;background:var(--cm-green);color:#fff;font-weight:800}
.cm-back-news{margin-top:18px}.cm-back-news a{color:var(--cm-green);font-weight:800}
.cm-archive-head{margin-bottom:20px}.cm-archive-head h1{margin-bottom:8px}.cm-archive-head p{margin:0;color:var(--cm-muted)}
.cm-news-archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.cm-news-card{overflow:hidden;border:1px solid var(--cm-line);border-radius:12px;background:#fff}
.cm-news-card-image{display:block;aspect-ratio:1200/630;overflow:hidden;background:#e9f3eb}
.cm-news-card-image img{display:block;width:100%;height:100%;object-fit:cover}
.cm-news-card-body{padding:14px 15px 16px}.cm-news-card-body time{font-size:10px;color:var(--cm-muted)}
.cm-news-card-body h2{margin:6px 0 7px;font-size:16px;line-height:1.35;color:var(--cm-dark)}
.cm-news-card-body p{margin:0;color:var(--cm-muted);font-size:12px}
.cm-pagination{display:flex;gap:6px;justify-content:center;margin-top:24px}.cm-pagination .page-numbers{padding:7px 10px;border:1px solid var(--cm-line);border-radius:7px;background:#fff}.cm-pagination .current{background:var(--cm-green);color:#fff;border-color:var(--cm-green)}
@media(max-width:820px){.cm-news-archive-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.cm-news-archive-grid{grid-template-columns:1fr}.cm-article-content{font-size:14px}.cm-footer-brand-title{font-size:17px}}

/* 2026-09-03 readability pass: tăng cỡ chữ nhưng giữ bố cục Theme B */
body{font-size:16px;line-height:1.65}
.cm-nav a{font-size:14px}
.cm-searchbar label span{font-size:11px}
.cm-searchbar input,.cm-searchbar select{font-size:14px}
.cm-search-submit{font-size:14px}
.cm-quick-stat small{font-size:12px}.cm-quick-stat em{font-size:10px}
.cm-panel-head h2{font-size:19px}.cm-panel-head a{font-size:12px}
.cm-time-chip b{font-size:13px}.cm-time-chip small{font-size:11px}
.cm-place b,.cm-reason b{font-size:14px;line-height:1.45}.cm-place small,.cm-reason small{font-size:11px}.cm-unit{font-size:11px}
.cm-news-line b{font-size:14px;line-height:1.45}.cm-news-line small{font-size:11px}
.cm-help-panel b{font-size:14px}.cm-help-panel small{font-size:11px}
.cm-regions-grid b{font-size:13px}.cm-regions-grid small{font-size:11px}
.cm-section-title h2{font-size:21px}.cm-faq summary{font-size:14px}.cm-faq p{font-size:13px;line-height:1.65}
.cm-seo-content{font-size:16px;line-height:1.75}.cm-seo-content h2{font-size:23px;line-height:1.3;margin-top:28px}.cm-seo-content h2:first-child{margin-top:0}.cm-seo-content h3{font-size:18px}.cm-seo-content p,.cm-seo-content li{font-size:16px;line-height:1.75}.cm-seo-content a{color:var(--cm-green);font-weight:700}
.cm-footer-grid h3{font-size:12px}.cm-footer-grid p,.cm-footer-grid li{font-size:13px;line-height:1.6}.cm-footer-bottom{font-size:12px}
.cm-ward-index-intro{font-size:14px}.cm-ward-link strong{font-size:15px}.cm-ward-link span{font-size:13px}
.cm-lcd-day-head h3{font-size:18px}.cm-lcd-day-head span{font-size:13px}.cm-lcd-main p{font-size:15px;line-height:1.55}.cm-lcd-meta,.cm-lcd-reason,.cm-lcd-source{font-size:12px}
.cm-result-kicker{font-size:10px}.cm-result-count{font-size:12px}.cm-result-filter{font-size:13px}
.cm-article-content{font-size:16px}.cm-article-meta,.cm-breadcrumb{font-size:13px}.cm-news-card-body time{font-size:11px}.cm-news-card-body h2{font-size:18px}.cm-news-card-body p{font-size:14px}
.cm-ward-admin-content{margin-top:32px}
.cm-home-seo-content ol{padding-left:22px}.cm-home-seo-content li+li{margin-top:7px}

@media(max-width:620px){
  body{font-size:15px;line-height:1.6}
  .cm-nav a{font-size:14px}
  .cm-searchbar label span{font-size:10px}
  .cm-searchbar input,.cm-searchbar select{font-size:14px}
  .cm-panel-head h2{font-size:17px}
  .cm-time-chip b{font-size:11px}
  .cm-place b{font-size:13px}.cm-place small{font-size:11px}
  .cm-news-line b,.cm-help-panel b{font-size:13px}
  .cm-news-line small,.cm-help-panel small{font-size:11px}
  .cm-regions-grid b{font-size:13px}.cm-regions-grid small{font-size:11px}
  .cm-faq summary{font-size:14px}.cm-faq p{font-size:13px}
  .cm-seo-content{padding:20px 18px;font-size:15px}
  .cm-seo-content h2{font-size:20px}.cm-seo-content h3{font-size:17px}.cm-seo-content p,.cm-seo-content li{font-size:15px}
  .cm-footer-grid h3{font-size:12px}.cm-footer-grid p,.cm-footer-grid li{font-size:13px}.cm-footer-bottom{font-size:11px}
  .cm-ward-link strong{font-size:15px}.cm-ward-link span{font-size:13px}
  .cm-lcd-main p{font-size:14px}.cm-lcd-meta,.cm-lcd-reason,.cm-lcd-source{font-size:11px}
  .cm-article-content{font-size:15px}.cm-news-card-body h2{font-size:17px}.cm-news-card-body p{font-size:13px}
}


/* 2026-09-04 V5: compact mobile search/schedule + single news portal */
.cm-portal-grid-single{grid-template-columns:1fr}
.cm-news-thumb-image{display:block;width:82px;height:58px;object-fit:cover;border-radius:6px}

@media(max-width:620px){
  /* Search card: keep date controls compact and reduce vertical footprint. */
  .cm-search-wrap{margin-top:-22px}
  .cm-searchbar{padding:9px 10px;gap:7px 8px;border-radius:11px}
  .cm-searchbar label{gap:4px}
  .cm-searchbar label span{font-size:9px;line-height:1.1}
  .cm-searchbar input,.cm-searchbar select{height:36px;min-height:36px;padding:0 8px;font-size:13px;border-radius:7px}
  .cm-searchbar label:nth-child(3){grid-column:1/2}
  .cm-search-submit{grid-column:2/3;height:36px;min-height:36px;align-self:end;font-size:13px;border-radius:7px;box-shadow:none}

  /* Quick-period tiles: lighter and shorter on phones. */
  .cm-quick-stats{margin:10px 0 14px}
  .cm-quick-stat{padding:9px 6px 10px;gap:2px;min-height:88px}
  .cm-quick-stat span{width:24px;height:24px;font-size:11px}
  .cm-quick-stat small{font-size:10px}
  .cm-quick-stat b{font-size:18px}
  .cm-quick-stat em{font-size:9px}

  /* Today/upcoming rows: make the time column less dominant. */
  .cm-panel-head{padding:13px 14px}
  .cm-panel-head h2{font-size:17px;line-height:1.28}
  .cm-schedule-list{padding:0 12px}
  .cm-schedule-row{grid-template-columns:68px 1fr;gap:8px;padding:10px 0;align-items:start}
  .cm-time-chip{gap:2px}
  .cm-time-chip b{font-size:10px;line-height:1.15;padding:5px 6px;border-radius:5px;white-space:nowrap}
  .cm-time-chip small{font-size:10px}
  .cm-place b{font-size:13px;line-height:1.35}
  .cm-place small{font-size:10px;margin-top:2px}
  .cm-news-thumb-image{width:72px;height:50px}
}

@media(max-width:380px){
  /* On very narrow phones keep dates side by side, then ward + button side by side. */
  .cm-searchbar{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .cm-searchbar label{grid-column:auto!important}
  .cm-searchbar label:nth-child(3){grid-column:1/2!important}
  .cm-search-submit{grid-column:2/3!important}
}

/* 2026-09-04 V6: mobile one-field-per-row + safe time column + Cà Mau logo icon */
.cm-logo-icon svg{width:23px;height:23px;display:block;stroke:currentColor}

@media(max-width:620px){
  /* Each search control gets its own row on phones. */
  .cm-searchbar{
    grid-template-columns:minmax(0,1fr)!important;
    gap:8px!important;
    padding:11px 12px!important;
  }
  .cm-searchbar label,
  .cm-searchbar label:nth-child(3),
  .cm-search-submit{
    grid-column:1/-1!important;
    width:100%!important;
  }
  .cm-searchbar label{gap:4px}
  .cm-searchbar input,
  .cm-searchbar select,
  .cm-search-submit{
    height:40px!important;
    min-height:40px!important;
  }

  /* Keep the time pill inside its own column, never over the place name. */
  .cm-schedule-row{
    grid-template-columns:96px minmax(0,1fr)!important;
    gap:10px!important;
    align-items:start!important;
  }
  .cm-time-chip{width:96px;min-width:0;max-width:96px}
  .cm-time-chip b{
    display:flex!important;
    align-items:center;
    justify-content:center;
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    padding:5px 4px!important;
    font-size:10px!important;
    line-height:1.15!important;
    white-space:nowrap!important;
    letter-spacing:-.01em;
    font-variant-numeric:tabular-nums;
  }
  .cm-time-chip small{padding-left:2px;font-size:10px!important}
  .cm-place{min-width:0}
  .cm-place b{overflow-wrap:anywhere;word-break:normal}
}

@media(max-width:360px){
  .cm-schedule-row{grid-template-columns:90px minmax(0,1fr)!important;gap:8px!important}
  .cm-time-chip{width:90px;max-width:90px}
  .cm-time-chip b{font-size:9.5px!important;padding-left:3px!important;padding-right:3px!important}
}

/* Searchable ward - Cà Mau */
.cm-ward-combobox{
    position:relative;
    width:100%;
}

.cm-ward-search-input{
    width:100%;
    min-height:48px;
    padding:0 14px;
    border:1px solid #d7dfd9;
    border-radius:10px;
    background:#fff;
    font:inherit;
    color:#26352c;
    outline:none;
}

.cm-ward-search-input:focus{
    border-color:#358257;
    box-shadow:0 0 0 3px rgba(53,130,87,.10);
}

.cm-ward-results{
    position:absolute;
    left:0;
    right:0;
    top:calc(100% + 6px);
    z-index:999;
    max-height:300px;
    overflow-y:auto;
    padding:6px;
    background:#fff;
    border:1px solid #d6e1d9;
    border-radius:12px;
    box-shadow:0 12px 30px rgba(20,60,35,.16);
}

.cm-ward-option{
    display:block;
    width:100%;
    padding:11px 12px;
    border:0;
    border-radius:8px;
    background:#fff;
    color:#26352c;
    text-align:left;
    font:inherit;
    cursor:pointer;
}

.cm-ward-option:hover,
.cm-ward-option:focus{
    background:#edf7f0;
    color:#217044;
    outline:none;
}

.cm-ward-option[hidden]{
    display:none;
}

@media(max-width:600px){
    .cm-ward-results{
        max-height:250px;
    }

    .cm-ward-option{
        padding:12px 10px;
        font-size:15px;
    }
}


/* FIX mobile form + result badge */
@media (max-width: 767px){

  .cm-search-card input[type="date"]{
    width:100%;
    min-width:0;
    box-sizing:border-box;
    font-size:18px;
    line-height:1.2;
    text-align:left;
    padding:14px 16px;
  }

  .cm-search-card input[type="date"]::-webkit-date-and-time-value{
    text-align:left;
  }

  .cm-search-card input[type="date"]::-webkit-datetime-edit{
    text-align:left;
  }

  .cm-search-card input[type="date"]::-webkit-calendar-picker-indicator{
    margin-left:auto;
  }

  .cm-search-card label{
    min-width:0;
  }

  .cm-search-card{
    overflow:visible;
  }

  .cm-search-results .cm-result-count,
  .cm-search-results .result-count,
  .cm-result-count{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:88px;
    height:auto;
    white-space:nowrap;
    padding:8px 14px;
    border-radius:999px;
    line-height:1;
    font-size:18px;
    flex-shrink:0;
  }

  .cm-search-results .cm-panel-head,
  .cm-search-results .cm-result-head,
  .cm-result-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
  }

  .cm-search-results h2{
    min-width:0;
    flex:1;
  }
}

@media (max-width: 767px){

  .cm-search-card input[type="date"]{
    width:100%;
    min-width:0;
    box-sizing:border-box;
    font-size:16px !important;
    line-height:1.2;
    text-align:left !important;
    padding:14px 16px !important;
    height:54px;
  }

  .cm-search-card input[type="date"]::-webkit-date-and-time-value{
    text-align:left !important;
  }

  .cm-search-card input[type="date"]::-webkit-datetime-edit{
    text-align:left !important;
  }

  .cm-search-results .cm-result-count{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    min-width:82px !important;
    width:auto !important;
    height:auto !important;
    padding:8px 12px !important;
    white-space:nowrap !important;
    line-height:1 !important;
    font-size:16px !important;
    flex-shrink:0 !important;
  }

  .cm-search-results .cm-panel-head{
    display:flex !important;
    align-items:flex-start !important;
    justify-content:space-between !important;
    gap:12px;
  }

  .cm-search-results .cm-panel-head > div{
    flex:1;
    min-width:0;
  }
}

.cm-ward-combobox{
  position:relative;
}

.cm-ward-search-input{
  padding-right:48px !important;
}

.cm-ward-clear{
  position:absolute;
  top:50%;
  right:12px;
  transform:translateY(-50%);
  width:32px;
  height:32px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0;
  border:0;
  border-radius:50%;
  background:transparent;
  font-size:28px;
  line-height:1;
  cursor:pointer;
  z-index:5;
}

.cm-ward-clear[hidden]{
  display:none !important;
}

@media (max-width:767px){

  .cm-searchbar input[type="date"]{
    display:block;
    width:100% !important;
    min-width:0 !important;
    height:56px !important;
    box-sizing:border-box !important;
    padding:0 14px !important;
    font-size:16px !important;
    line-height:56px !important;
    text-align:left !important;
    -webkit-appearance:none;
    appearance:none;
  }

  .cm-searchbar input[type="date"]::-webkit-date-and-time-value{
    text-align:left !important;
    min-height:1.2em;
  }

  .cm-searchbar input[type="date"]::-webkit-datetime-edit{
    text-align:left !important;
    padding:0 !important;
  }

  .cm-searchbar input[type="date"]::-webkit-calendar-picker-indicator{
    margin-left:auto !important;
  }

  .cm-ward-search-input{
    padding-right:46px !important;
  }
}

/* CÀ MAU FORM MOBILE FINAL - port từ Cần Thơ */
.cm-ward-combobox{
    position:relative;
}

.cm-ward-search-input{
    padding-right:46px !important;
}

.cm-ward-clear{
    position:absolute;
    right:10px;
    top:50%;
    transform:translateY(-50%);
    width:30px;
    height:30px;
    padding:0;
    border:0;
    background:transparent;
    color:#667085;
    font-size:26px;
    font-weight:400;
    line-height:30px;
    text-align:center;
    cursor:pointer;
    z-index:20;
}

.cm-ward-clear[hidden]{
    display:none !important;
}

@media(max-width:700px){

    body.home .cm-searchbar input[type="date"]{
        display:block !important;
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
        height:52px !important;
        box-sizing:border-box !important;
        padding:0 14px !important;

        font-family:
            -apple-system,
            BlinkMacSystemFont,
            "Segoe UI",
            Roboto,
            Arial,
            sans-serif !important;

        font-size:16px !important;
        font-weight:400 !important;
        line-height:52px !important;
        color:#172033 !important;
        background:#fff !important;
        text-align:left !important;

        border:1px solid #D0D5DD !important;
        border-radius:10px !important;

        -webkit-appearance:none !important;
        appearance:none !important;
    }

    body.home
    .cm-searchbar
    input[type="date"]::-webkit-date-and-time-value{
        display:block !important;
        width:100% !important;
        margin:0 !important;
        padding:0 !important;
        text-align:left !important;
        font-size:16px !important;
        line-height:52px !important;
        color:#172033 !important;
    }

    body.home
    .cm-searchbar
    input[type="date"]::-webkit-datetime-edit{
        display:block !important;
        width:100% !important;
        margin:0 !important;
        padding:0 !important;
        text-align:left !important;
    }

    body.home
    .cm-searchbar
    input[type="date"]::-webkit-datetime-edit-fields-wrapper{
        padding:0 !important;
    }

    body.home
    .cm-searchbar
    input[type="date"]::-webkit-calendar-picker-indicator{
        margin:0 !important;
        padding:4px !important;
        opacity:.65;
        cursor:pointer;
    }
}

@media(max-width:430px){

    body.home .cm-searchbar input[type="date"]{
        height:50px !important;
        line-height:50px !important;
    }

    body.home
    .cm-searchbar
    input[type="date"]::-webkit-date-and-time-value{
        line-height:50px !important;
    }
}

@media(max-width:700px){
    body.home .cm-ward-search-input{
        font-size:16px !important;
        line-height:1.2 !important;
    }
}

/* CÀ MAU MOBILE TYPOGRAPHY FINAL */
@media(max-width:700px){

    body{
        font-size:16px !important;
    }

    .cm-hero h1{
        font-size:36px !important;
        line-height:1.08 !important;
    }

    .cm-hero p{
        font-size:16px !important;
        line-height:1.45 !important;
    }

    .cm-searchbar label span{
        font-size:12px !important;
        line-height:1.2 !important;
        letter-spacing:.03em !important;
    }

    .cm-searchbar input,
    .cm-searchbar select,
    .cm-ward-search-input{
        font-size:16px !important;
    }

    .cm-search-submit{
        font-size:16px !important;
    }

    .cm-panel-head h2{
        font-size:18px !important;
        line-height:1.35 !important;
    }

    .cm-result-kicker{
        font-size:12px !important;
    }

    .cm-result-count{
        font-size:15px !important;
    }

    .cm-result-filter{
        font-size:14px !important;
    }

    .cm-schedule-row{
        font-size:14px !important;
    }

    .cm-time-chip b{
        font-size:13px !important;
    }

    .cm-ward-link strong{
        font-size:16px !important;
    }

    .cm-ward-link span{
        font-size:14px !important;
    }
}

@media(max-width:430px){

    .cm-hero h1{
        font-size:32px !important;
    }

    .cm-panel-head h2{
        font-size:17px !important;
    }
}