/* YHN 3.9.55.75 — context split from legacy yhn-site.css; selector declarations unchanged. */
   10) BLOG / NEWS CATEGORY ARCHIVE - CLEAN FINAL
   Layout mới: full content, không sidebar
   ========================================================= */

.blog-wrapper.blog-archive{ background: #fffdfd; }

.blog-wrapper.blog-archive .archive-page-header{ margin-bottom: 14px !important; }
.blog-wrapper.blog-archive .archive-page-header .row{ max-width: 980px !important; }

.blog-wrapper.blog-archive .page-title{
  margin-bottom: 12px !important; color: #2f2f36 !important; font-size: 34px !important; line-height: 1.2 !important;
  font-weight: 800 !important; letter-spacing: .2px !important; text-transform: uppercase !important;
}

.blog-wrapper.blog-archive .page-title span{ color: #d94b93 !important; }

.blog-wrapper.blog-archive .taxonomy-description{
  max-width: 760px !important; margin: 0 auto 12px !important;
}

.blog-wrapper.blog-archive .taxonomy-description p{
  margin-bottom: 0 !important; color: #5f5962 !important; font-size: 15px !important; line-height: 1.85 !important;
}

.blog-wrapper.blog-archive .tintuc-post-search{
  max-width: 760px !important; margin: 16px auto 12px !important;
}

.blog-wrapper.blog-archive .tintuc-post-search input[type="search"]{
  width: 100% !important; min-height: 50px !important; padding: 0 18px !important;
  background: linear-gradient(180deg, #fffefe 0%, #fff8fb 100%) !important;
  border: 1px solid #eadfe6 !important; border-radius: 14px !important; box-shadow: 0 6px 18px rgba(25,25,25,.04) !important;
  color: #4c4650 !important; font-size: 14px !important; transition: all .22s ease !important;
}

.blog-wrapper.blog-archive .tintuc-post-search input[type="search"]:focus{
  border-color: #fe259a !important; box-shadow: 0 8px 20px rgba(254,37,154,.10), 0 0 0 3px rgba(254,37,154,.08) !important; outline: none !important;
}

.blog-wrapper.blog-archive .yhng-smart-chips{
  max-width: 760px !important; margin: 8px auto 24px !important; text-align: center;
}

.blog-wrapper.blog-archive .yhng-smart-chips > div{
  color: #8b8088 !important; font-size: 13px !important; line-height: 1.7 !important;
}

.blog-wrapper.blog-archive .yhng-smart-chips a{
  color: #c95a97 !important; text-decoration: none !important; border-bottom: 1px solid rgba(201,90,151,.22); transition: all .2s ease !important;
}

.blog-wrapper.blog-archive .yhng-smart-chips a:hover{
  color: #fe259a !important; border-bottom-color: #fe259a;
}

.blog-wrapper.blog-archive .row.align-center{
  max-width: 1120px !important; margin: 0 auto !important;
}

.blog-wrapper.blog-archive .row.align-center > .large-10.col{
  flex: 0 0 100% !important; max-width: 100% !important;
}

.blog-wrapper.blog-archive #post-list{ padding-right: 0 !important; }

.blog-wrapper.blog-archive [id^="row-"].row-masonry{
  margin-left: -12px !important; margin-right: -12px !important;
}

.blog-wrapper.blog-archive .post-item{ margin-bottom: 24px !important; }

.blog-wrapper.blog-archive .post-item .col-inner{
  padding-left: 12px !important; padding-right: 12px !important;
}

.blog-wrapper.blog-archive .box.box-blog-post{
  background: #fff !important; border: 1px solid #f1e8ee !important; border-radius: 18px !important;
  overflow: hidden !important; box-shadow: 0 6px 18px rgba(25,25,25,.045) !important;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease !important;
}

.blog-wrapper.blog-archive .box.box-blog-post:hover{
  transform: translateY(-3px); border-color: #ecd9e4 !important; box-shadow: 0 14px 28px rgba(25,25,25,.08) !important;
}

.blog-wrapper.blog-archive .box.box-blog-post .box-image{
  margin: 0 !important; overflow: hidden !important; border-bottom: 1px solid #f7eef3;
}

.blog-wrapper.blog-archive .box.box-blog-post .box-image img{ transition: transform .3s ease !important; }
.blog-wrapper.blog-archive .box.box-blog-post:hover .box-image img{ transform: scale(1.03); }

.blog-wrapper.blog-archive .box.box-blog-post .box-text{
  padding: 14px 14px 16px !important;
}

.blog-wrapper.blog-archive .box.box-blog-post .post-title{
  margin: 0 0 7px !important; min-height: 50px !important; font-size: 18px !important; line-height: 1.42 !important; font-weight: 700 !important; letter-spacing: -.1px !important;
}

.blog-wrapper.blog-archive .box.box-blog-post .post-title a{
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
  color: #2f2f36 !important; text-decoration: none !important;
}

.blog-wrapper.blog-archive .box.box-blog-post .post-title a:hover{ color: #d94b93 !important; }

.blog-wrapper.blog-archive .box.box-blog-post .is-divider{
  width: 38px !important; max-width: 38px !important; height: 3px !important; margin: 0 auto 10px !important;
  background: linear-gradient(90deg, #fe259a 0%, #ffc2de 100%) !important; border-radius: 999px !important; opacity: 1 !important;
}

.blog-wrapper.blog-archive .from_the_blog_excerpt{
  margin: 0 !important; color: #6b646d !important; font-size: 13.5px !important; line-height: 1.72 !important;
}

.blog-wrapper.blog-archive .badge.post-date{ top: 12px !important; left: 12px !important; }

.blog-wrapper.blog-archive .badge.post-date .badge-inner{
  min-width: 40px !important; min-height: 40px !important; padding: 5px 4px !important;
  border-radius: 10px !important; background: #fff !important; border: 2px solid #fe259a !important;
  color: #fe259a !important; box-shadow: 0 6px 14px rgba(254,37,154,.14) !important; font-size: 12px !important;
  font-weight: 800 !important; line-height: 1.05 !important;
}

.blog-wrapper.blog-archive .nav-pagination{ margin-top: 18px !important; }

.blog-wrapper.blog-archive .page-number{
  width: 36px !important; height: 36px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important;
  border-radius: 999px !important; border: 1px solid #e8dde4 !important; background: #fff !important; color: #5b5560 !important;
  font-size: 12px !important; font-weight: 700 !important; box-shadow: 0 4px 12px rgba(20,20,20,.04) !important;
}

.blog-wrapper.blog-archive .page-number.current{
  background: linear-gradient(135deg, #fe259a 0%, #ff5aae 100%) !important;
  border-color: #fe259a !important; color: #fff !important; box-shadow: 0 10px 20px rgba(254,37,154,.22) !important;
}

.blog-wrapper.blog-archive a.page-number:hover{
  border-color: #fe259a !important; color: #fe259a !important;
}

@media (max-width: 849px){
  .blog-wrapper.blog-archive .page-title{ font-size: 24px !important; line-height: 1.28 !important; }
  .blog-wrapper.blog-archive .taxonomy-description,
  .blog-wrapper.blog-archive .tintuc-post-search,
  .blog-wrapper.blog-archive .yhng-smart-chips{ max-width: 100% !important; }

  .blog-wrapper.blog-archive .taxonomy-description p{ font-size: 14px !important; line-height: 1.72 !important; }

  .blog-wrapper.blog-archive .tintuc-post-search input[type="search"]{
    min-height: 44px !important; font-size: 13.5px !important;
  }

  .blog-wrapper.blog-archive [id^="row-"].row-masonry{
    margin-left: -8px !important; margin-right: -8px !important;
  }

  .blog-wrapper.blog-archive .post-item .col-inner{
    padding-left: 8px !important; padding-right: 8px !important;
  }

  .blog-wrapper.blog-archive .box.box-blog-post .box-text{ padding: 10px 10px 12px !important; }

  .blog-wrapper.blog-archive .box.box-blog-post .post-title{
    min-height: auto !important; font-size: 15px !important; line-height: 1.4 !important;
  }

  .blog-wrapper.blog-archive .from_the_blog_excerpt{
    font-size: 12.5px !important; line-height: 1.65 !important;
  }

  .blog-wrapper.blog-archive .page-number{ width: 32px !important; height: 32px !important; font-size: 12px !important; }
}

/* =========================================================
   11) BLOG SINGLE - DETAIL PAGE CLEAN POLISH (FINAL CLEAN)
   Giữ ads desktop + mobile
   Đã gộp toàn bộ fix blog single, không còn block trùng nhau
   ========================================================= */

.blog-wrapper.blog-single{
  background: #fffdfd;
}

/* ===== Layout tổng ===== */
.blog-wrapper.blog-single > .row.row-large.row-divided{
  max-width: 1280px !important;
  margin: 0 auto !important;
  align-items: flex-start !important;
}

.blog-wrapper.blog-single .post-sidebar:empty,
.blog-wrapper.blog-single .post-sidebar .widget-area:empty,
.blog-wrapper.blog-single #secondary:empty{
  display: none !important;
}

.blog-wrapper.blog-single .large-9.col,
.blog-wrapper.blog-single .row.row-large.row-divided > .large-9.col{
  flex: 0 0 100% !important;
  max-width: 100% !important;
  width: 100% !important;
}

/* ===== Article card ===== */
.blog-wrapper.blog-single article.post{
  max-width: 980px !important;
  margin: 0 auto !important;
  background: linear-gradient(180deg, #fffefe 0%, #fffafb 100%);
  border: 1px solid #f1e5eb;
  border-radius: 22px;
  box-shadow:
    0 12px 30px rgba(30,20,30,.05),
    0 1px 0 rgba(255,255,255,.96) inset;
  overflow: hidden;
}

.blog-wrapper.blog-single article.post .article-inner{
  padding: 0 !important;
}

/* ===== Header ===== */
.blog-wrapper.blog-single .entry-header{
  padding: 28px 28px 0 !important;
}

.blog-wrapper.blog-single .entry-header-text-top{
  max-width: 900px !important;
  margin: 0 auto 16px !important;
}

.blog-wrapper.blog-single .entry-category{
  margin-bottom: 10px !important;
  letter-spacing: .8px !important;
  text-transform: uppercase !important;
}

.blog-wrapper.blog-single .entry-category a{
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 12px;
  border-radius: 999px;
  background: #fff2f8;
  border: 1px solid #f7d7e7;
  color: #d94b93 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

.blog-wrapper.blog-single .entry-title{
  margin: 0 0 10px !important;
  color: #2f2f36 !important;
  font-size: 34px !important;
  line-height: 1.22 !important;
  font-weight: 800 !important;
  letter-spacing: -.3px !important;
  text-wrap: pretty;
}

.blog-wrapper.blog-single .entry-divider.is-divider.small{
  width: 54px !important;
  max-width: 54px !important;
  height: 3px !important;
  margin: 0 auto 14px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, #fe259a 0%, #ffc2de 100%) !important;
  opacity: 1 !important;
}

.blog-wrapper.blog-single .entry-meta{
  color: #7e7480 !important;
  font-size: 12px !important;
  line-height: 1.7 !important;
  letter-spacing: .15px !important;
  text-transform: none !important;
}

.blog-wrapper.blog-single .entry-meta a{
  color: #6f6670 !important;
  text-decoration: none !important;
}

.blog-wrapper.blog-single .entry-meta a:hover{
  color: #d94b93 !important;
}

/* ===== Featured image ===== */
.blog-wrapper.blog-single .entry-image{
  max-width: 920px !important;
  margin: 0 auto !important;
  padding: 0 28px !important;
}

.blog-wrapper.blog-single .entry-image > a{
  display: block;
  overflow: hidden;
  border-radius: 20px;
  box-shadow: 0 16px 34px rgba(25,25,25,.08);
}

.blog-wrapper.blog-single .entry-image img{
  display: block;
  width: 100%;
  border-radius: 20px !important;
}

.blog-wrapper.blog-single .badge.post-date{
  top: 16px !important;
  left: 42px !important;
}

.blog-wrapper.blog-single .badge.post-date .badge-inner{
  min-width: 44px !important;
  min-height: 44px !important;
  padding: 6px 4px !important;
  border-radius: 12px !important;
  background: #fff !important;
  border: 2px solid #fe259a !important;
  color: #fe259a !important;
  box-shadow: 0 10px 20px rgba(254,37,154,.16) !important;
  font-weight: 800 !important;
  line-height: 1.05 !important;
}

/* ===== Content ===== */
.blog-wrapper.blog-single .entry-content.single-page{
  max-width: 920px !important;
  margin: 0 auto !important;
  padding: 24px 28px 10px !important;
}

.blog-wrapper.blog-single #ftwp-postcontent{
  max-width: 100% !important;
  color: #4f4952;
}

.blog-wrapper.blog-single #ftwp-postcontent > *{
  max-width: 100% !important;
}

.blog-wrapper.blog-single #ftwp-postcontent p{
  margin-bottom: 14px !important;
  color: #544f58 !important;
  font-size: 16px !important;
  line-height: 1.82 !important;
  letter-spacing: .01px !important;
}

.blog-wrapper.blog-single #ftwp-postcontent strong{
  color: #2f2f36 !important;
  font-weight: 800 !important;
}

.blog-wrapper.blog-single #ftwp-postcontent h2,
.blog-wrapper.blog-single #ftwp-postcontent h3,
.blog-wrapper.blog-single #ftwp-postcontent h4{
  color: #2f2f36 !important;
  font-weight: 800 !important;
  letter-spacing: -.2px !important;
}

.blog-wrapper.blog-single #ftwp-postcontent h2{
  margin: 28px 0 12px !important;
  font-size: 27px !important;
  line-height: 1.3 !important;
}

.blog-wrapper.blog-single #ftwp-postcontent h3{
  margin: 22px 0 10px !important;
  font-size: 20px !important;
  line-height: 1.4 !important;
}

