/* Fix logo bi to o trang /announcement/view (them 2026-10-13)
*
* Nguyen nhan: assets/css/style.css dong 2447 cua theme co rule
*     .blog-details-desc .article-image img { width: 100% }
* rule nay sinh ra cho ANH BIA bai viet (banner ngang ~1600x700).
* Trang announcement dung assets/imgn/logo.png (chi 250x250)
* nen bi keo dai ~616px trong cot ~640px, vo net.
*
* Fix: giu dung size logo + can giua. Specificity 0,4,1 > rule goc 0,2,1.
* Selctor khong dung dau / dau de khop du src la tuong doi hay tuyet doi.
*/

.blog-details-desc .article-image img[src$="assets/imgn/logo.png"],
.blog-details-desc .article-image img[src$="assets/imgn/infestationvn.png"],
.article-image img[src$="assets/imgn/logo.png"],
.article-image img[src$="assets/imgn/infestationvn.png"] {
  width: auto;
  max-width: 260px;
  height: auto;
  display: block;
  margin: 0 auto 10px;
  padding: 10px;
  background: rgba(255, 255, 255, .06);
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 12px;
  object-fit: contain;
}

@media only screen and (max-width: 767px) {
  .blog-details-desc .article-image img[src$="assets/imgn/logo.png"],
  .blog-details-desc .article-image img[src$="assets/imgn/infestationvn.png"],
  .article-image img[src$="assets/imgn/logo.png"],
  .article-image img[src$="assets/imgn/infestationvn.png"] {
    max-width: 190px;
    padding: 8px;
  }
}

/* Notice "Xu ly don nap the ke tiep" (countdown) tren trang topup/baotri
 * - nam TREN form <div class="container"> (xem views/topup/_topup.php)
 * - nen toi + chu trang cho dong bo theme, khong phu thuoc bootstrap alert
 * - them 2026-10-14
 */
.notice-topup-next {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin: 0 0 18px;
  padding: 12px 18px;
  background: rgba(255, 255, 255, .06);
  border: 1px solid rgba(255, 255, 255, .12);
  border-left: 4px solid #e74c3c;
  border-radius: 10px;
  color: #fff;
  font-size: 14px;
  line-height: 1.5;
}
.notice-topup-next__label {
  font-weight: 600;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: .3px;
}
.notice-topup-next #countdown {
  color: #f1c40f;
  font-weight: 700;
}
/* ============================================================
   Thong bao nap the: thay toastr bang khoi HTML
   (toastr.min.js nap o cuoi <body> nen loi "toastr is not defined")
   ============================================================ */
.user-actions .topup-msg { display: flex; align-items: flex-start; }
.user-actions .topup-msg i { font-size: 20px; position: relative; top: 3px; margin-right: 6px; flex: 0 0 auto; }
.user-actions .topup-msg--error   { color: #ff5c5c; }
.user-actions .topup-msg--warning { color: #ffc107; }
.user-actions .topup-msg--success { color: #4cd964; }
.user-actions .topup-msg--info    { color: #4db8ff; }