/* ================== DMCTN QĐNDVN STYLE v1.0.0 ================== TẠO BỞI BÙI VĂN TĨNH Bảng màu: xanh quân đội, đỏ cờ, vàng sao. Áp dụng khi có class .qdnsvn-scheme (được plugin auto thêm). ================================================================== */ :root{ --dm-green:#225D38; --dm-green-2:#1C4C30; --dm-red:#C21807; --dm-yellow:#FFD700; --dm-ink:#0F1A13; --dm-paper:#F7F8F5; --dm-card:#FFFFFF; --dm-muted:#E6EDDF; --dm-ring:rgba(255,215,0,.35); } /* Khung chung */ .qdnsvn-scheme .dmctn-sec{ background: linear-gradient(0deg, #ffffff, #fbfcf9); border: 1px solid var(--dm-muted); border-radius: 12px; padding: 14px 16px 16px; margin-block: 16px; box-shadow: 0 2px 10px rgba(12, 45, 24, .06); } .qdnsvn-scheme .sec-head{ display:flex; align-items:center; justify-content:space-between; gap: 12px; margin-bottom: 10px; border-bottom: 2px solid var(--dm-green); padding-bottom: 8px; } .qdnsvn-scheme .sec-head h2{ margin:0; font-weight:800; letter-spacing:.2px; font-size: clamp(18px, 2vw, 22px); color:#fff; background: var(--dm-red); padding:6px 12px; border-radius:8px; text-shadow: 0 1px 0 rgba(0,0,0,.25); box-shadow: inset 0 -2px 0 rgba(0,0,0,.12); } .qdnsvn-scheme .sec-more{ display:inline-block; font-weight:700; text-decoration:none; color:var(--dm-red); border:2px solid var(--dm-yellow); padding:6px 10px; border-radius:999px; transition:.2s ease; line-height:1; } .qdnsvn-scheme .sec-more:hover, .qdnsvn-scheme .sec-more:focus{ background: var(--dm-green); color:#fff; border-color: var(--dm-green); box-shadow: 0 0 0 4px var(--dm-ring); outline: none; } /* Woo: item */ .qdnsvn-scheme .products .product, .qdnsvn-scheme ul.products li.product{ background: var(--dm-card); border:1px solid var(--dm-muted); border-radius:12px; overflow:hidden; transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease; } .qdnsvn-scheme .products .product:hover, .qdnsvn-scheme ul.products li.product:hover{ transform: translateY(-2px); border-color: var(--dm-green); box-shadow: 0 6px 20px rgba(12,45,24,.12); } .qdnsvn-scheme ul.products li.product .price{ color: var(--dm-red); font-weight:700; } .qdnsvn-scheme ul.products li.product a.button, .qdnsvn-scheme ul.products li.product .button{ background: var(--dm-red); color: var(--dm-yellow); border: none; border-radius: 999px; padding: 8px 12px; font-weight:800; text-shadow: 0 1px 0 rgba(0,0,0,.2); } .qdnsvn-scheme ul.products li.product a.button:hover, .qdnsvn-scheme ul.products li.product .button:hover{ background: var(--dm-green); color:#fff; } /* Khối “Tài liệu” ngang */ .qdnsvn-scheme .dmctn-docs .snap-nav{ display:flex; gap:6px; } .qdnsvn-scheme .dmctn-docs .snap-btn{ width:36px; height:36px; border-radius:50%; background: var(--dm-yellow); color: var(--dm-ink); border:2px solid var(--dm-green-2); font-weight:900; cursor:pointer; line-height:32px; text-align:center; transition:.2s ease; } .qdnsvn-scheme .dmctn-docs .snap-btn:hover{ background: var(--dm-green); color:#fff; border-color: var(--dm-green); } .qdnsvn-scheme .dmctn-docs-list .wp-block-post{ background:#fff; border:1px solid var(--dm-muted); border-radius:12px; overflow:hidden; transition:.2s ease; position:relative; } .qdnsvn-scheme .dmctn-docs-list .wp-block-post:hover{ border-color: var(--dm-green); box-shadow: 0 8px 24px rgba(12,45,24,.12); } .qdnsvn-scheme .dmctn-docs .doc-body{ padding:10px 12px; } .qdnsvn-scheme .dmctn-docs .doc-meta{ display:flex; flex-wrap:wrap; gap:8px; font-size:12px; opacity:.9; } .qdnsvn-scheme .dmctn-docs a.wp-block-read-more{ display:inline-block; margin-top:6px; color:#fff; background:var(--dm-green); padding:6px 10px; border-radius:8px; font-weight:700; } .qdnsvn-scheme .dmctn-docs a.wp-block-read-more:hover{ background: var(--dm-red); } /* Bài viết mới */ .qdnsvn-scheme .dmctn-latest.is-style-list .wp-block-post-title a{ color: var(--dm-ink); text-decoration:none; font-weight:700; } .qdnsvn-scheme .dmctn-latest.is-style-list .wp-block-post-title a:hover{ color: var(--dm-green); } .qdnsvn-scheme .dmctn-latest.is-style-list .wp-block-post-title:before{ content:"★"; color: var(--dm-yellow); margin-right:8px; text-shadow:0 1px 0 rgba(0,0,0,.25); } .qdnsvn-scheme .wp-block-buttons.dmctn-more .wp-block-button__link{ background: var(--dm-red); color: var(--dm-yellow); border-radius:999px; padding:10px 14px; font-weight:800; } .qdnsvn-scheme .wp-block-buttons.dmctn-more .wp-block-button__link:hover{ background: var(--dm-green); color:#fff; } /* Mobile */ @media (max-width: 782px){ .qdnsvn-scheme .dmctn-sec{ padding:12px } .qdnsvn-scheme .sec-head{ flex-wrap:wrap; gap:8px } .qdnsvn-scheme .sec-head h2{ font-size:18px; border-radius:6px } .qdnsvn-scheme .sec-more{ padding:6px 10px } .qdnsvn-scheme ul.products{ gap:10px !important; } .qdnsvn-scheme ul.products.columns-4 li.product{ width:calc(50% - 10px) !important; } } /* Focus rõ */ .qdnsvn-scheme a:focus, .qdnsvn-scheme button:focus{ outline: 3px solid var(--dm-yellow); outline-offset: 2px; }