/* LVK Bonus — giao diện trang Tài khoản (tái dùng .lvk-lib* của theme). */
.lvk-bonus-wrap .lvk-bonus-activate{ background:#fff; border:1px solid #ececec; border-radius:14px; padding:22px 24px; margin:0 0 28px; }
.lvk-bonus-sub{ font-size:14px; color:#666; margin:6px 0 16px; line-height:1.6; }
.lvk-bonus-form{ display:flex; gap:10px; flex-wrap:wrap; }
.lvk-bonus-form input[type=text]{ flex:1; min-width:240px; height:48px; border:1.5px solid rgba(0,0,0,.15); border-radius:9px; padding:0 16px; font-size:16px; letter-spacing:.06em; text-transform:uppercase; font-family:inherit; box-sizing:border-box; }
.lvk-bonus-form input[type=text]:focus{ border-color:var(--lvk-red,#bf0000); outline:none; }
.lvk-bonus-btn{ flex:none; background:var(--lvk-red,#bf0000); color:#fff; font-weight:700; font-size:14.5px; border:none; border-radius:9px; padding:0 28px; height:48px; cursor:pointer; }
.lvk-bonus-btn:hover{ background:#a00000; }

.lvk-bonus-sec{ margin-top:8px; }
.lib-fmt.is-bonus{ background:rgba(45,108,223,.92); }

/* Trang xem nội dung 1 cuốn */
.lvk-bonus-back{ display:inline-block; margin:0 0 10px; font-size:13.5px; color:#666; text-decoration:none; }
.lvk-bonus-back:hover{ color:var(--lvk-red,#bf0000); }
.lvk-bonus-items{ display:flex; flex-direction:column; gap:18px; }
.lvk-bonus-item{ background:#fff; border:1px solid #ececec; border-radius:12px; padding:18px 20px; }
.lvk-bonus-item .bi-title{ font-size:16px; font-weight:700; color:#111; }
.lvk-bonus-item .bi-desc{ font-size:13.5px; color:#777; margin-top:4px; }
.lvk-bonus-item .bi-body{ margin-top:12px; font-size:15px; line-height:1.8; color:#222; }
.lvk-bonus-item .bi-body img{ max-width:100%; height:auto; }
.lvk-bonus-item .bi-file{ display:inline-flex; align-items:center; gap:8px; margin-top:12px; background:var(--lvk-red,#bf0000); color:#fff; font-weight:700; font-size:14px; padding:11px 22px; border-radius:9px; text-decoration:none; }
.lvk-bonus-item .bi-file:hover{ background:#a00000; }
.lvk-bonus-item .bi-video{ width:100%; max-height:70vh; margin-top:12px; border-radius:10px; background:#000; display:block; }
.lvk-bonus-item .bi-embed{ position:relative; padding-top:56.25%; margin-top:12px; border-radius:10px; overflow:hidden; background:#000; }
.lvk-bonus-item .bi-embed iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; }

@media (max-width:600px){
	.lvk-bonus-form input[type=text]{ min-width:0; }
	.lvk-bonus-btn{ width:100%; }
}