/* Vàng 24h — bảng màu "đen & vàng kim" phủ lên ColorMag. Được nạp bởi mu-plugin vang24h-theme.php */
:root{
  --v-bg:#0e0d0a; --v-surface:#17150f; --v-surface2:#1f1c15; --v-line:#2b2720; --v-line2:#3a3426;
  --v-txt:#ece6d6; --v-txt2:#cfc7b3; --v-muted:#a39b86;
  --v-gold:#d4aa3b; --v-gold2:#efd27a; --v-gold-dark:#8f6f1c;
  --v-up:#3ddc84; --v-down:#ff5c6a;
  --v-grad:linear-gradient(135deg,#efd27a 0%,#d4aa3b 55%,#b8891f 100%);
}
::selection{background:var(--v-gold);color:#1a1608}
html,body{background:var(--v-bg)!important;color:var(--v-txt)!important}
body{font-family:-apple-system,"Segoe UI",Roboto,"Open Sans",Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--v-gold2)}a:hover{color:#fff}
h1,h2,h3,h4,h5,h6,.cm-entry-title,.cm-entry-title a,.cm-page-title{color:var(--v-txt)!important}
.cm-entry-title a:hover{color:var(--v-gold2)!important}
#cm-content,.cm-content,.cm-primary,.cm-secondary,#cm-primary,#cm-secondary{background:transparent!important}

/* ---------- header ---------- */
.cm-header-builder,.cm-header-builder .cm-header-main-row,.cm-header-builder .cm-main-row,.cm-header-builder .cm-mobile-header-row,#cm-masthead{background:var(--v-surface)!important}
.cm-header-builder .cm-main-row{border-bottom:1px solid var(--v-line)}
.cm-header-builder .cm-header-main-row .cm-row{padding-top:10px;padding-bottom:10px}
.cm-site-branding img{max-height:64px;width:auto}
.cm-header-builder .cm-header-bottom-row,#cm-primary-nav,.cm-primary-nav{background:var(--v-bg)!important;border-top:0!important;border-bottom:1px solid var(--v-line)}
.cm-header-builder .cm-bottom-row,.cm-header-builder .cm-header-bottom-row{box-shadow:none!important;border-top:2px solid var(--v-gold-dark)!important}
.cm-header-builder .cm-bottom-row .cm-row,.cm-header-builder .cm-header-bottom-row .cm-row,.cm-header-builder .cm-mobile-row{border:0!important;box-shadow:none!important}
.cm-primary-nav ul li a,.cm-primary-menu>li>a{color:var(--v-txt2)!important;font-weight:600;letter-spacing:.4px;text-transform:uppercase;font-size:12.5px;padding:14px 12px!important;transition:color .15s}
@media(max-width:1100px){.cm-primary-nav ul li a,.cm-primary-menu>li>a{font-size:12px;padding:12px 9px!important;letter-spacing:.2px}}
.cm-primary-nav ul li a:hover,.cm-primary-menu>li:hover>a{color:var(--v-gold2)!important;background:transparent!important}
.cm-primary-menu>li.current-menu-item>a,.cm-primary-menu>li.current_page_item>a,.cm-primary-menu>li.menu-item-home.current-menu-item>a{color:#1a1608!important;background:var(--v-grad)!important;border-radius:0}
.cm-primary-nav .sub-menu,.cm-primary-nav .children{background:var(--v-surface2)!important;border:1px solid var(--v-line);box-shadow:0 12px 30px rgba(0,0,0,.5)}
.cm-primary-nav .sub-menu li a{color:var(--v-txt2)!important;border-color:var(--v-line)!important}
.cm-primary-nav .sub-menu li a:hover{color:var(--v-gold2)!important;background:var(--v-surface)!important}
.cm-menu-toggle,.cm-menu-toggle .cm-icon,.cm-mobile-nav-container .cm-menu-toggle{color:var(--v-gold2)!important;background:transparent!important}
.cm-mobile-nav,.cm-mobile-menu,.cm-mobile-open-container,#cm-mobile-nav{background:var(--v-surface2)!important}
.cm-mobile-menu li a{color:var(--v-txt)!important;border-color:var(--v-line)!important}
.cm-mobile-menu li a:hover,.cm-mobile-menu li.current-menu-item>a{color:var(--v-gold2)!important}
.cm-header-builder .cm-header-top-row{background:var(--v-bg)!important;color:var(--v-muted);border-bottom:1px solid var(--v-line)}

/* ---------- widget titles ---------- */
.cm-widget-title,.cm-secondary .cm-widget-title,.cm-primary .cm-widget-title,.widget .cm-widget-title{border-bottom:1px solid var(--v-line)!important;margin-bottom:14px;padding:0 0 8px}
.cm-widget-title span,.cm-widget-title{color:var(--v-gold2)!important;background:transparent!important;font-weight:700;letter-spacing:.3px;font-size:16px}
.cm-widget-title span{position:relative;padding:0 0 8px 12px!important;display:inline-block}
.cm-widget-title span::before{content:"";position:absolute;left:0;top:3px;bottom:11px;width:4px;border-radius:2px;background:var(--v-grad)}
.cm-widget-title span::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--v-grad)}

/* ---------- post cards ---------- */
.cm-post,.cm-posts .cm-post,.cm-featured-posts .cm-post{background:var(--v-surface);border:1px solid var(--v-line);border-radius:14px;overflow:hidden;transition:border-color .2s,transform .2s,box-shadow .2s}
.cm-post:hover{border-color:var(--v-line2);transform:translateY(-2px);box-shadow:0 10px 30px rgba(0,0,0,.45)}
.cm-post .cm-post-content,.cm-post .cm-entry-header{padding:12px 14px}
.cm-post .cm-featured-image img,.cm-featured-image img,.cm-post img{border-radius:0;display:block}
.cm-featured-posts--style-2 .cm-post .cm-featured-image,.cm-layout-2 .cm-post .cm-featured-image{border-radius:10px;overflow:hidden}
.cm-featured-posts--style-2 .cm-post{padding:10px}
.cm-featured-posts--style-2 .cm-post .cm-post-content{padding:4px 0 0}
.cm-entry-summary,.cm-entry-summary p{color:var(--v-muted)!important;font-size:14px;line-height:1.6}
.cm-post-categories a,.cm-entry-header-meta .cm-post-categories a{background:rgba(212,170,59,.14)!important;color:var(--v-gold2)!important;border:1px solid rgba(212,170,59,.35);border-radius:999px;padding:2px 10px!important;font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;line-height:1.7;display:inline-block}
.cm-below-entry-meta,.cm-below-entry-meta a,.cm-below-entry-meta span,.cm-post-date,.cm-author,.entry-date{color:var(--v-muted)!important;font-size:12px}
.cm-below-entry-meta .cm-icon{color:var(--v-gold)!important}
.cm-separator-default{color:var(--v-line2)!important}
.cm-featured-posts .cm-first-post .cm-entry-title{font-size:22px;line-height:1.3}
.cm-entry-title{font-size:16px;line-height:1.35;font-weight:700}
.cm-entry-button a,.cm-entry-button .cm-btn,.cm-btn,.colormag-button,button,input[type=submit],input[type=button]{background:var(--v-grad)!important;color:#1a1608!important;border:0!important;border-radius:8px;font-weight:700;padding:8px 16px;box-shadow:0 4px 14px rgba(212,170,59,.25)}
.cm-entry-button a:hover,.cm-btn:hover,.colormag-button:hover{filter:brightness(1.08);color:#000!important}

/* ---------- sidebar ---------- */
.cm-secondary .widget,#cm-secondary .widget{background:var(--v-surface);border:1px solid var(--v-line);border-radius:14px;padding:16px 18px;margin-bottom:18px}
.cm-secondary .widget ul li,.widget_recent_entries li,.widget_categories li{border-bottom:1px solid var(--v-line)!important;padding:8px 0!important;color:var(--v-muted)}
.cm-secondary .widget ul li:last-child{border-bottom:0!important}
.cm-secondary .widget ul li a{color:var(--v-txt2)!important;font-size:14px;line-height:1.45}
.cm-secondary .widget ul li a:hover{color:var(--v-gold2)!important}
.widget_categories li a::before,.widget_recent_entries li a::before{content:"›";color:var(--v-gold);margin-right:6px;font-weight:700}
.widget_categories .count,.cm-secondary .widget_categories li{color:var(--v-muted)}
.cm-secondary .widget_custom_html,.cm-secondary .widget_text{color:var(--v-txt2);font-size:14px;line-height:1.6}

/* ---------- single post ---------- */
.single .cm-post,.page .cm-post{border:0;background:transparent;border-radius:0}
.single .cm-post:hover,.page .cm-post:hover{transform:none;box-shadow:none}
.single .cm-post .cm-post-content,.page .cm-post .cm-post-content{padding:0}
.single .cm-entry-title,.single .cm-entry-header .cm-entry-title{font-size:30px;line-height:1.3;margin:10px 0 8px}
.single .cm-featured-image img{border-radius:14px}
.cm-entry-content,.cm-entry-summary.single,.single .cm-entry-summary,.page .cm-entry-summary{color:var(--v-txt)!important;font-size:17px!important;line-height:1.8}
.single .cm-entry-summary p,.page .cm-entry-summary p{color:var(--v-txt)!important;font-size:17px;line-height:1.8;margin:0 0 1.1em}
.single .cm-entry-summary h2,.single .cm-entry-summary h3,.page .cm-entry-summary h2,.page .cm-entry-summary h3{color:var(--v-gold2)!important;margin:1.6em 0 .6em;line-height:1.3}
.single .cm-entry-summary h2{font-size:24px}.single .cm-entry-summary h3{font-size:20px}
.single .cm-entry-summary a{color:var(--v-gold2);text-decoration:underline;text-decoration-color:rgba(212,170,59,.5);text-underline-offset:3px}
.single .cm-entry-summary ul,.single .cm-entry-summary ol{color:var(--v-txt);padding-left:1.4em}
.single .cm-entry-summary li{margin:.35em 0}
.single .cm-entry-summary strong{color:#fff}
blockquote,.single blockquote{background:var(--v-surface)!important;border-left:4px solid var(--v-gold)!important;color:var(--v-txt2)!important;border-radius:0 10px 10px 0;padding:14px 18px;font-style:normal}
.single .cm-entry-summary table,.cm-entry-summary table{width:100%;border-collapse:collapse;font-size:15px;background:var(--v-surface);border-radius:10px;overflow:hidden}
.cm-entry-summary th{background:var(--v-surface2);color:var(--v-gold2);padding:10px;text-align:left;border-bottom:1px solid var(--v-line)}
.cm-entry-summary td{padding:9px 10px;border-bottom:1px solid var(--v-line);color:var(--v-txt2)}
.cta-telegram{background:linear-gradient(135deg,rgba(212,170,59,.16),rgba(212,170,59,.05));border:1px solid rgba(212,170,59,.4);border-radius:12px;padding:14px 18px!important;margin:1.6em 0!important;color:var(--v-txt)!important}
.cta-telegram a{display:inline-block;margin-top:6px;background:var(--v-grad);color:#1a1608!important;text-decoration:none!important;font-weight:700;padding:8px 14px;border-radius:8px}
.nguon,.nguon em{color:var(--v-muted)!important;font-size:13px;border-top:1px solid var(--v-line);padding-top:12px;display:block;margin-top:1.4em}
.nguon a{color:var(--v-gold)}
.cm-tags a,.tags-links a,.cm-entry-footer a{background:var(--v-surface2);color:var(--v-txt2)!important;border:1px solid var(--v-line);border-radius:999px;padding:3px 10px;font-size:12px;margin:0 4px 4px 0;display:inline-block}
.cm-page-header,.cm-page-title{background:transparent!important}
.cm-page-title,.archive .cm-page-title,.cm-page-header .cm-page-title{color:var(--v-gold2)!important;font-size:22px;border-bottom:1px solid var(--v-line);padding-bottom:8px;margin-bottom:18px}
.cm-post-navigation,.cm-post-navigation a,.nav-links a{color:var(--v-txt2)!important}
.cm-related-posts .cm-widget-title{margin-top:30px}

/* ---------- comments / forms ---------- */
input[type=text],input[type=email],input[type=url],input[type=search],textarea{background:var(--v-surface2)!important;color:var(--v-txt)!important;border:1px solid var(--v-line2)!important;border-radius:8px}

/* ---------- footer ---------- */
.cm-footer,.cm-footer-builder,.cm-footer-builder .cm-footer-desktop-row,.cm-footer-builder .cm-footer-bottom-row,#cm-footer{background:#0a0906!important;color:var(--v-muted)!important;border-top:1px solid var(--v-line)!important}
.cm-footer a,.cm-copyright a{color:var(--v-gold)!important}
.cm-footer .cm-widget-title{color:var(--v-gold2)!important}
#scroll-up{background:var(--v-grad)!important;color:#1a1608!important;border-radius:10px;box-shadow:0 6px 18px rgba(0,0,0,.5)}

/* ---------- bảng vàng (dashboard) hoà vào nền ---------- */
#v24-dash{background:var(--v-surface)!important;border:1px solid var(--v-line);box-shadow:0 10px 40px rgba(0,0,0,.35)}
#v24-dash .v24-card{background:var(--v-bg)!important;border-color:var(--v-line)!important}

/* ---------- mobile ---------- */
@media(max-width:768px){
  .cm-site-branding img{max-height:52px}
  .single .cm-entry-title{font-size:24px}
  .single .cm-entry-summary p{font-size:16px}
  .cm-post .cm-post-content{padding:10px 12px}
}

/* ---------- menu mobile (ghi đè màu xanh của theme) ---------- */
.cm-mobile-menu li,.cm-mobile-menu li ul,#cm-mobile-menu li{background:transparent!important;border-color:var(--v-line)!important}
.cm-mobile-menu li a,#cm-mobile-menu li a{background:transparent!important;color:var(--v-txt)!important;border:0!important;border-bottom:1px solid var(--v-line)!important;font-weight:600;letter-spacing:.3px}
.cm-mobile-menu li a:hover,#cm-mobile-menu li a:hover{color:var(--v-gold2)!important}
.cm-mobile-menu li.current-menu-item>a,#cm-mobile-menu li.current-menu-item>a,#cm-mobile-menu li.current_page_item>a{background:rgba(212,170,59,.16)!important;color:var(--v-gold2)!important;border-left:3px solid var(--v-gold)!important}
.cm-mobile-menu,#cm-mobile-menu,.cm-mobile-nav{border:1px solid var(--v-line)!important;border-radius:0 0 12px 12px;box-shadow:0 14px 30px rgba(0,0,0,.5)}
.cm-menu-toggle,.cm-menu-toggle:hover,.cm-menu-toggle:focus{background:transparent!important;border:0!important;box-shadow:none!important;outline:0}
.cm-menu-toggle svg,.cm-menu-toggle .cm-icon{fill:var(--v-gold2)!important;color:var(--v-gold2)!important;background:transparent!important;width:26px;height:26px}

/* ---------- ảnh minh hoạ trong bài ---------- */
.v24-fig,.single .cm-entry-summary figure{margin:1.4em 0}
.v24-fig img,.single .cm-entry-summary figure img{border-radius:12px;width:100%;height:auto;display:block;border:1px solid var(--v-line)}
.v24-fig figcaption,.single figcaption{color:var(--v-muted);font-size:13px;text-align:center;margin-top:8px;font-style:italic}