/* =========================================================
   18+ Comic v2.9.9.1 — Kicker + Dark Mode Hotfix
   - Restore old comic-style section kicker, only improve contrast.
   - Remove Font Awesome dependency from dark-mode floating icon.
========================================================= */
.vtt-section-kicker,
.vtt-home-featured__kicker,
.vtt-library-section .vtt-section-kicker,
.vtt-single-related .vtt-section-kicker,
.vtt-related-section .vtt-section-kicker,
.vtt-sidebar-block .vtt-section-kicker{
  display:inline-flex!important; align-items:center!important; width:max-content!important; min-height:21px!important;
  margin:0 0 6px!important; padding:3px 8px!important;
  border:1px solid var(--vtt-line,#17171d)!important; border-radius:7px!important;
  color:#17171d!important; background:#ffd82f!important;
  font-size:9px!important; font-weight:800!important; letter-spacing:.08em!important; line-height:1!important; text-transform:uppercase!important;
  text-shadow:none!important; box-shadow:none!important; background-image:none!important;
}
.vtt-comic-library-v220 .vtt-section-kicker,
body.vtt-comic-library-v270 .vtt-section-kicker{
  min-height:23px!important; padding:4px 9px!important; border-radius:7px!important; font-size:10px!important;
}
html[data-ec18-theme="dark"] .vtt-section-kicker,
html[data-ec18-theme="dark"] .vtt-home-featured__kicker,
html[data-ec18-theme="dark"] .vtt-library-section .vtt-section-kicker,
html[data-ec18-theme="dark"] .vtt-single-related .vtt-section-kicker,
html[data-ec18-theme="dark"] .vtt-related-section .vtt-section-kicker,
html[data-ec18-theme="dark"] .vtt-sidebar-block .vtt-section-kicker{
  color:#111827!important; background:#ffd82f!important; border-color:#f59e0b!important;
  text-shadow:none!important; box-shadow:none!important; background-image:none!important;
}
.ec18-mode-tool.ec18-mode-tool--compact{
  position:fixed!important; right:16px!important; bottom:calc(var(--ec18-catfish-height,0px) + 18px)!important; z-index:9100!important;
  width:40px!important; height:40px!important; min-width:40px!important; min-height:40px!important; padding:0!important;
  display:inline-flex!important; flex-direction:row!important; align-items:center!important; justify-content:center!important; gap:0!important;
  color:#7c2d12!important; background:#fff7ed!important; border:2px solid rgba(251,146,60,.55)!important; border-radius:999px!important;
  box-shadow:0 3px 0 rgba(124,45,18,.25),0 8px 18px rgba(15,23,42,.18)!important;
  font:900 18px/1 Inter,Quicksand,system-ui,sans-serif!important; line-height:1!important; cursor:pointer!important;
  transition:transform .16s ease,box-shadow .16s ease,background .16s ease,color .16s ease,border-color .16s ease!important;
}
.ec18-mode-tool.ec18-mode-tool--compact:hover{transform:translateY(-1px)!important; box-shadow:0 4px 0 rgba(124,45,18,.25),0 10px 20px rgba(15,23,42,.2)!important;}
.ec18-mode-tool.ec18-mode-tool--compact .ec18-mode-tool__glyph{
  display:block!important; width:1em!important; height:1em!important; font:900 18px/1 Inter,Quicksand,system-ui,sans-serif!important; text-align:center!important;
  transform:translateY(-1px)!important;
}
.ec18-mode-tool.ec18-mode-tool--compact .fa{font-size:18px!important; line-height:1!important;}
html[data-ec18-theme="dark"] .ec18-mode-tool.ec18-mode-tool--compact{color:#fde68a!important; background:#1f2937!important; border-color:rgba(251,191,36,.5)!important; box-shadow:0 3px 0 rgba(0,0,0,.45),0 8px 18px rgba(0,0,0,.38)!important;}
@media(max-width:768px){.ec18-mode-tool.ec18-mode-tool--compact{right:12px!important;bottom:calc(var(--ec18-catfish-height,0px) + 14px)!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;font-size:16px!important}.ec18-mode-tool.ec18-mode-tool--compact .ec18-mode-tool__glyph{font-size:16px!important}}
@media(prefers-reduced-motion:reduce){.ec18-mode-tool.ec18-mode-tool--compact{transition:none!important}}

/* 18+ Comic v2.9.9.3 — Download CTA as the first detail-tab button
   Keep it on the same line before “Giới thiệu”, with a stronger red comic gradient. */
.vtt-video-tabs .vtt-download-control--tab{
  display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:7px!important;
  flex:0 0 auto!important; width:auto!important; min-width:0!important; min-height:36px!important; height:auto!important;
  margin:0!important; padding:0 14px!important;
  color:#fff!important; text-decoration:none!important;
  border:1px solid #a11212!important; border-radius:10px!important;
  background:linear-gradient(135deg,#ef233c 0%,#dc2626 46%,#991b1b 100%)!important;
  box-shadow:0 3px 0 rgba(127,29,29,.42),0 8px 18px rgba(220,38,38,.22)!important;
  font:900 12px/1 Inter,Quicksand,system-ui,sans-serif!important; letter-spacing:.01em!important;
  text-shadow:0 1px 0 rgba(0,0,0,.24)!important;
  transition:transform .16s ease,filter .16s ease,box-shadow .16s ease!important;
}
.vtt-video-tabs .vtt-download-control--tab:hover,
.vtt-video-tabs .vtt-download-control--tab:focus-visible{
  color:#fff!important; transform:translateY(-1px)!important; filter:saturate(1.08) brightness(1.03)!important;
  box-shadow:0 4px 0 rgba(127,29,29,.44),0 12px 22px rgba(220,38,38,.28)!important;
}
.vtt-video-tabs .vtt-download-control__icon{
  display:inline-flex!important; align-items:center!important; justify-content:center!important;
  width:17px!important; height:17px!important; border-radius:999px!important;
  color:#991b1b!important; background:#fff7ed!important;
  font:900 14px/1 Inter,Quicksand,system-ui,sans-serif!important; transform:translateY(-1px)!important;
}
html[data-ec18-theme="dark"] .vtt-video-tabs .vtt-download-control--tab{
  color:#fff!important; border-color:#ef4444!important;
  background:linear-gradient(135deg,#f43f5e 0%,#dc2626 48%,#7f1d1d 100%)!important;
  box-shadow:0 3px 0 rgba(0,0,0,.48),0 10px 22px rgba(248,113,113,.18)!important;
}
html[data-ec18-theme="dark"] .vtt-video-tabs .vtt-download-control__icon{color:#7f1d1d!important;background:#fff1f2!important}
.vtt-video-tabs--download-only{justify-content:flex-start!important}
@media(max-width:767px){
  .vtt-video-tabs .vtt-download-control--tab{flex:1 1 100%!important; width:100%!important; min-height:40px!important; padding:0 12px!important}
}