/* ===== Nút chuyển ===== */
.gpdm-toggle{background:transparent;border:0;cursor:pointer;color:inherit;padding:8px;line-height:1;display:inline-flex;align-items:center;justify-content:center;border-radius:50%}
.gpdm-toggle:hover{background:rgba(127,127,127,.18)}
.gpdm-toggle:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.gpdm-toggle .gpdm-moon{display:block}
.gpdm-toggle .gpdm-sun{display:none}
html[data-gpdm="dark"] .gpdm-toggle .gpdm-moon{display:none}
html[data-gpdm="dark"] .gpdm-toggle .gpdm-sun{display:block}
.gpdm-menu-item{display:inline-flex;align-items:center}
.gpdm-floating{position:fixed;z-index:9999;width:44px;height:44px;background:#222;color:#fff;box-shadow:0 2px 10px rgba(0,0,0,.3)}
.gpdm-floating:hover{background:#333}
html[data-gpdm="dark"] .gpdm-floating{background:#f2f2f2;color:#111}
.gpdm-pos-bottom-right{bottom:20px;right:20px}
.gpdm-pos-bottom-left{bottom:20px;left:20px}
.gpdm-pos-top-right{top:20px;right:20px}
.gpdm-pos-top-left{top:20px;left:20px}

/* ===== Dark mode ===== */
html[data-gpdm="dark"]{color-scheme:dark}

/* Biến màu toàn cục của GeneratePress 3.1+ */
html[data-gpdm="dark"]{
	--contrast:var(--gpdm-text);
	--contrast-2:var(--gpdm-text2);
	--contrast-3:var(--gpdm-text2);
	--base:var(--gpdm-bg3);
	--base-2:var(--gpdm-bg2);
	--base-3:var(--gpdm-bg);
	--accent:var(--gpdm-accent);
}

/* Nền */
html[data-gpdm="dark"] body,
html[data-gpdm="dark"] .site,
html[data-gpdm="dark"] .grid-container,
html[data-gpdm="dark"] .site-content{background-color:var(--gpdm-bg)!important}

html[data-gpdm="dark"] .site-header,
html[data-gpdm="dark"] .main-navigation,
html[data-gpdm="dark"] .main-navigation ul ul,
html[data-gpdm="dark"] .main-navigation .main-nav ul ul li a,
html[data-gpdm="dark"] .secondary-navigation,
html[data-gpdm="dark"] .site-footer,
html[data-gpdm="dark"] .footer-widgets,
html[data-gpdm="dark"] .site-info,
html[data-gpdm="dark"] .mobile-menu-control-wrapper,
html[data-gpdm="dark"] .has-inline-mobile-toggle #site-navigation.toggled{background-color:var(--gpdm-bg2)!important}

html[data-gpdm="dark"] .inside-article,
html[data-gpdm="dark"] .comments-area,
html[data-gpdm="dark"] .page-header,
html[data-gpdm="dark"] .inside-page-header,
html[data-gpdm="dark"] .paging-navigation,
html[data-gpdm="dark"] .sidebar .widget,
html[data-gpdm="dark"] .inside-right-sidebar .widget,
html[data-gpdm="dark"] .inside-left-sidebar .widget,
html[data-gpdm="dark"] .one-container .container,
html[data-gpdm="dark"] .separate-containers .inside-article,
html[data-gpdm="dark"] .gb-container,
html[data-gpdm="dark"] .wp-block-group.has-background,
html[data-gpdm="dark"] .comment-body{background-color:var(--gpdm-bg3)!important}

/* Chữ */
html[data-gpdm="dark"] body,
html[data-gpdm="dark"] .entry-content,
html[data-gpdm="dark"] .entry-summary,
html[data-gpdm="dark"] .widget,
html[data-gpdm="dark"] .site-info,
html[data-gpdm="dark"] .main-title a,
html[data-gpdm="dark"] .site-description,
html[data-gpdm="dark"] h1,html[data-gpdm="dark"] h2,html[data-gpdm="dark"] h3,
html[data-gpdm="dark"] h4,html[data-gpdm="dark"] h5,html[data-gpdm="dark"] h6,
html[data-gpdm="dark"] .entry-title a,
html[data-gpdm="dark"] .widget-title,
html[data-gpdm="dark"] .main-navigation .main-nav ul li a,
html[data-gpdm="dark"] .menu-toggle,
html[data-gpdm="dark"] .main-navigation .menu-bar-items,
html[data-gpdm="dark"] .secondary-navigation .main-nav ul li a{color:var(--gpdm-text)!important}

html[data-gpdm="dark"] .entry-meta,
html[data-gpdm="dark"] .entry-meta a,
html[data-gpdm="dark"] .site-info a,
html[data-gpdm="dark"] .comment-metadata a,
html[data-gpdm="dark"] .wp-caption-text,
html[data-gpdm="dark"] .widget_recent_entries .post-date{color:var(--gpdm-text2)!important}

/* Liên kết */
html[data-gpdm="dark"] a{color:var(--gpdm-accent)}
html[data-gpdm="dark"] .entry-title a:hover,
html[data-gpdm="dark"] .main-navigation .main-nav ul li:hover>a,
html[data-gpdm="dark"] .main-navigation .main-nav ul li.sfHover>a,
html[data-gpdm="dark"] .main-navigation .main-nav ul li[class*="current-menu-"]>a{color:var(--gpdm-accent)!important}

/* Form */
html[data-gpdm="dark"] input[type="text"],
html[data-gpdm="dark"] input[type="email"],
html[data-gpdm="dark"] input[type="url"],
html[data-gpdm="dark"] input[type="password"],
html[data-gpdm="dark"] input[type="search"],
html[data-gpdm="dark"] input[type="tel"],
html[data-gpdm="dark"] input[type="number"],
html[data-gpdm="dark"] textarea,
html[data-gpdm="dark"] select{background-color:var(--gpdm-bg2)!important;color:var(--gpdm-text)!important;border-color:var(--gpdm-border)!important}
html[data-gpdm="dark"] ::placeholder{color:var(--gpdm-text2)}

html[data-gpdm="dark"] button:not(.gpdm-toggle),
html[data-gpdm="dark"] input[type="button"],
html[data-gpdm="dark"] input[type="submit"],
html[data-gpdm="dark"] a.button,
html[data-gpdm="dark"] a.wp-block-button__link:not(.has-background){background-color:var(--gpdm-accent);color:#111}

/* Viền, bảng, code, trích dẫn */
html[data-gpdm="dark"] hr,
html[data-gpdm="dark"] table,
html[data-gpdm="dark"] th,
html[data-gpdm="dark"] td,
html[data-gpdm="dark"] .comment-list .comment-body,
html[data-gpdm="dark"] .widget ul li,
html[data-gpdm="dark"] .main-navigation ul ul{border-color:var(--gpdm-border)!important}
html[data-gpdm="dark"] pre,
html[data-gpdm="dark"] code,
html[data-gpdm="dark"] kbd,
html[data-gpdm="dark"] tbody tr:nth-child(even){background-color:var(--gpdm-bg2)!important;color:var(--gpdm-text)}
html[data-gpdm="dark"] blockquote{border-left-color:var(--gpdm-accent);color:var(--gpdm-text2)}
html[data-gpdm="dark"] .wp-block-separator{border-color:var(--gpdm-border)}

/* Ảnh */
html[data-gpdm="dark"] img{filter:brightness(.88) contrast(1.05)}
html[data-gpdm="dark"] .gpdm-toggle img,
html[data-gpdm="dark"] .custom-logo{filter:none}

/* Chuyển màu mượt (chỉ sau khi trang đã tải) */
@media (prefers-reduced-motion:no-preference){
	html.gpdm-ready body,
	html.gpdm-ready .site-header,
	html.gpdm-ready .inside-article,
	html.gpdm-ready .main-navigation{transition:background-color .25s,color .25s}
}