/* MasterTime – khung site theo wireframe cho GeneratePress 3.x. Mặc định tối, có chế độ sáng. */
:root{
	--mts-bg:#070B14;--mts-surface:rgba(255,255,255,.03);--mts-surface-2:#0C1220;--mts-border:rgba(255,255,255,.09);
	--mts-text:#E8EEF8;--mts-body:#C9D2E3;--mts-muted:#8A96AD;--mts-accent:#22D3EE;--mts-accent-hover:#67E8F9;
	--mts-help-bg:rgba(251,191,36,.06);--mts-help-border:rgba(251,191,36,.3);--mts-help-title:#F5D88A;--mts-help-text:#E2D6AE;
	--mts-font:"Be Vietnam Pro",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
	--mts-mono:"JetBrains Mono",ui-monospace,"SF Mono","Cascadia Mono",Menlo,Consolas,monospace;
	color-scheme:dark;
}
html[data-mt-theme="light"]{
	--mts-bg:#F6F8FC;--mts-surface:#FFFFFF;--mts-surface-2:#FFFFFF;--mts-border:#E3E8F0;
	--mts-text:#0B1220;--mts-body:#2A3447;--mts-muted:#5B6678;--mts-accent:#0E7490;--mts-accent-hover:#155E75;
	--mts-help-bg:#FFF8E6;--mts-help-border:#F2C46D;--mts-help-title:#8A5A00;--mts-help-text:#5C4300;
	color-scheme:light;
}