.blog-wrapper.blog-single #ftwp-postcontent h4{
  margin: 18px 0 8px !important;
  font-size: 17px !important;
  line-height: 1.45 !important;
}

.blog-wrapper.blog-single #ftwp-postcontent ul,
.blog-wrapper.blog-single #ftwp-postcontent ol{
  margin: 0 0 16px 22px !important;
}

.blog-wrapper.blog-single #ftwp-postcontent li{
  margin-bottom: 7px !important;
  color: #544f58 !important;
  font-size: 15px !important;
  line-height: 1.74 !important;
}

.blog-wrapper.blog-single #ftwp-postcontent hr{
  margin: 24px 0 !important;
  border: 0 !important;
  border-top: 1px solid #f0e5eb !important;
}

.blog-wrapper.blog-single #ftwp-postcontent figure,
.blog-wrapper.blog-single #ftwp-postcontent figure.aligncenter,
.blog-wrapper.blog-single #ftwp-postcontent .wp-caption.aligncenter{
  width: 100% !important;
  max-width: 100% !important;
  margin: 20px auto !important;
}

.blog-wrapper.blog-single #ftwp-postcontent img{
  display: block;
  width: 100%;
  max-width: 100% !important;
  height: auto !important;
  border-radius: 16px !important;
  box-shadow: 0 10px 24px rgba(20,20,20,.08);
}

