/* Tabs dưới header: hover dấu + hiện tên tab */
.dmctn-tabs-wrap{background:transparent;padding:10px 0}
.dmctn-tabs-wrap .container{display:flex;align-items:center;gap:12px}
.dmctn-tabs{list-style:none;display:flex;flex-wrap:wrap;gap:12px;margin:0;padding:0}
.dmctn-tabs li{display:block}
.dmctn-tabs a{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid var(--dmctn-tab-border);color:var(--dmctn-tab-text);background:var(--dmctn-tab-bg);text-decoration:none;border-radius:var(--dmctn-btn-radius);line-height:1;font-weight:800;box-shadow:var(--dmctn-btn-shadow);transition:transform .15s ease, box-shadow .15s ease, background .2s;font-size:var(--dmctn-tab-font);position:relative}
.dmctn-tabs a:hover{background:var(--dmctn-tab-hover);transform:translateY(-2px);box-shadow:var(--dmctn-btn-shadow-hover)}
.dmctn-tabs .plus-tab .label{display:none}
/* Tooltip bằng data-label khi hover vào dấu + */
.dmctn-tabs .plus-tab:hover::after{content:attr(data-label);position:absolute;left:50%;top:-8px;transform:translate(-50%,-100%);background:rgba(0,0,0,.75);color:#fff;padding:4px 8px;border-radius:8px;font-size:12px;white-space:nowrap;opacity:1}
.dmctn-tabs .plus-tab::after{opacity:0;transition:.15s}
@media (min-width: 992px){
  .dmctn-tabs .plus-tab .label{display:inline}
}


/* === 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') */