/* ---------- Nền & chữ ---------- */
body.mt-skin{background:var(--mts-bg);color:var(--mts-body);font-family:var(--mts-font)}
.mt-skin h1,.mt-skin h2,.mt-skin h3,.mt-skin h4{color:var(--mts-text);font-family:var(--mts-font);letter-spacing:-.01em}
.mt-skin .entry-content h2.wp-block-heading,.mt-skin .mt-related h2{font-size:28px;font-weight:700;margin-top:56px}
.mt-skin .entry-content h3{font-size:18px;font-weight:600}
.mt-skin a{color:var(--mts-accent)}
.mt-skin a:hover,.mt-skin a:focus{color:var(--mts-accent-hover)}
.mt-skin .mt-tool,.mt-skin .mt-digits,.mt-skin .mt-rel__preview{--mt-mono:var(--mts-mono)}
.mt-skin .mt-tool{font-family:var(--mts-font)}
/* Tiêu đề bên trong khung công cụ giữ kiểu của công cụ (không theo h1/h2 của site) */
.mt-skin .mt-tool .mt-tool__title{color:#9AA6BD;font-size:clamp(17px,2vw,20px);font-weight:500;letter-spacing:0}
.mt-skin .mt-tool .mt-subtitle{color:#9AA6BD;font-size:15px;font-weight:600;margin:8px 0 0;letter-spacing:.08em}

/* ---------- Header dính: logo + tab công cụ + nút sáng/tối ---------- */
.mt-skin .site-header{position:sticky;top:0;z-index:100;background:color-mix(in srgb,var(--mts-bg) 88%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--mts-border)}
.admin-bar.mt-skin .site-header{top:32px}
@media (max-width:782px){.admin-bar.mt-skin .site-header{top:46px}}
.mt-skin .inside-header{padding-top:0;padding-bottom:0;min-height:64px;align-items:center;gap:16px}
.mt-skin .main-title{margin:0;font-size:19px;font-weight:700;line-height:1}
.mt-skin .main-title a{display:inline-flex;align-items:center;gap:10px;color:var(--mts-text);text-decoration:none}
.mt-skin .main-title a::before{content:"";width:28px;height:28px;flex:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Ccircle cx='14' cy='14' r='12' fill='none' stroke='%2322D3EE' stroke-width='2'/%3E%3Cpath d='M14 7v7l5 3' fill='none' stroke='%238B5CF6' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat}
.mt-skin .site-description{display:none}
.mt-skin .main-navigation,.mt-skin .main-navigation ul ul{background:transparent}
.mt-skin .main-navigation .main-nav ul li a{color:var(--mts-muted);font-size:15px;line-height:40px;padding:0 14px;border-radius:999px;transition:color .15s,background-color .15s}
.mt-skin .main-navigation .main-nav ul li:not([class*="current-menu-"]):hover>a,
.mt-skin .main-navigation .main-nav ul li:not([class*="current-menu-"]):focus>a{color:var(--mts-text);background:rgba(127,127,127,.12)}
.mt-skin .main-navigation .main-nav ul li[class*="current-menu-"]>a{color:var(--mts-text);background:color-mix(in srgb,var(--mts-accent) 14%,transparent)}
.mt-skin .main-navigation .main-nav>ul{gap:2px;display:flex;flex-wrap:wrap}
.mt-skin .menu-toggle,.mt-skin .main-navigation .menu-toggle{color:var(--mts-text);background:transparent;min-height:44px}
.mt-theme-toggle{flex:none;width:44px;height:44px;margin-left:8px;border-radius:999px;border:1px solid var(--mts-border);background:transparent;color:var(--mts-text);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;order:10}
.mt-theme-toggle:hover{border-color:var(--mts-accent);background:transparent;color:var(--mts-text)}
.mt-theme-toggle:focus-visible{outline:2px solid var(--mts-accent);outline-offset:2px}
@media (max-width:768px){
	.mt-skin .inside-header{flex-wrap:wrap;gap:0 8px}
	/* Logo · nút sáng/tối · nút menu trên cùng một hàng; menu mở ra full-width bên dưới */
	.mt-skin .site-branding{order:1;flex:1 1 auto}
	.mt-skin .mt-theme-toggle{order:2;margin-left:auto}
	.mt-skin .mobile-menu-control-wrapper{order:3;margin-left:0}
	.mt-skin #site-navigation{order:4;flex-basis:100%}
	.mt-skin .main-navigation.toggled .main-nav ul,.mt-skin .main-navigation .main-nav ul ul{background:var(--mts-surface-2)}
	.mt-skin .main-navigation.toggled .main-nav>ul{display:block;padding:8px 0}
	.mt-skin .main-navigation.toggled .main-nav ul li a{line-height:48px;border-radius:0}
}

/* ---------- Vùng nội dung: bỏ hộp trắng của GeneratePress ---------- */
.mt-skin .site.grid-container,.mt-skin .site-content{background:transparent}
.mt-skin.separate-containers .inside-article,.mt-skin.one-container .container,.mt-skin.separate-containers .comments-area,.mt-skin.separate-containers .page-header,.mt-skin.separate-containers .paging-navigation,.mt-skin .inside-right-sidebar .widget,.mt-skin .inside-left-sidebar .widget{background:transparent;color:var(--mts-body)}
.mt-skin.separate-containers .site-main{margin:0}
.mt-skin .site-content{padding-top:32px}
.mt-skin.mt-has-tool.separate-containers .inside-article{padding:0 clamp(16px,3vw,24px) 24px}
.mt-skin:not(.mt-has-tool).separate-containers .inside-article{padding:24px clamp(16px,3vw,24px) 40px;max-width:868px;margin:0 auto}
.mt-skin .entry-content{font-size:16px;line-height:1.7}
.mt-skin .entry-header .entry-title{font-size:clamp(28px,4vw,40px);font-weight:700}

/* Nội dung 5 phần dưới công cụ, theo màu khung */
.mt-skin .mt-answer{color:var(--mts-text);border-left-color:var(--mts-accent)}
.mt-skin .mt-steps>li,.mt-skin .mt-cases>li,.mt-skin .mt-rel{border-color:var(--mts-border);background:var(--mts-surface);color:var(--mts-body)}
.mt-skin .mt-steps>li::before,.mt-skin .mt-rel__preview{color:var(--mts-accent);font-family:var(--mts-mono)}
.mt-skin .mt-steps strong,.mt-skin .mt-cases strong,.mt-skin .mt-rel__title{color:var(--mts-text)}
.mt-skin .mt-rel__desc{color:var(--mts-muted);opacity:1}
.mt-skin .mt-rel:hover{border-color:var(--mts-accent)}
.mt-skin .mt-help{padding:18px 22px;background:var(--mts-help-bg);border-color:var(--mts-help-border);color:var(--mts-help-text)}
.mt-skin .mt-help h3{color:var(--mts-help-title)}
.mt-skin .mt-faq{max-width:880px;padding:0}
.mt-skin .mt-faq details{border-bottom-color:var(--mts-border)}
.mt-skin .mt-faq summary{color:var(--mts-text)}
.mt-skin .mt-byline{color:var(--mts-muted);opacity:1;border-top-color:var(--mts-border)}
.mt-skin .mt-crumbs,.mt-skin .rank-math-breadcrumb{font-size:14px;color:var(--mts-muted);margin:0 0 12px}

/* ---------- Footer gọn ---------- */
.mt-skin .site-footer,.mt-skin .site-info{background:transparent;color:var(--mts-muted);border-top:1px solid var(--mts-border)}
.mt-skin .inside-site-info{padding:28px 24px}
.mt-skin .copyright-bar{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;justify-content:space-between;width:100%;font-size:14px}
.mt-skin .copyright{color:var(--mts-muted)}
.mt-skin .site-info .mt-footer-brand{font-weight:600;color:var(--mts-text)}
.mt-skin .site-info .mt-footer-links a:not(.mt-footer-brand){text-decoration:underline;text-underline-offset:3px;color:var(--mts-accent)}
.mt-footer-links{display:flex;flex-wrap:wrap;gap:20px}
.mt-skin .site-info a{color:var(--mts-muted);text-decoration:none}
.mt-skin .site-info a:hover{color:var(--mts-accent)}

/* Ô nhập ngoài công cụ (tìm kiếm, bình luận) */
.mt-skin input[type=text],.mt-skin input[type=email],.mt-skin input[type=search],.mt-skin textarea{background:var(--mts-surface-2);color:var(--mts-text);border-color:var(--mts-border)}