.blog-wrapper.blog-single #ftwp-postcontent .wp-caption-text,
.blog-wrapper.blog-single #ftwp-postcontent figcaption{
  margin-top: 10px !important;
  color: #8a7f88 !important;
  font-size: 13px !important;
  line-height: 1.7 !important;
  text-align: center !important;
  font-style: italic;
}

/* ===== TOC (FTWP) ===== */
.blog-wrapper.blog-single #ftwp-container-outer{
  display: block !important;
  position: relative !important;
  float: none !important;
  clear: both !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
  margin: 18px 0 22px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.blog-wrapper.blog-single #ftwp-container{
  position: relative !important;
  inset: auto !important;
  right: auto !important;
  left: auto !important;
  top: auto !important;
  bottom: auto !important;
  transform: none !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  margin: 0 !important;
}

.blog-wrapper.blog-single #ftwp-container.ftwp-wrap,
.blog-wrapper.blog-single #ftwp-container.ftwp-minimize,
.blog-wrapper.blog-single #ftwp-container.ftwp-middle-right{
  position: relative !important;
  inset: auto !important;
  transform: none !important;
}

.blog-wrapper.blog-single #ftwp-trigger,
.blog-wrapper.blog-single #ftwp-header-control{
  display: none !important;
}

.blog-wrapper.blog-single #ftwp-contents,
.blog-wrapper.blog-single .ftwp-in-post{
  display: block !important;
  position: relative !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
  padding: 12px 14px !important;
  background: linear-gradient(180deg, #fffefe 0%, #fff6fb 100%) !important;
  border: 1px solid #f1dfe8 !important;
  border-radius: 16px !important;
  box-shadow: 0 8px 22px rgba(25,25,25,.05) !important;
}

.blog-wrapper.blog-single #ftwp-header{
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  margin-bottom: 8px !important;
  padding-bottom: 6px !important;
  border-bottom: 1px solid #f3e5ec !important;
}

