/* 80-blog.css — a9 (2026-11-03): chuyên mục tin tức (body.dv-blog-archive) + chi tiết bài (body.dv-blog-single).
   Token theo huong-thiet-ke.md (10-luxe.css). Giữ quy tắc chữ bài mobile của a3 (40): tiêu đề 28px, thân 16px/1.65.
   Ghi đè có chủ đích phần thẻ bài của 30-mobile-posts.css trong phạm vi .dv-b-arch. Gỡ = xoá dv/80-blog.* + mu-plugins/dv-blog.php. */
:root { --dvb-ink: var(--ink, #262262); --dvb-night: var(--night, #1A1846); --dvb-text: var(--text, #4A4760); --dvb-muted: var(--muted, #5F5B70);
  --dvb-gold: var(--gold, #7E6129); --dvb-champ: var(--champagne, #B89463); --dvb-paper: var(--paper, #FFFDF9); --dvb-porc: var(--porcelain, #F7F3EE);
  --dvb-blush: #EDE4D8; --dvb-line: var(--line, #E2D9CC);
  --dvb-serif: var(--serif, "Noto Serif Display", Georgia, serif); --dvb-sans: var(--sans, "Be Vietnam Pro", system-ui, sans-serif); }

/* ---------- Chung ---------- */
.dv-b-sr { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.dv-b-label { display: inline-block; font: 700 11px/1.4 var(--dvb-sans) !important; letter-spacing: .16em; text-transform: uppercase; color: var(--dvb-gold) !important; margin: 0 0 8px; }
.dv-b-meta { display: block; font: 400 13px/1.5 var(--dvb-sans) !important; color: var(--dvb-muted) !important; margin-top: 10px; }
.dv-b-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; padding: 0 22px; border-radius: 999px;
  font: 700 15px/1 var(--dvb-sans) !important; letter-spacing: .01em; text-decoration: none !important; cursor: pointer; border: 1px solid var(--dvb-ink);
  transition: background-color .25s ease, color .25s ease; box-sizing: border-box; white-space: nowrap; }
.dv-b-btn--pri { background: var(--dvb-ink) !important; color: #fff !important; }
.dv-b-btn--pri:hover { background: var(--dvb-night) !important; }
.dv-b-btn--ghost { background: transparent !important; color: var(--dvb-ink) !important; }
.dv-b-btn--ghost:hover { background: rgba(38,34,98,.06) !important; }
.dv-b-btn--sub { background: var(--dvb-paper) !important; color: var(--dvb-ink) !important; border-color: var(--dvb-line); }
.dv-b-btn--sub:hover { border-color: var(--dvb-ink); }
.dv-b-sec__eyebrow, .dv-b-cta__eyebrow, .dv-b-ahead__eyebrow, .dv-b-doc__eyebrow { font: 700 12px/1.4 var(--dvb-sans) !important; letter-spacing: .22em !important;
  text-transform: uppercase; color: var(--dvb-gold) !important; margin: 0 0 10px !important; }

/* ================= CHUYÊN MỤC ================= */
body.dv-blog-archive .dv-b-ahead { padding: clamp(24px, 4vw, 56px) 0 clamp(20px, 3vw, 36px); border-bottom: 1px solid var(--dvb-line); margin-bottom: clamp(24px, 3.5vw, 44px); }
body.dv-blog-archive .dv-b-ahead__h { font: 700 clamp(36px, 4.6vw, 64px)/1.12 var(--dvb-serif) !important; color: var(--dvb-ink) !important; margin: 0 0 12px !important; letter-spacing: -.015em; }
body.dv-blog-archive .dv-b-ahead__p { font: 400 16px/1.6 var(--dvb-sans) !important; color: var(--dvb-muted) !important; margin: 0 0 22px !important; max-width: 640px; }
.dv-b-chips { margin: 0 -2px; }
.dv-b-chips__in { display: flex; flex-wrap: wrap; gap: 8px; }
.dv-b-chip { display: inline-flex; align-items: center; min-height: 40px; padding: 0 16px; border: 1px solid var(--dvb-line); border-radius: 999px; background: var(--dvb-paper);
  font: 400 14px/1 var(--dvb-sans) !important; color: var(--dvb-ink) !important; text-decoration: none !important; white-space: nowrap; transition: border-color .2s, background-color .2s; }
.dv-b-chip:hover { border-color: var(--dvb-ink); }
.dv-b-chip.is-on { background: var(--dvb-ink); border-color: var(--dvb-ink); color: #fff !important; }

/* Lưới thẻ */
body.dv-blog-archive .elementor-widget-archive-posts .elementor-posts-container { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 40px 28px !important; }
body.dv-blog-archive .elementor-widget-archive-posts .elementor-post { display: flex !important; flex-direction: column !important; background: transparent; border: 0; border-radius: 0; box-shadow: none; overflow: visible; margin: 0 !important; }
body.dv-blog-archive .elementor-widget-archive-posts .elementor-post__thumbnail__link { width: 100% !important; max-width: 100% !important; margin: 0 0 18px !important; display: block; border-radius: 6px; overflow: hidden; }
body.dv-blog-archive .elementor-widget-archive-posts .elementor-post__thumbnail { position: relative !important; padding-bottom: 0 !important; border-radius: 6px !important; overflow: hidden; aspect-ratio: 16 / 10; background: var(--dvb-blush); }
body.dv-blog-archive .elementor-widget-archive-posts .elementor-post__thumbnail img { position: absolute !important; inset: 0; width: 100% !important; height: 100% !important; max-width: none !important;
  aspect-ratio: auto; object-fit: cover; object-position: 50% 30%; transform: none !important; transition: transform .8s cubic-bezier(.2,.7,.2,1); border-radius: 0; }
body.dv-blog-archive .elementor-widget-archive-posts .elementor-post:hover .elementor-post__thumbnail img { transform: scale(1.035) !important; }
body.dv-blog-archive .elementor-widget-archive-posts .elementor-post__text { width: 100% !important; padding: 0 !important; display: flex; flex-direction: column; align-items: flex-start; }
body.dv-blog-archive .elementor-widget-archive-posts .elementor-post__title { font: 400 21px/1.36 var(--dvb-serif) !important; margin: 0 0 10px !important; letter-spacing: 0;
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
body.dv-blog-archive .elementor-widget-archive-posts .elementor-post__title a { color: var(--dvb-ink) !important; font: inherit !important; text-decoration: none !important;
  background: linear-gradient(currentColor, currentColor) 0 100% / 0 1px no-repeat; transition: background-size .4s ease; }
body.dv-blog-archive .elementor-widget-archive-posts .elementor-post:hover .elementor-post__title a { background-size: 100% 1px; }
body.dv-blog-archive .elementor-widget-archive-posts .elementor-post__excerpt { margin: 0 !important; }
body.dv-blog-archive .elementor-widget-archive-posts .elementor-post__excerpt p { font: 400 15px/1.6 var(--dvb-sans) !important; color: var(--dvb-text) !important; margin: 0 !important;
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
/* Bài nổi bật */
body.dv-blog-archive:not(.paged) .elementor-widget-archive-posts .elementor-post:first-child { grid-column: 1 / -1; display: grid !important; grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); gap: 0 clamp(28px, 4vw, 56px); align-items: center;
  padding-bottom: 40px; border-bottom: 1px solid var(--dvb-line); }
body.dv-blog-archive:not(.paged) .elementor-widget-archive-posts .elementor-post:first-child .elementor-post__thumbnail__link { margin: 0 !important; }
body.dv-blog-archive:not(.paged) .elementor-widget-archive-posts .elementor-post:first-child .elementor-post__title { font-size: clamp(26px, 2.6vw, 38px) !important; line-height: 1.22 !important; font-weight: 700 !important; -webkit-line-clamp: 4; }
body.dv-blog-archive:not(.paged) .elementor-widget-archive-posts .elementor-post:first-child .elementor-post__excerpt p { font-size: 16px !important; -webkit-line-clamp: 4; }
/* Phân trang */
body.dv-blog-archive .elementor-widget-archive-posts .elementor-pagination { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 8px; margin-top: clamp(40px, 5vw, 64px) !important; }
body.dv-blog-archive .elementor-widget-archive-posts .elementor-pagination .page-numbers { display: inline-flex !important; align-items: center; justify-content: center; min-width: 44px; height: 44px; padding: 0 12px;
  margin: 0 !important; box-sizing: border-box; border: 1px solid var(--dvb-line) !important; border-radius: 999px !important; background: var(--dvb-paper) !important;
  font: 400 15px/1 var(--dvb-sans) !important; color: var(--dvb-ink) !important; text-decoration: none !important; box-shadow: none !important; }
body.dv-blog-archive .elementor-widget-archive-posts .elementor-pagination a.page-numbers:hover { border-color: var(--dvb-ink) !important; }
body.dv-blog-archive .elementor-widget-archive-posts .elementor-pagination .page-numbers.current { background: var(--dvb-ink) !important; border-color: var(--dvb-ink) !important; color: #fff !important; }
body.dv-blog-archive .elementor-widget-archive-posts .elementor-pagination .page-numbers.dots { border-color: transparent !important; background: transparent !important; min-width: 24px; }
body.dv-blog-archive .elementor-widget-archive-posts .elementor-pagination .dv-b-pg { padding: 0 18px; gap: 6px; }

@media (max-width: 1024px) {
  body.dv-blog-archive .elementor-widget-archive-posts .elementor-posts-container { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 32px 20px !important; }
}
@media (max-width: 767px) {
  body.dv-blog-archive .dv-b-ahead { padding-top: 20px; }
  body.dv-blog-archive .dv-b-ahead__h { font-size: 34px !important; }
  /* chip cuộn ngang, tràn sát mép màn */
  .dv-b-chips { margin: 0 -10px; }
  .dv-b-chips__in { flex-wrap: nowrap; overflow-x: auto; padding: 2px 10px 6px; scroll-padding: 0 10px; scroll-snap-type: x proximity; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
  .dv-b-chips__in::-webkit-scrollbar { display: none; }
  .dv-b-chip { scroll-snap-align: start; min-height: 44px; }
  body.dv-blog-archive .elementor-widget-archive-posts .elementor-posts-container { grid-template-columns: minmax(0, 1fr) !important; gap: 32px !important; row-gap: 32px !important; }
  body.dv-blog-archive:not(.paged) .elementor-widget-archive-posts .elementor-post:first-child { display: flex !important; padding-bottom: 32px; }
  body.dv-blog-archive:not(.paged) .elementor-widget-archive-posts .elementor-post:first-child .elementor-post__thumbnail__link { margin: 0 0 16px !important; }
  body.dv-blog-archive:not(.paged) .elementor-widget-archive-posts .elementor-post:first-child .elementor-post__title { font-size: 26px !important; }
  body.dv-blog-archive .elementor-widget-archive-posts .elementor-post__title { font-size: 20px !important; line-height: 1.35 !important; }
  body.dv-blog-archive .elementor-widget-archive-posts .elementor-post__excerpt p { font-size: 15px !important; }
  body.dv-blog-archive .elementor-widget-archive-posts .elementor-pagination .dv-b-pg { flex: 1 1 100%; order: 9; max-width: 260px; }
  body.dv-blog-archive .elementor-widget-archive-posts .elementor-pagination .dv-b-pg--prev { order: 8; }
}

/* ================= CHI TIẾT BÀI ================= */
.dv-b-progress { position: fixed; top: 0; left: 0; right: 0; height: 3px; z-index: 100000; pointer-events: none; background: transparent; }
.dv-b-progress span { display: block; height: 100%; background: var(--dvb-ink); transform-origin: 0 50%; transform: scaleX(0); }
body.admin-bar .dv-b-progress { top: 32px; }

.dv-b-byline { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; margin: 14px 0 6px !important; font: 400 14px/1.5 var(--dvb-sans) !important; color: var(--dvb-muted) !important; width: 100%; }
.dv-b-byline a { color: var(--dvb-ink) !important; font-weight: 700; text-decoration: none !important; border-bottom: 1px solid rgba(38,34,98,.3); }
.dv-b-dot { color: var(--dvb-champ); }

body.dv-blog-single .elementor-widget-theme-post-content :is(h2, h3) { scroll-margin-top: 96px; }

/* Mục lục */
.dv-b-toc { border: 1px solid var(--dvb-line); border-radius: 8px; background: var(--dvb-paper); margin: 8px 0 32px; }
.dv-b-toc__btn { all: unset; box-sizing: border-box; display: flex; align-items: center; gap: 10px; width: 100%; min-height: 52px; padding: 12px 18px; cursor: pointer; }
.dv-b-toc__btn:focus-visible { outline: 2px solid var(--dvb-ink); outline-offset: 2px; border-radius: 8px; }
.dv-b-toc__h { font: 400 19px/1.2 var(--dvb-serif) !important; color: var(--dvb-ink); }
.dv-b-toc__n { font: 400 13px/1 var(--dvb-sans) !important; color: var(--dvb-muted); }
.dv-b-toc__ic { margin-left: auto; width: 10px; height: 10px; border-right: 1.5px solid var(--dvb-ink); border-bottom: 1.5px solid var(--dvb-ink); transform: translateY(-3px) rotate(45deg); transition: transform .25s; }
.dv-b-toc__btn[aria-expanded="true"] .dv-b-toc__ic { transform: translateY(2px) rotate(-135deg); }
.dv-b-toc__list { list-style: none !important; margin: 0 !important; padding: 4px 18px 16px !important; border-top: 1px solid var(--dvb-line); counter-reset: dvb; }
.dv-b-toc__list li { margin: 0 !important; padding: 0 !important; list-style: none !important; }
.dv-b-toc__list li::before, .dv-b-toc__list li::marker { content: none !important; }
.dv-b-toc__list a { display: block; padding: 8px 0 8px 12px; border-left: 2px solid transparent; font: 400 15px/1.45 var(--dvb-sans) !important; color: var(--dvb-text) !important; text-decoration: none !important; }
.dv-b-toc__l3 a { padding-left: 28px; font-size: 14px !important; color: var(--dvb-muted) !important; }
.dv-b-toc__list a:hover { color: var(--dvb-ink) !important; }
.dv-b-toc__list a.is-on { color: var(--dvb-ink) !important; border-left-color: var(--dvb-ink); font-weight: 700 !important; }
.dv-b-toc.is-side { display: none; }
@media (min-width: 1025px) {
  body.dv-b-has-side .dv-b-toc.is-inline { display: none; }
  .dv-b-toc.is-side { display: block; margin: 0 0 16px; }
  .dv-b-toc.is-side .dv-b-toc__list { max-height: max(180px, calc(100vh - 640px)); overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; }
  .dv-b-toc.is-side .dv-b-toc__list a { font-size: 14px !important; padding-top: 6px; padding-bottom: 6px; }
}

/* Hộp CTA */
.dv-b-cta { margin: 40px 0; padding: clamp(24px, 3.4vw, 36px); background: var(--dvb-porc); border: 1px solid var(--dvb-line); border-left: 3px solid var(--dvb-champ); border-radius: 8px; }
.dv-b-cta--end { background: var(--dvb-night); border-color: var(--dvb-night); border-left-color: var(--dvb-champ); margin-top: 48px; }
.dv-b-cta__h { font: 400 clamp(23px, 2.3vw, 30px)/1.25 var(--dvb-serif) !important; color: var(--dvb-ink) !important; margin: 0 0 10px !important; text-wrap: balance; }
.dv-b-cta__p { font: 400 15px/1.6 var(--dvb-sans) !important; color: var(--dvb-text) !important; margin: 0 0 18px !important; }
.dv-b-cta__acts { display: flex; flex-wrap: wrap; gap: 10px; margin: 0 0 14px; }
.dv-b-form { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 10px; max-width: 520px; }
.dv-b-form__in { flex: 1 1 200px; min-width: 0; min-height: 48px; padding: 0 16px !important; border: 1px solid var(--dvb-line) !important; border-radius: 999px !important;
  background: #fff !important; font: 400 16px/1 var(--dvb-sans) !important; color: var(--dvb-ink) !important; box-sizing: border-box; box-shadow: none !important; margin: 0 !important; }
.dv-b-form__in:focus { outline: 2px solid var(--dvb-ink); outline-offset: 1px; }
.dv-b-form.is-busy button { opacity: .6; }
.dv-b-form__msg { flex: 1 1 100%; margin: 2px 0 0 !important; font: 400 14px/1.5 var(--dvb-sans) !important; min-height: 0; }
.dv-b-form__msg:empty { display: none; }
.dv-b-form__msg.is-ok { color: #1F6B45 !important; }
.dv-b-form__msg.is-error { color: #A3302A !important; }
.dv-b-cta__info { font: 400 14px/1.6 var(--dvb-sans) !important; margin: 8px 0 0 !important; }
.dv-b-cta__note { font: 400 12.5px/1.5 var(--dvb-sans) !important; color: var(--dvb-muted) !important; margin: 6px 0 0 !important; }
/* cuối bài: nền tối */
.dv-b-cta--end .dv-b-cta__eyebrow { color: #D9C3A0 !important; }
.dv-b-cta--end .dv-b-cta__h { color: #F7F3EE !important; }
.dv-b-cta--end :is(.dv-b-cta__p, .dv-b-cta__info, .dv-b-cta__note) { color: rgba(247,243,238,.82) !important; }
.dv-b-cta--end .dv-b-btn--pri { background: #F7F3EE !important; color: var(--dvb-night) !important; border-color: #F7F3EE; }
.dv-b-cta--end .dv-b-btn--pri:hover { background: #fff !important; }
.dv-b-cta--end .dv-b-btn--ghost { color: #F7F3EE !important; border-color: rgba(247,243,238,.5); }
.dv-b-cta--end .dv-b-btn--sub { background: transparent !important; color: #F7F3EE !important; border-color: rgba(247,243,238,.5); }
.dv-b-cta--end .dv-b-form__in { border-color: transparent !important; }
.dv-b-cta--end .dv-b-form__msg.is-ok { color: #9FD8B8 !important; }
.dv-b-cta--end .dv-b-form__msg.is-error { color: #F2B8B3 !important; }

/* Hộp bác sĩ (chỉ khi tác giả là bác sĩ) */
body.dv-author-nodoc .elementor-element-15921a9, body.dv-author-nodoc .elementor-widget-author-box { display: none !important; }
body.dv-author-doc .elementor-element-15921a9 { display: none !important; } /* nhãn thay bằng eyebrow trong hộp */
.dv-b-doc { padding: 24px !important; border: 1px solid var(--dvb-line); border-radius: 8px; background: var(--dvb-paper); margin: 8px 0 24px !important; width: 100%; box-sizing: border-box; }
.dv-b-doc .elementor-author-box__name { font: 400 22px/1.3 var(--dvb-serif) !important; color: var(--dvb-ink) !important; margin: 0 0 8px !important; }
.dv-b-doc .elementor-author-box__bio { font: 400 15px/1.6 var(--dvb-sans) !important; color: var(--dvb-text) !important; }
.dv-b-doc .elementor-author-box__avatar img { border-radius: 50% !important; object-fit: cover; object-position: 50% 15%; }
.dv-b-doc .elementor-author-box__button { border-radius: 999px !important; min-height: 44px; display: inline-flex !important; align-items: center; padding: 0 18px !important;
  background: transparent !important; border: 1px solid var(--dvb-ink) !important; color: var(--dvb-ink) !important; font: 700 14px/1 var(--dvb-sans) !important; }

/* Bài tương tự + video */
.dv-b-more { width: 100%; margin: 40px 0 8px; }
.dv-b-rel, .dv-b-yt { padding-top: 32px; border-top: 1px solid var(--dvb-line); margin-bottom: 40px; }
.dv-b-sec__h { font: 400 clamp(26px, 2.6vw, 34px)/1.2 var(--dvb-serif) !important; color: var(--dvb-ink) !important; margin: 0 0 24px !important; }
.dv-b-cards, .dv-b-vids { list-style: none !important; margin: 0 !important; padding: 0 !important; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px 20px; }
.dv-b-cards > li, .dv-b-vids > li { list-style: none !important; margin: 0 !important; padding: 0 !important; }
.dv-b-cards > li::before, .dv-b-vids > li::before { content: none !important; }
.dv-b-card__a { display: flex; flex-direction: column; text-decoration: none !important; color: inherit !important; }
.dv-b-card__media { display: block; aspect-ratio: 16 / 10; border-radius: 6px; overflow: hidden; background: var(--dvb-blush); margin-bottom: 14px; }
.dv-b-card__media img { width: 100% !important; height: 100% !important; object-fit: cover; object-position: 50% 30%; display: block; transition: transform .8s cubic-bezier(.2,.7,.2,1); max-width: none; }
.dv-b-card__a:hover .dv-b-card__media img { transform: scale(1.035); }
.dv-b-card__body { display: flex; flex-direction: column; min-width: 0; }
.dv-b-card__t { font: 400 17px/1.4 var(--dvb-serif) !important; color: var(--dvb-ink) !important; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.dv-b-card__a .dv-b-meta { margin-top: 6px; }
.dv-b-vids { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.dv-b-vid__btn { all: unset; box-sizing: border-box; position: relative; display: block; width: 100%; aspect-ratio: 16 / 9; border-radius: 6px; overflow: hidden; background: var(--dvb-night); cursor: pointer; }
.dv-b-vid__btn:focus-visible { outline: 2px solid var(--dvb-ink); outline-offset: 3px; }
.dv-b-vid__btn img { position: absolute; inset: 0; width: 100% !important; height: 100% !important; object-fit: cover; max-width: none; transition: transform .8s cubic-bezier(.2,.7,.2,1), opacity .3s; }
.dv-b-vid__btn:hover img { transform: scale(1.035); opacity: .92; }
.dv-b-vid__play { position: absolute; left: 50%; top: 50%; width: 60px; height: 60px; margin: -30px 0 0 -30px; border-radius: 50%; background: rgba(26,24,70,.78); border: 1px solid rgba(247,243,238,.6); }
.dv-b-vid__play::after { content: ""; position: absolute; left: 24px; top: 19px; border-style: solid; border-width: 11px 0 11px 17px; border-color: transparent transparent transparent #F7F3EE; }
.dv-b-vid__frame { display: block; width: 100%; aspect-ratio: 16 / 9; height: auto; border: 0; border-radius: 6px; background: #000; }
.dv-b-vid__t { font: 400 15px/1.45 var(--dvb-sans) !important; color: var(--dvb-ink) !important; margin: 12px 0 0 !important; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.dv-b-yt__more { margin: 20px 0 0 !important; }
.dv-b-yt__more a { font: 700 15px/1.4 var(--dvb-sans) !important; color: var(--dvb-ink) !important; text-decoration: underline; text-underline-offset: .22em; text-decoration-color: rgba(38,34,98,.35); }

@media (max-width: 767px) {
  .dv-b-cta { margin: 32px 0; padding: 22px 18px; }
  .dv-b-cta__acts .dv-b-btn { flex: 1 1 100%; }
  .dv-b-form__in { flex-basis: 100%; }
  .dv-b-form .dv-b-btn { flex: 1 1 100%; }
  .dv-b-toc { margin-bottom: 24px; }
  /* Bài tương tự: danh sách gọn, ảnh trái */
  .dv-b-cards { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .dv-b-cards > li + li { border-top: 1px solid var(--dvb-line) !important; }
  .dv-b-card__a { flex-direction: row; align-items: flex-start; gap: 14px; padding: 14px 0; }
  .dv-b-card__media { flex: 0 0 112px; width: 112px; margin: 0; }
  .dv-b-card__body .dv-b-label { margin-bottom: 4px; }
  .dv-b-card__t { font-size: 16px !important; }
  /* Video: dải cuộn ngang */
  .dv-b-vids { display: flex; gap: 14px; overflow-x: auto; scroll-snap-type: x mandatory; margin: 0 -10px !important; padding: 0 10px 6px !important; scroll-padding: 0 10px; scrollbar-width: none; }
  .dv-b-vids::-webkit-scrollbar { display: none; }
  .dv-b-vids > li { flex: 0 0 80%; scroll-snap-align: start; }
}
@media (prefers-reduced-motion: reduce) {
  .dv-b-card__media img, .dv-b-vid__btn img, body.dv-blog-archive .elementor-widget-archive-posts .elementor-post__thumbnail img { transition: none !important; }
}

/* --- Thắng độ ưu tiên của luật chữ/link chung (10-luxe) bên trong khối của a9 --- */
body .dv-b-cta { display: flex; flex-direction: column; align-items: stretch; }
body .dv-b-cta > .dv-b-cta__acts { order: 1; }
body .dv-b-cta > .dv-b-form { order: 2; }
body .dv-b-cta > .dv-b-cta__info, body .dv-b-cta > .dv-b-cta__note { order: 3; }
body .dv-b-cta p.dv-b-cta__h, body .dv-b-toc .dv-b-toc__h, body .dv-b-more .dv-b-sec__h, body .dv-b-card__t { font-family: var(--dvb-serif) !important; font-weight: 400 !important; }
body .dv-b-cta p.dv-b-cta__h { font-weight: 700 !important; }
body .elementor-widget-theme-post-content a.dv-b-btn, body .dv-b-more a, body .dv-b-toc a { text-decoration: none !important; }
body .elementor-widget-theme-post-content a.dv-b-btn--pri { color: #fff !important; }
body .elementor-widget-theme-post-content a.dv-b-btn--ghost { color: var(--dvb-ink) !important; }
body .elementor-widget-theme-post-content .dv-b-cta--end a.dv-b-btn--pri { color: var(--dvb-night) !important; }
body .elementor-widget-theme-post-content .dv-b-cta--end a.dv-b-btn--ghost { color: #F7F3EE !important; }
body .dv-b-more .dv-b-yt__more a { text-decoration: underline !important; }
body.dv-blog-single .elementor-widget-theme-post-content .dv-b-cta a.dv-b-btn.dv-b-btn--pri { color: #fff !important; }
body.dv-blog-single .elementor-widget-theme-post-content .dv-b-cta a.dv-b-btn.dv-b-btn--ghost { color: var(--dvb-ink) !important; }
body.dv-blog-single .elementor-widget-theme-post-content .dv-b-cta.dv-b-cta--end a.dv-b-btn.dv-b-btn--pri { color: var(--dvb-night) !important; }
body.dv-blog-single .elementor-widget-theme-post-content .dv-b-cta.dv-b-cta--end a.dv-b-btn.dv-b-btn--ghost { color: #F7F3EE !important; }
body .dv-b-doc a.elementor-author-box__button.elementor-button { background: transparent !important; color: var(--dvb-ink) !important; border: 1px solid var(--dvb-ink) !important;
  border-radius: 999px !important; white-space: normal; height: auto; min-height: 44px; padding: 10px 18px !important; line-height: 1.3 !important; text-align: left; }
body .dv-b-doc .elementor-author-box { gap: 24px; align-items: flex-start; }
@media (max-width: 767px) {
  body .dv-b-doc .elementor-author-box { flex-direction: column !important; gap: 16px; }
  body .dv-b-doc .elementor-author-box__avatar { margin: 0 !important; }
  body .dv-b-doc .elementor-author-box__text { width: 100%; }
}
/* đầu trang chuyên mục là con của e-con (flex): không cho nở theo dải chip */
body.dv-blog-archive .dv-b-ahead { width: 100%; max-width: 100%; min-width: 0; box-sizing: border-box; flex: 0 0 auto; }
body.dv-blog-archive .dv-b-chips, body.dv-blog-archive .dv-b-chips__in { min-width: 0; max-width: none; }
@media (max-width: 767px) { body.dv-blog-archive .dv-b-chips { width: calc(100% + 20px); } }
body.dv-blog-archive .elementor-element-0ce655b .elementor-spacer-inner { height: 8px !important; }
