/*
Author URI: https://dienmaycutayninh.com
Theme Name: DMCTN Quân Đội
Template: dmctn-parent-dienmay
Version: 1.0.0
Description: Giao diện phong cách Quân đội Nhân dân Việt Nam: đỏ - xanh quân đội - vàng, hiệu ứng hover/nhấp nháy dịu. TẠO BỞI BÙI VĂN TĨNH.
Author: BÙI VĂN TĨNH
*/

:root{
  --dmctn-header-bg:#2e7d32;
  --dmctn-header-text:#ffffff;
  --dmctn-accent:#ffffff;
  --dmctn-container:1260px;

  /* Logo */
  --dmctn-logo-w:42px;
  --dmctn-logo-h:42px;

  /* Topbar */
  --dmctn-topbar-h:6px;
  --dmctn-topbar-color:#0d5d5b;

  /* Header */
  --dmctn-header-h:56px;

  /* Quick icons */
  --dmctn-quick-icon-desktop:22px;
  --dmctn-quick-icon-mobile:20px;
  --dmctn-quick-gap:10px;

  /* Hamburger */
  --dmctn-hg-w:16px;
  --dmctn-hg-t:2px;
  --dmctn-hg-gap:3px;
  --dmctn-hg-size:40px;
  --dmctn-hg-pulse-green:#16a34a;  /* xanh */
  --dmctn-hg-pulse-red:#dc2626;    /* đỏ */
  --dmctn-hg-pulse-yellow:#f59e0b; /* vàng */
  --dmctn-hg-ring:rgba(255,255,255,.35);

  /* Buttons/Tabs */
  --dmctn-btn-radius:999px;
  --dmctn-btn-shadow:0 2px 10px rgba(0,0,0,.12);
  --dmctn-btn-shadow-hover:0 6px 16px rgba(0,0,0,.18);

  /* Tabs */
  --dmctn-tab-font:14px;
  --dmctn-tab-text:#ffffff;
  --dmctn-tab-bg:rgba(255,255,255,.08);
  --dmctn-tab-border:rgba(255,255,255,.35);
  --dmctn-tab-hover:rgba(255,255,255,.12);
}


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


/* Auto-append: DMCTN Army Style — TẠO BỞI BÙI VĂN TĨNH */
@import url("dmctn-army-style.css");