.blog-wrapper.blog-single #ftwp-header-title{
  margin: 0 !important;
  color: #2f2f36 !important;
  font-size: 15px !important;
  line-height: 1.3 !important;
  font-weight: 800 !important;
}

.blog-wrapper.blog-single #ftwp-header-minimize{
  position: static !important;
  width: 28px !important;
  height: 28px !important;
  border-radius: 999px !important;
  background: #fff !important;
  border: 1px solid #eddde6 !important;
  box-shadow: none !important;
}

.blog-wrapper.blog-single #ftwp-list,
.blog-wrapper.blog-single #ftwp-list ol,
.blog-wrapper.blog-single #ftwp-list ul,
.blog-wrapper.blog-single .ftwp-sub{
  display: block !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
}

.blog-wrapper.blog-single #ftwp-list{
  margin: 0 !important;
  padding-left: 18px !important;
}

.blog-wrapper.blog-single #ftwp-list > li{
  margin-bottom: 6px !important;
}

.blog-wrapper.blog-single #ftwp-list li{
  line-height: 1.55 !important;
}

.blog-wrapper.blog-single #ftwp-list a{
  color: #5a5560 !important;
  font-size: 13.5px !important;
  line-height: 1.55 !important;
  text-decoration: none !important;
}

.blog-wrapper.blog-single #ftwp-list a:hover{
  color: #fe259a !important;
}

.blog-wrapper.blog-single .ftwp-sub{
  margin: 5px 0 6px 12px !important;
  padding-left: 10px !important;
  border-left: 2px solid #f6d7e6 !important;
}

.blog-wrapper.blog-single .ftwp-sub li{
  margin-bottom: 4px !important;
}

.blog-wrapper.blog-single .ftwp-sub a{
  font-size: 12.5px !important;
  line-height: 1.5 !important;
  color: #746b74 !important;
}

.blog-wrapper.blog-single .ftwp-icon-expand{
  transform: none !important;
  box-shadow: none !important;
}

/* ===== Quote / table ===== */
.blog-wrapper.blog-single #ftwp-postcontent blockquote{
  margin: 22px 0 !important;
  padding: 18px 20px !important;
  background: linear-gradient(180deg, #fff9fc 0%, #fff5fa 100%);
  border-left: 4px solid #fe259a !important;
  border-radius: 0 18px 18px 0 !important;
  box-shadow: 0 6px 18px rgba(254,37,154,.05);
}

.blog-wrapper.blog-single #ftwp-postcontent blockquote p{
  margin-bottom: 0 !important;
}

.blog-wrapper.blog-single #ftwp-postcontent .TyagGW_tableContainer{
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: auto !important;
  margin: 16px 0 22px !important;
  -webkit-overflow-scrolling: touch;
}

.blog-wrapper.blog-single #ftwp-postcontent .TyagGW_tableWrapper{
  width: 100% !important;
  min-width: 100% !important;
}

.blog-wrapper.blog-single #ftwp-postcontent .TyagGW_tableWrapper table{
  min-width: 700px !important;
}

.blog-wrapper.blog-single #ftwp-postcontent table{
  width: 100%;
  border-collapse: collapse;
  overflow: hidden;
  border-radius: 16px;
  border: 1px solid #f1e4eb;
  background: #fff;
  box-shadow: 0 10px 24px rgba(25,25,25,.04);
}

.blog-wrapper.blog-single #ftwp-postcontent table th,
.blog-wrapper.blog-single #ftwp-postcontent table td{
  padding: 11px 12px !important;
  border-bottom: 1px solid #f5edf1 !important;
  text-align: left;
  font-size: 14px !important;
  line-height: 1.65 !important;
}

.blog-wrapper.blog-single #ftwp-postcontent table th{
  background: #fff4fa !important;
  color: #3f3942 !important;
  font-weight: 800 !important;
}

.blog-wrapper.blog-single #ftwp-postcontent table td{
  color: #544f58 !important;
}

