/* Topbar */
.dmctn-topbar{height:var(--dmctn-topbar-h);background:var(--dmctn-topbar-color)}

/* Container */
.dmctn-header .container,
.dmctn-tabs-wrap .container,
.site-main > .container{max-width:var(--dmctn-container);margin:0 auto;padding:0 12px}

/* Header bar */
.dmctn-header-bar{background:var(--dmctn-header-bg);color:var(--dmctn-header-text)}
.dmctn-header-bar .container{display:flex;align-items:center;gap:14px;height:var(--dmctn-header-h)}

/* Hamburger tròn nhấp nháy đa sắc + tooltip */
.dmctn-hamburger{position:relative;display:inline-grid;place-items:center;background:transparent;border:0;cursor:pointer;padding:0;border-radius:999px;color:var(--dmctn-header-text);width:var(--dmctn-hg-size);height:var(--dmctn-hg-size)}
.dmctn-hamburger.round-pulse::before{content:"";position:absolute;inset:0;border-radius:999px;animation:pulseColor 2.4s infinite, pulseScale 2s infinite;box-shadow:inset 0 0 0 2px var(--dmctn-hg-ring)}
.dmctn-hamburger span{display:block;width:var(--dmctn-hg-w);height:var(--dmctn-hg-t);background:currentColor;border-radius:2px;margin:var(--dmctn-hg-gap) auto 0 auto}
.dmctn-hamburger span:first-child{margin-top:0}
.dmctn-hamburger::after{content:attr(data-tip);position:absolute;left:calc(100% + 8px);top:50%;transform:translateY(-50%);background:rgba(0,0,0,.75);color:#fff;font-size:12px;padding:4px 8px;border-radius:8px;opacity:0;pointer-events:none;transition:.15s;white-space:nowrap}
.dmctn-hamburger:hover::after{opacity:1}
@keyframes pulseColor{0%{background:var(--dmctn-hg-pulse-green)}33%{background:var(--dmctn-hg-pulse-red)}66%{background:var(--dmctn-hg-pulse-yellow)}100%{background:var(--dmctn-hg-pulse-green)}}
@keyframes pulseScale{0%{transform:scale(1)}70%{transform:scale(1.12)}100%{transform:scale(1)}}

/* Brand */
.dmctn-brand{display:flex;align-items:center;gap:10px;color:var(--dmctn-header-text);text-decoration:none;font-weight:800;letter-spacing:.02em}
.dmctn-brand .logo{width:var(--dmctn-logo-w);height:var(--dmctn-logo-h);background:var(--dmctn-accent);border-radius:10px;display:inline-block}
.dmctn-brand .title{font-size:20px;line-height:1}

/* Quick icons */
.dmctn-quick{display:flex;align-items:center;gap:var(--dmctn-quick-gap);margin-left:auto;flex-wrap:nowrap}
.q-item{display:inline-flex;align-items:center;gap:8px;color:var(--dmctn-header-text);text-decoration:none;font-weight:700;padding:8px 12px;border-radius:var(--dmctn-btn-radius)}
.q-item .ico{font-size:var(--dmctn-quick-icon-desktop);line-height:1}
.q-item .txt{white-space:nowrap}
@media (max-width: 768px){
  .q-item .ico{font-size:var(--dmctn-quick-icon-mobile)}
  .q-item .txt{display:none}
  .q-item{padding:8px}
}

/* Buttons elev */
.btn-elev{box-shadow:var(--dmctn-btn-shadow);background:rgba(255,255,255,.08);transition:transform .15s ease, box-shadow .15s ease, background .2s}
.btn-elev:hover{transform:translateY(-2px);box-shadow:var(--dmctn-btn-shadow-hover);background:rgba(255,255,255,.14)}
.btn-elev:active{transform:translateY(0);filter:brightness(.98)}
.btn-elev:focus{outline:2px solid rgba(255,255,255,.35);outline-offset:2px}

/* Drawer */
.dmctn-drawer-overlay{position:fixed;inset:0;background:rgba(0,0,0,.35);opacity:0;pointer-events:none;transition:.25s}
.dmctn-drawer-overlay.open{opacity:1;pointer-events:auto}
.dmctn-drawer{position:fixed;top:0;left:0;width:320px;max-width:85vw;height:100vh;background:#fff;transform:translateX(-100%);transition:.25s;box-shadow:2px 0 20px rgba(0,0,0,.12);z-index:1000;display:flex;flex-direction:column}
.dmctn-drawer.open{transform:translateX(0)}
.dmctn-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid #eee}
.dmctn-drawer-close{background:#f2f2f2;border:0;border-radius:8px;width:32px;height:32px;cursor:pointer}
.dmctn-drawer-body{padding:8px 10px;overflow:auto}
.dmctn-cat, .dmctn-menu-compact{list-style:none;margin:0;padding:0}
.dmctn-cat li, .dmctn-menu-compact li{padding:8px 4px;border-bottom:1px dashed #eee}
.dmctn-cat a, .dmctn-menu-compact a{color:#222;text-decoration:none}
.dmctn-cat a:hover{color:#2e7d32}


/* === DMCTN Army Style injection (safe append) === */

/*! DMCTN Army Style Pack v1.0 — TẠO BỞI BÙI VĂN TĨNH */
:root{
  --army-red:#b30000;      /* đỏ tươi QĐND */
  --army-green:#0b5d1e;    /* xanh quân đội */
  --army-gold:#ffd700;     /* vàng */
  --army-white:#ffffff;
  --army-black:#111;
}

/* Không phá layout: chỉ màu & hiệu ứng */
html.dmctn-army, body.dmctn-army{ background-color:#fff; }

/* Thanh topbar / toolbar chung */
.dmctn-topbar, .dmctn-toolbar, .admin-bar .quicklinks, .site-header .topbar{
  background:var(--army-red);
  color:var(--army-gold);
}
.dmctn-topbar a, .dmctn-toolbar a, .site-header .topbar a{ color:var(--army-gold); transition:all .25s ease; }
.dmctn-topbar a:hover, .dmctn-toolbar a:hover, .site-header .topbar a:hover{ background:var(--army-green); color:#fff; }

/* Header chính */
.dmctn-header, header.site-header, .site-header{
  background:linear-gradient(0deg, var(--army-green), #064216);
  color:var(--army-gold);
}
.dmctn-header a, header.site-header a{ color:var(--army-gold); }
.dmctn-header a:hover, header.site-header a:hover{ color:#fff; }

/* Nút hamburger */
.dmctn-hamburger span, .menu-toggle span{ background:var(--army-gold); }
.dmctn-hamburger:hover span, .menu-toggle:hover span{ background:var(--army-red); }

/* Menu điều hướng */
.dmctn-menu, nav.primary, .main-navigation{
  background:var(--army-green);
}
.dmctn-menu a, nav.primary a, .main-navigation a{
  color:var(--army-gold);
  transition:all .25s ease;
}
.dmctn-menu a:hover, nav.primary a:hover, .main-navigation a:hover{
  background:var(--army-red);
  color:#fff;
}

/* Tab ngay dưới thanh công cụ */
.dmctn-subtabs, .nav-tab-wrapper{
  background:var(--army-red);
}
.dmctn-subtabs a, .nav-tab-wrapper .nav-tab{
  color:#fff;
  transition:all .25s ease;
}
.dmctn-subtabs a:hover, .nav-tab-wrapper .nav-tab:hover{
  background:var(--army-green);
  color:var(--army-gold);
}

/* Hiệu ứng nhấp nháy dịu (tôn trọng accessibility) */
.blink-text{ color:var(--army-gold); animation:dmctn-blink 1.6s infinite; }
@keyframes dmctn-blink { 50%{ opacity:.45; } }
@media (prefers-reduced-motion: reduce){
  .blink-text{ animation:none; }
}

/* Nút bấm chung */
button, .button, .btn, input[type="submit"], .wp-core-ui .button-primary{
  border-radius:8px;
  transition:transform .12s ease, box-shadow .2s ease;
}
button:hover, .button:hover, .btn:hover, input[type="submit"]:hover, .wp-core-ui .button-primary:hover{
  transform:translateY(-1px);
  box-shadow:0 4px 12px rgba(0,0,0,.25);
}
.wp-core-ui .button-primary{
  background:var(--army-red);
  border-color:var(--army-red);
  color:var(--army-gold);
}
.wp-core-ui .button-primary:hover{
  background:var(--army-green);
  border-color:var(--army-green);
  color:#fff;
}

/* Bảng & tiêu đề khối */
.card, .panel, .woocommerce-card, .postbox, .widget{
  border-radius:12px;
  overflow:hidden;
  box-shadow:0 4px 12px rgba(0,0,0,.06);
}
.card .card-header, .panel .panel-heading, .postbox .hndle{
  background:linear-gradient(0deg, var(--army-green), #0d6f26);
  color:#fff;
}

/* Bảng dữ liệu */
table th{
  background:var(--army-green);
  color:#fff;
}
table tr:nth-child(even){ background:#f7faf7; }
table tr:hover{ background:#fff2; }

/* Tooltip gợi ý */
[data-tip]:hover::after{
  content:attr(data-tip);
  position:absolute; z-index:9999;
  background:rgba(0,0,0,.8);
  color:#fff; padding:.35rem .5rem; border-radius:6px; font-size:12px;
  transform:translateY(-120%);
  white-space:nowrap;
}

/* Ngày hiện tại (nếu có lịch) */
.dmctn-calendar .day.is-today, .calendar .day.today{
  background:var(--army-red)!important;
  color:var(--army-gold)!important;
  font-weight:700;
  outline:2px solid #7a0000;
}

/* Các tiện ích lớp phủ */
.round-pulse{
  position:relative;
}
.round-pulse::after{
  content:""; position:absolute; inset:-6px;
  border:2px solid var(--army-gold); border-radius:999px;
  animation:dmctn-pulse 1.8s infinite;
}
@keyframes dmctn-pulse{
  0%{ opacity:.7; transform:scale(.9); }
  70%{ opacity:0; transform:scale(1.2); }
  100%{ opacity:0; }
}

/* Lớp kích hoạt an toàn, có thể thêm vào <html> bằng JS nếu muốn: document.documentElement.classList.add('dmctn-army') */