/*
Theme Name: TruyenV17
Description: Giao diện client TruyenV17 cho WordPress.
Version: 1.0.20
Requires at least: 6.3
Requires PHP: 8.0
Author: NQT
Author URI: https://nqtno1.com
Text Domain: truyenv17
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

/* Only WordPress integration rules. Original CSS lives in assets/css. */
.full-label { background-image: url('assets/images/full-label.png'); }
.header-logo img { max-height: 36px; max-width: 196px; width: auto; }
.header-logo { white-space: nowrap; }
.fa-secondary { opacity: .4; }
.entry-content img { max-width: 100%; height: auto; }
.entry-content iframe { max-width: 100%; }
.tv17-empty { padding: 25px 0; text-align: center; color: #808080; }
.tv17-status { margin-top: 10px; }
.pagination li a, .pagination li span { color: inherit; }
#pagination .pagination li a { background: transparent; border: 0; padding: 0; float: none; }
.listchap:after { content: ''; display: table; clear: both; }
.filter_sort { overflow-x: auto; white-space: nowrap; }
.filter_sort .item { display: inline-block; }
.filter input[type=checkbox], .filter input[type=radio] { margin-right: 5px; }
.filter .item { cursor: pointer; }
.history_click, .read-more, .fullchap, #keyword .item1 { cursor: pointer; }
#commentform label { display: block; }
#commentform .form-submit { margin-top: 15px; }
#commentform input[type=text], #commentform input[type=email], #commentform input[type=url], #commentform textarea { width: 100%; }
.comment-list { list-style: none; padding-left: 0; }
.comment-list .children { list-style: none; padding-left: 25px; }
.comment-body { padding: 15px 0; border-bottom: 1px solid #eee; }
.comment-author .avatar { border-radius: 50%; margin-right: 10px; }
.comment-metadata { font-size: 12px; color: #808080; }
.comment-navigation { display: flex; justify-content: space-between; }
.tv17-reader-settings { max-width: 680px; margin: 0 auto; }
.modal-body-dsc { max-height: 60vh; overflow-y: auto; }
.modal-body-dsc a { display: block; padding: 10px 0; border-bottom: 1px dashed #ddd; }
.rank .thumbnail { width: 50px; height: 75px; margin-right: 15px; }
.rank .thumbnail img { width: 100%; height: 100%; object-fit: cover; }
.tv17-footer-widget { margin-bottom: 20px; }
#member .btn-login { display: block; }
.read-more { border: 0; background: transparent; }
/* The source's external checkbox sprite returns 403; retain its 19px box. */
#category input[type=checkbox]+label span { background: none; border: 1px solid #999; border-radius: 2px; position: relative; }
#category input[type=checkbox]:checked+label span { background: none; border-color: #1ebbf0; }
#category input[type=checkbox]:checked+label span:after { content: ''; position: absolute; left: 5px; top: 1px; width: 6px; height: 11px; border: solid #1ebbf0; border-width: 0 2px 2px 0; transform: rotate(45deg); }
body.reader-dark { background: #222; color: #ddd; }
body.reader-dark .reading, body.reader-dark .container.cpt { background: #222; color: #ddd; }
body.reader-sepia, body.reader-sepia .container.cpt { background: #f4ecd8; }
@media (max-width: 767px) { body.admin-bar .navbar { margin-top: 0; } }

/* Accessibility and image stability without changing the source card dimensions. */
footer .ff-text > a { text-decoration: underline; text-underline-offset: 2px; }
#body_truyen .breadcrumb > .active { color: #666; }
#body_truyen .text-success { color: #28783a; }
#body_truyen .list-user .badge-success { color: #666; }
#body_truyen .breadcrumb a { text-decoration: underline; text-underline-offset: 2px; }
#body_truyen .ago { color: #666; }
#body_truyen img, #body_home img { object-fit: cover; }
#body_home #recomms1 .item .item-img img { height: auto; }
/* Reserve the carousel's final geometry before its custom elements initialize. */
#body_home #bocao swiper-container { display: block; }
#body_home #bocao .mySwiper { height: 300px; }
#body_home #bocao .mySwiper:not(:defined) swiper-slide:not(:first-child) { display: none; }
#body_home #bocao .mySwiper2:not(:defined) { display: flex; gap: 11px; overflow: hidden; }
#body_home #bocao .mySwiper2 swiper-slide { flex: 0 0 calc((100% - 55px) / 6); width: calc((100% - 55px) / 6); height: auto; }
#body_home #bocao .mySwiper2 swiper-slide img { height: auto; }
@font-face { font-family: FontAwesome; src: url('assets/fonts/fontawesome-webfont.woff2') format('woff2'); font-weight: normal; font-style: normal; font-display: swap; }