/* ===== Adsense giữa bài - giữ trên desktop + mobile ===== */
.blog-wrapper.blog-single .code-block,
.blog-wrapper.blog-single .code-block-1{
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 16px 0 !important;
  padding: 0 !important;
  clear: both !important;
  overflow: visible !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.blog-wrapper.blog-single .code-block ins.adsbygoogle,
.blog-wrapper.blog-single .code-block-1 ins.adsbygoogle{
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 0 !important;
  height: auto !important;
  overflow: visible !important;
  background: transparent !important;
  border-radius: 14px !important;
}

.blog-wrapper.blog-single .code-block iframe,
.blog-wrapper.blog-single .code-block-1 iframe,
.blog-wrapper.blog-single .code-block ins.adsbygoogle iframe,
.blog-wrapper.blog-single .code-block-1 ins.adsbygoogle iframe{
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

.blog-wrapper.blog-single .code-block:empty,
.blog-wrapper.blog-single .code-block-1:empty{
  display: none !important;
}

/* ===== Editorial / author / share ===== */
.blog-wrapper.blog-single .yhn-editorial-box{
  margin-top: 28px !important;
  padding: 18px 20px !important;
  background: linear-gradient(180deg, #fffefe 0%, #fff7fb 100%);
  border: 1px solid #f0e1e8 !important;
  border-radius: 18px !important;
  box-shadow: 0 8px 22px rgba(25,25,25,.04);
  font-size: 14px !important;
  line-height: 1.8 !important;
  color: #5b5460 !important;
}

.blog-wrapper.blog-single .yhn-editorial-box p{
  margin-bottom: 8px !important;
  font-size: 14px !important;
  line-height: 1.75 !important;
}

.blog-wrapper.blog-single .yhn-editorial-box p:last-child{
  margin-bottom: 0 !important;
}

.blog-wrapper.blog-single .yhn-editorial-box a{
  color: #d94b93 !important;
  font-weight: 700;
  text-decoration: none !important;
}

.blog-wrapper.blog-single .saboxplugin-wrap{
  margin-top: 18px !important;
  padding: 18px !important;
  background: linear-gradient(180deg, #fff 0%, #fffafb 100%);
  border: 1px solid #f0e5eb !important;
  border-radius: 18px !important;
  box-shadow: 0 10px 24px rgba(25,25,25,.05);
}

.blog-wrapper.blog-single .saboxplugin-gravatar img{
  border-radius: 999px !important;
  box-shadow: 0 8px 18px rgba(25,25,25,.10);
}

.blog-wrapper.blog-single .saboxplugin-authorname{
  font-size: 18px !important;
  font-weight: 800 !important;
}

.blog-wrapper.blog-single .saboxplugin-authorname a{
  color: #2f2f36 !important;
  text-decoration: none !important;
}

.blog-wrapper.blog-single .saboxplugin-desc,
.blog-wrapper.blog-single .saboxplugin-desc p{
  color: #5a5560 !important;
  font-size: 14px !important;
  line-height: 1.75 !important;
}

.blog-wrapper.blog-single .sab-profile-edit,
.blog-wrapper.blog-single .sab-edit-settings,
.blog-wrapper.blog-single .saboxplugin-wrap > a[target="_blank"][href*="wp-admin"]{
  display: none !important;
}

.blog-wrapper.blog-single .blog-share{
  margin-top: 22px !important;
  padding-top: 4px !important;
}

.blog-wrapper.blog-single .blog-share .is-divider.medium{
  width: 100% !important;
  max-width: 100% !important;
  height: 1px !important;
  margin-bottom: 16px !important;
  background: #f1e5eb !important;
  opacity: 1 !important;
}

.blog-wrapper.blog-single .share-icons{
  gap: 10px !important;
  justify-content: center !important;
}

.blog-wrapper.blog-single .share-icons a{
  width: 38px !important;
  height: 38px !important;
  border-radius: 999px !important;
  background: #fff !important;
  border: 1px solid #eee1e8 !important;
  color: #8f8590 !important;
  box-shadow: 0 6px 14px rgba(30,20,30,.06) !important;
}

.blog-wrapper.blog-single .share-icons a:hover{
  background: #fe259a !important;
  border-color: #fe259a !important;
  color: #fff !important;
  transform: translateY(-2px);
}

.blog-wrapper.blog-single footer.entry-meta{
  margin-top: 18px !important;
  padding-top: 14px !important;
  border-top: 1px dashed #efdee7 !important;
  color: #7f7480 !important;
  font-size: 13px !important;
  line-height: 1.7 !important;
}

.blog-wrapper.blog-single footer.entry-meta a{
  color: #d94b93 !important;
  text-decoration: none !important;
}

/* ===== Prev / next ===== */
.blog-wrapper.blog-single #nav-below.navigation-post{
  margin-top: 20px !important;
}

.blog-wrapper.blog-single #nav-below .next-prev-nav{
  gap: 14px !important;
  padding: 18px 0 0 !important;
  border-top: 1px solid #f0e4eb !important;
  border-bottom: 0 !important;
}

.blog-wrapper.blog-single #nav-below .nav-prev,
.blog-wrapper.blog-single #nav-below .nav-next{
  padding: 0 !important;
}

.blog-wrapper.blog-single #nav-below a{
  display: block;
  padding: 15px 16px !important;
  background: linear-gradient(180deg, #fffefe 0%, #fff7fb 100%);
  border: 1px solid #f0e1e8;
  border-radius: 18px;
  color: #4c4650 !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  box-shadow: 0 8px 20px rgba(25,25,25,.04);
  transition: all .22s ease !important;
}

.blog-wrapper.blog-single #nav-below a:hover{
  border-color: #f4cfe2;
  color: #d94b93 !important;
  transform: translateY(-2px);
  box-shadow: 0 14px 26px rgba(25,25,25,.06);
}

/* ===== Mobile ===== */
@media (max-width: 849px){
  .blog-wrapper.blog-single > .row.row-large.row-divided{
    max-width: 100% !important;
  }

  .blog-wrapper.blog-single article.post{
    max-width: 100% !important;
    border-radius: 16px !important;
  }

  .blog-wrapper.blog-single .entry-header{
    padding: 16px 12px 0 !important;
  }

  .blog-wrapper.blog-single .entry-header-text-top{
    max-width: 100% !important;
    margin-bottom: 12px !important;
  }

  .blog-wrapper.blog-single .entry-title{
    font-size: 21px !important;
    line-height: 1.28 !important;
    margin-bottom: 8px !important;
  }

  .blog-wrapper.blog-single .entry-image{
    max-width: 100% !important;
    padding: 0 12px !important;
  }

  .blog-wrapper.blog-single .entry-image > a,
  .blog-wrapper.blog-single .entry-image img{
    border-radius: 14px !important;
  }

  .blog-wrapper.blog-single .badge.post-date{
    left: 20px !important;
    top: 10px !important;
  }

  .blog-wrapper.blog-single .entry-content.single-page{
    max-width: 100% !important;
    padding: 14px 12px 8px !important;
  }

  .blog-wrapper.blog-single #ftwp-postcontent p{
    font-size: 14px !important;
    line-height: 1.72 !important;
    margin-bottom: 12px !important;
  }

  .blog-wrapper.blog-single #ftwp-postcontent li{
    font-size: 13.5px !important;
    line-height: 1.65 !important;
    margin-bottom: 6px !important;
  }

  .blog-wrapper.blog-single #ftwp-postcontent h2{
    font-size: 20px !important;
    margin: 22px 0 10px !important;
  }

  .blog-wrapper.blog-single #ftwp-postcontent h3{
    font-size: 16.5px !important;
    margin: 18px 0 8px !important;
  }

  .blog-wrapper.blog-single #ftwp-postcontent h4{
    font-size: 15px !important;
  }

  .blog-wrapper.blog-single #ftwp-postcontent img{
    border-radius: 12px !important;
  }

  .blog-wrapper.blog-single #ftwp-container-outer{
    margin: 16px 0 18px !important;
  }

  .blog-wrapper.blog-single #ftwp-contents{
    padding: 10px 11px !important;
    border-radius: 14px !important;
  }

  .blog-wrapper.blog-single #ftwp-header{
    margin-bottom: 6px !important;
    padding-bottom: 5px !important;
  }

  .blog-wrapper.blog-single #ftwp-header-title{
    font-size: 14px !important;
  }

  .blog-wrapper.blog-single #ftwp-list{
    padding-left: 15px !important;
  }

  .blog-wrapper.blog-single #ftwp-list a{
    font-size: 12.5px !important;
    line-height: 1.5 !important;
  }

  .blog-wrapper.blog-single .ftwp-sub{
    margin: 4px 0 5px 10px !important;
    padding-left: 8px !important;
  }

  .blog-wrapper.blog-single .ftwp-sub a{
    font-size: 12px !important;
  }

  .blog-wrapper.blog-single .code-block,
  .blog-wrapper.blog-single .code-block-1{
    margin: 12px 0 !important;
  }

  .blog-wrapper.blog-single .code-block ins.adsbygoogle,
  .blog-wrapper.blog-single .code-block-1 ins.adsbygoogle{
    border-radius: 12px !important;
  }

  .blog-wrapper.blog-single .yhn-editorial-box,
  .blog-wrapper.blog-single .saboxplugin-wrap{
    padding: 14px !important;
    border-radius: 14px !important;
  }

  .blog-wrapper.blog-single .saboxplugin-authorname{
    font-size: 16px !important;
  }

  .blog-wrapper.blog-single .saboxplugin-desc,
  .blog-wrapper.blog-single .saboxplugin-desc p{
    font-size: 13px !important;
    line-height: 1.65 !important;
  }

  .blog-wrapper.blog-single .share-icons a{
    width: 36px !important;
    height: 36px !important;
  }

  .blog-wrapper.blog-single #nav-below .next-prev-nav{
    flex-direction: column !important;
  }

  .blog-wrapper.blog-single #nav-below a{
    padding: 13px 14px !important;
    font-size: 13.5px !important;
  }
}
/* ===== BLOG SINGLE - FIX VACH NGAN O PREV/NEXT ===== */
.blog-wrapper.blog-single #nav-below .next-prev-nav{
  border-top: 1px solid #f0e4eb !important;
  border-bottom: 0 !important;
  gap: 14px !important;
}

.blog-wrapper.blog-single #nav-below .next-prev-nav .flex-col,
.blog-wrapper.blog-single #nav-below .next-prev-nav .nav-prev,
.blog-wrapper.blog-single #nav-below .next-prev-nav .nav-next{
  border: 0 !important;
  box-shadow: none !important;
}

.blog-wrapper.blog-single #nav-below .next-prev-nav .nav-prev::after,
.blog-wrapper.blog-single #nav-below .next-prev-nav .nav-next::before,
.blog-wrapper.blog-single #nav-below .next-prev-nav .flex-col::before,
.blog-wrapper.blog-single #nav-below .next-prev-nav .flex-col::after{
  content: none !important;
  display: none !important;
}

.blog-wrapper.blog-single #nav-below .nav-previous a,
.blog-wrapper.blog-single #nav-below .nav-next a{
  height: 100% !important;
}

/* mobile */
@media (max-width: 849px){
  .blog-wrapper.blog-single #nav-below .next-prev-nav{
    gap: 10px !important;
  }
}
/* =========================================================
   99) BLOG SINGLE - SAFE PATCH
   Chỉ vá bài viết bị dán wrapper lạ / ảnh tràn / ads tràn
   Không đụng các phần blog single đang ổn
   ========================================================= */

/* Chỉ xử lý body content, không đụng header */
.blog-wrapper.blog-single .entry-content.single-page{
  overflow: hidden !important;
}

.blog-wrapper.blog-single .entry-content.single-page > div,
.blog-wrapper.blog-single .entry-content.single-page article,
.blog-wrapper.blog-single .entry-content.single-page .text-base,
.blog-wrapper.blog-single .entry-content.single-page .agent-turn,
.blog-wrapper.blog-single .entry-content.single-page .text-message,
.blog-wrapper.blog-single .entry-content.single-page .markdown,
.blog-wrapper.blog-single .entry-content.single-page .markdown.prose{
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  overflow-wrap: break-word !important;
  word-wrap: break-word !important;
  word-break: normal !important;
}

/* Figure/caption bị inline width rất lớn */
.blog-wrapper.blog-single .entry-content.single-page figure,
.blog-wrapper.blog-single .entry-content.single-page figure.aligncenter,
.blog-wrapper.blog-single .entry-content.single-page .wp-caption,
.blog-wrapper.blog-single .entry-content.single-page .wp-caption.aligncenter{
  width: 100% !important;
  max-width: 100% !important;
  margin: 20px auto !important;
}

.blog-wrapper.blog-single .entry-content.single-page figure img,
.blog-wrapper.blog-single .entry-content.single-page .wp-caption img{
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 auto !important;
}

/* Caption */
.blog-wrapper.blog-single .entry-content.single-page .wp-caption-text,
.blog-wrapper.blog-single .entry-content.single-page figcaption{
  width: 100% !important;
  max-width: 100% !important;
  text-align: center !important;
  overflow-wrap: break-word !important;
}

/* Text trong wrapper lạ */
.blog-wrapper.blog-single .entry-content.single-page p,
.blog-wrapper.blog-single .entry-content.single-page li,
.blog-wrapper.blog-single .entry-content.single-page h2,
.blog-wrapper.blog-single .entry-content.single-page h3,
.blog-wrapper.blog-single .entry-content.single-page h4,
.blog-wrapper.blog-single .entry-content.single-page blockquote{
  max-width: 100% !important;
  overflow-wrap: break-word !important;
  word-break: normal !important;
}

/* Ads / related / wrapper rộng */
.blog-wrapper.blog-single .entry-content.single-page .code-block,
.blog-wrapper.blog-single .entry-content.single-page .code-block-1,
.blog-wrapper.blog-single .entry-content.single-page ins.adsbygoogle,
.blog-wrapper.blog-single .entry-content.single-page [id^="aswift_"],
.blog-wrapper.blog-single .entry-content.single-page [id*="aswift_"],
.blog-wrapper.blog-single .entry-content.single-page .google-aiuf,
.blog-wrapper.blog-single .entry-content.single-page .goog-rentries{
  max-width: 100% !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

/* Nếu block related/ad có phần tử con quá rộng */
.blog-wrapper.blog-single .entry-content.single-page .google-aiuf > *,
.blog-wrapper.blog-single .entry-content.single-page .goog-rentries > *{
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* Table / pre nếu có */
.blog-wrapper.blog-single .entry-content.single-page table{
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: auto !important;
}

.blog-wrapper.blog-single .entry-content.single-page pre{
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: auto !important;
  white-space: pre-wrap !important;
}

@media (max-width: 849px){
  .blog-wrapper.blog-single .entry-content.single-page figure,
  .blog-wrapper.blog-single .entry-content.single-page .wp-caption{
    margin: 16px auto !important;
  }
}
.single-product .yhn-yoast-breadcrumb-wrap{
  margin: 12px auto 6px;
}

.single-product .yhn-yoast-breadcrumb{
  font-size: 13px;
  line-height: 1.6;
  color: #8a8088;
}

.single-product .yhn-yoast-breadcrumb a{
  color: #7a7078;
  font-weight: 500;
}

.single-product .yhn-yoast-breadcrumb a:hover{
  color: #fe259a;
}

.single-product .yhn-yoast-breadcrumb .breadcrumb_last{
  color: #5a5360;
  font-weight: 600;
}
/* =========================================================
   YHN - ARTICLE BREADCRUMB UI
   ========================================================= */
.single-post .yhn-post-breadcrumb-row{
  margin-top: 10px !important;
  margin-bottom: 8px !important;
}

.single-post .yhn-yoast-breadcrumb-wrap--post{
  margin: 0 !important;
}

.single-post .yhn-yoast-breadcrumb--post{
  margin: 0 !important;
  padding: 10px 14px !important;
  background: linear-gradient(180deg, #fffefe 0%, #fff9fc 100%) !important;
  border: 1px solid #f2e6ec !important;
  border-radius: 14px !important;
  box-shadow: 0 6px 18px rgba(30,20,30,.035), 0 1px 0 rgba(255,255,255,.96) inset !important;
  color: #968c95 !important;
  font-size: 12.5px !important;
  line-height: 1.7 !important;
  font-weight: 500 !important;
  white-space: normal !important;
  word-break: break-word !important;
}

.single-post .yhn-yoast-breadcrumb--post a{
  display: inline !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #7d747d !important;
  text-decoration: none !important;
  font-weight: 600 !important;
  transition: color .2s ease !important;
}

.single-post .yhn-yoast-breadcrumb--post a:hover{
  color: #fe259a !important;
}

.single-post .yhn-yoast-breadcrumb--post .breadcrumb_last{
  color: #d94b93 !important;
  font-weight: 700 !important;
}

@media (max-width: 849px){
  .single-post .yhn-post-breadcrumb-row{
    margin-top: 8px !important;
    margin-bottom: 6px !important;
  }

  .single-post .yhn-yoast-breadcrumb--post{
    padding: 8px 11px !important;
    border-radius: 12px !important;
    font-size: 11.5px !important;
    line-height: 1.65 !important;
  }
}
/* =========================================================
   YHN - ARTICLE BREADCRUMB UI FINAL
   Dán ở CUỐI CÙNG Custom CSS
   ========================================================= */

.single-post .yhn-post-breadcrumb-row{
  margin-top: 12px !important;
  margin-bottom: 14px !important;
}

.single-post .yhn-post-breadcrumb-row .col{
  padding-bottom: 0 !important;
}

.single-post .yhn-yoast-breadcrumb-wrap--post{
  display: block !important;
  margin: 0 !important;
}

.single-post .yhn-yoast-breadcrumb--post{
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 12px 16px !important;
  background: linear-gradient(180deg, #fffefe 0%, #fff9fc 100%) !important;
  border: 1px solid #f1e5eb !important;
  border-radius: 16px !important;
  box-shadow: 0 8px 22px rgba(30,20,30,.04), 0 1px 0 rgba(255,255,255,.96) inset !important;
  color: #958a93 !important;
  font-size: 13px !important;
  line-height: 1.7 !important;
  font-weight: 500 !important;
  white-space: normal !important;
  word-break: break-word !important;
}

.single-post .yhn-yoast-breadcrumb--post a{
  color: #7b7179 !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: color .2s ease !important;
}

.single-post .yhn-yoast-breadcrumb--post a:hover{
  color: #fe259a !important;
}

.single-post .yhn-yoast-breadcrumb--post .breadcrumb_last{
  color: #d94b93 !important;
  font-weight: 700 !important;
}

.single-post .yhn-yoast-breadcrumb--post > span{
  display: block !important;
}

.single-post .yhn-yoast-breadcrumb--post > span,
.single-post .yhn-yoast-breadcrumb--post > span *{
  background: transparent !important;
  box-shadow: none !important;
}

@media (max-width: 849px){
  .single-post .yhn-post-breadcrumb-row{
    margin-top: 8px !important;
    margin-bottom: 10px !important;
  }

  .single-post .yhn-yoast-breadcrumb--post{
    padding: 9px 12px !important;
    border-radius: 12px !important;
    font-size: 11.5px !important;
    line-height: 1.65 !important;
  }
}
.single-post .yhn-breadcrumb-sep{
  display: inline-block !important;
  margin: 0 7px !important;
  color: #c9b9c4 !important;
  font-weight: 500 !important;
}
/* ===== breadcrumb tag ===== */
.tax-product_tag .shop-page-title .woocommerce-breadcrumb,
.tax-product_tag .shop-page-title .breadcrumbs,
.tax-product_tag .shop-page-title .breadcrumb-row{
  color: #f9d7e7 !important;
  font-size: 13px !important;
  line-height: 1.6 !important;
}

.tax-product_tag .shop-page-title .woocommerce-breadcrumb a,
.tax-product_tag .shop-page-title .breadcrumbs a,
.tax-product_tag .shop-page-title .breadcrumb-row a{
  color: #fff !important;
  opacity: .92 !important;
  text-decoration: none !important;
}

.tax-product_tag .shop-page-title .woocommerce-breadcrumb a:hover,
.tax-product_tag .shop-page-title .breadcrumbs a:hover,
.tax-product_tag .shop-page-title .breadcrumb-row a:hover{
  opacity: 1 !important;
  color: #fff !important;
}
.tax-product_tag .shop-page-title .page-title{
  color: #fff !important;
  font-size: 34px !important;
  line-height: 1.22 !important;
  font-weight: 800 !important;
  letter-spacing: -.2px !important;
}

@media (max-width: 849px){
  .tax-product_tag .shop-page-title .page-title{
    font-size: 24px !important;
    line-height: 1.28 !important;
  }

  .tax-product_tag .shop-page-title .woocommerce-breadcrumb,
  .tax-product_tag .shop-page-title .breadcrumbs,
  .tax-product_tag .shop-page-title .breadcrumb-row{
    font-size: 12px !important;
  }
}
/* =========================================================