/* blog.css — Giao diện blog (Thắng Digital Marketing) */
:root{
  --blog-primary:#6366f1;
  --blog-primary-d:#4f46e5;
  --blog-accent:#8b5cf6;
  --blog-soft:#eef2ff;
  --blog-ink:#0f172a;
  --blog-muted:#64748b;
  --blog-line:#e5e7eb;
}
.blog-home,.blog-single,.blog-archive{background:#f8fafc;}

/* ── Section heading ── */
.blog-section-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem;padding-bottom:.6rem;border-bottom:2px solid var(--blog-line);}
.blog-section-head h2{font-size:1.4rem;font-weight:800;margin:0;color:var(--blog-ink);position:relative;padding-left:.85rem;}
.blog-section-head h2::before{content:"";position:absolute;left:0;top:.15em;bottom:.15em;width:5px;border-radius:3px;background:linear-gradient(180deg,var(--blog-primary),var(--blog-accent));}
.blog-section-head a{font-size:.85rem;font-weight:700;color:var(--blog-primary);text-decoration:none;white-space:nowrap;}
.blog-section-head a:hover{color:var(--blog-primary-d);}

/* ── Card ── */
.blog-card{border-radius:14px;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease;background:#fff;}
.blog-card:hover{transform:translateY(-5px);box-shadow:0 .75rem 1.75rem rgba(15,23,42,.12)!important;}
.blog-card__thumb{display:block;aspect-ratio:16/9;overflow:hidden;background:#eef2ff;}
.blog-card__thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease;}
.blog-card:hover .blog-card__thumb img{transform:scale(1.06);}
.blog-card__title{font-size:1.02rem;font-weight:700;line-height:1.4;margin:0 0 .5rem;}
.blog-card .blog-card__title a{color:var(--blog-ink)!important;text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.blog-card__title a:hover{color:var(--blog-primary);}
/* Tắt hiệu ứng gạch chân động (background-image gradient) cho link tiêu đề card */
.blog-card__title a,.blog-card-list__title a,.hero-feature__title a,.popular-list a,
.blog-card__title a:hover,.blog-card-list__title a:hover,.hero-feature__title a:hover,.popular-list a:hover{
  background-image:none!important;background-size:0 0!important;text-decoration:none!important;
}
/* Hover đồng bộ: link tiêu đề đổi sang màu primary */
.blog-card__title a:hover,.blog-card .blog-card__title a:hover,
.blog-card-list__title a:hover,.hero-feature__title a:hover,.popular-list a:hover{
  color:var(--blog-primary)!important;
}
.blog-card__excerpt{font-size:.88rem;color:var(--blog-muted);line-height:1.55;margin-bottom:.75rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.blog-card__meta{font-size:.8rem;color:var(--blog-muted);}
.blog-card__meta i{color:var(--blog-primary);}

/* ── Hero ── */
.hero-feature{position:relative;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 .75rem 2rem rgba(15,23,42,.1);height:100%;}
.hero-feature__thumb{display:block;aspect-ratio:16/9;overflow:hidden;}
.hero-feature__thumb img{width:100%;height:100%;object-fit:cover;}
.hero-feature__body{padding:1.25rem 1.5rem 1.5rem;}
.hero-feature__title{font-size:1.6rem;font-weight:800;line-height:1.3;margin:.5rem 0;}
.hero-feature__title a{color:var(--blog-ink);text-decoration:none;}
.hero-feature__title a:hover{color:var(--blog-primary);}
.hero-feature__excerpt{color:var(--blog-muted);line-height:1.6;margin-bottom:.5rem;}
.badge-new{display:inline-block;background:linear-gradient(135deg,var(--blog-primary),var(--blog-accent));color:#fff;font-size:.72rem;font-weight:700;padding:.25rem .7rem;border-radius:999px;text-transform:uppercase;letter-spacing:.05em;}
.hero-side{display:flex;flex-direction:column;gap:1rem;height:100%;}
.hero-side__item{display:flex;gap:.85rem;background:#fff;border-radius:12px;padding:.6rem;text-decoration:none;box-shadow:0 .25rem .75rem rgba(15,23,42,.06);transition:transform .2s;}
.hero-side__item:hover{transform:translateX(4px);}
.hero-side__item img{width:96px;height:72px;object-fit:cover;border-radius:9px;flex-shrink:0;}
.hero-side__item h3{font-size:.95rem;font-weight:700;line-height:1.35;margin:0 0 .35rem;color:var(--blog-ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}

/* ── Sidebar ── */
.blog-sidebar{top:80px;display:flex;flex-direction:column;gap:1.25rem;}
.sidebar-widget{background:#fff;border:1px solid var(--blog-line);border-radius:16px;padding:1.35rem 1.25rem;box-shadow:0 .35rem 1rem rgba(15,23,42,.05);}
.sidebar-widget__title{font-size:1.02rem;font-weight:800;margin:0 0 1.1rem;padding:0 0 0 .8rem;position:relative;color:var(--blog-ink);line-height:1.3;}
.sidebar-widget__title::before{content:"";position:absolute;left:0;top:.1em;bottom:.1em;width:4px;border-radius:3px;background:linear-gradient(180deg,var(--blog-primary),var(--blog-accent));}

/* Widget: danh sách bài viết (có/không ảnh) */
.wp-list{list-style:none;margin:0;padding:0;}
.wp-item + .wp-item{margin-top:.25rem;}
.wp-item__link{display:flex;gap:.75rem;align-items:center;text-decoration:none;padding:.5rem;margin:0 -.5rem;border-radius:11px;transition:background .18s;}
.wp-item__link:hover{background:var(--blog-soft);}
.wp-item__thumb{flex-shrink:0;width:64px;height:64px;border-radius:11px;overflow:hidden;background:#eef2f7;}
.wp-item__thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s;}
.wp-item__link:hover .wp-item__thumb img{transform:scale(1.07);}
.wp-item__body{min-width:0;display:flex;flex-direction:column;gap:.3rem;}
.wp-item__title{color:var(--blog-ink);font-size:.9rem;line-height:1.4;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.wp-item__link:hover .wp-item__title{color:var(--blog-primary);}
.wp-item__date{color:var(--blog-muted);font-size:.76rem;font-weight:600;display:inline-flex;align-items:center;gap:.3rem;}
.wp-item__date i{color:var(--blog-primary);}
/* Biến thể không ảnh: gạch nối nhẹ giữa các mục */
.wp-list--plain .wp-item__link{padding:.6rem 0;margin:0;border-radius:0;border-bottom:1px dashed var(--blog-line);}
.wp-list--plain .wp-item:last-child .wp-item__link{border-bottom:0;}
.wp-list--plain .wp-item__link:hover{background:transparent;}
.wp-list--plain .wp-item__title{font-weight:600;}
.popular-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem;counter-reset:none;}
.popular-list li{display:grid;grid-template-columns:2rem minmax(0,1fr);gap:.65rem;align-items:start;padding:.55rem .5rem;border-radius:11px;transition:background .18s;}
.popular-list li:hover{background:var(--blog-soft);}
.popular-rank{width:2rem;height:2rem;border-radius:10px;background:var(--blog-soft);color:var(--blog-primary-d);font-size:.82rem;font-weight:800;display:inline-flex;align-items:center;justify-content:center;line-height:1;flex-shrink:0;}
.popular-list a{min-width:0;color:var(--blog-ink);font-size:.92rem;line-height:1.45;font-weight:700;text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.popular-list a:hover{color:var(--blog-primary);}

/* Widget: danh mục */
.cat-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem;}
.cat-list li{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.55rem .8rem;border-radius:10px;background:#f7f8fc;transition:background .18s;}
.cat-list li:hover{background:var(--blog-soft);}
.cat-list a{color:var(--blog-ink);text-decoration:none;font-weight:600;font-size:.9rem;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.cat-list li:hover a{color:var(--blog-primary);}
.cat-count{flex-shrink:0;background:var(--blog-primary);color:#fff;border-radius:999px;font-size:.72rem;font-weight:700;padding:.1rem .55rem;line-height:1.5;}

/* ── Archive ── */
.archive-head h1{font-size:2rem;font-weight:800;color:var(--blog-ink);}
.archive-head h1 i{color:var(--blog-primary);}
.archive-count{display:inline-block;background:var(--blog-soft);color:var(--blog-primary-d);font-weight:700;font-size:.82rem;padding:.25rem .8rem;border-radius:999px;}
.archive-desc{background:#fff;border-radius:14px;padding:1.5rem;box-shadow:0 .25rem .75rem rgba(15,23,42,.06);line-height:1.7;}

/* ── Single ── */
.single-title{font-size:2.1rem;font-weight:800;line-height:1.25;color:var(--blog-ink);margin:.5rem 0;}
.single-cats{display:flex;flex-wrap:wrap;gap:.4rem;}
.single-cat-chip{background:linear-gradient(135deg,var(--blog-primary),var(--blog-accent));color:#fff;font-size:.75rem;font-weight:700;padding:.2rem .7rem;border-radius:999px;text-decoration:none;}
.single-meta{display:flex;flex-wrap:wrap;gap:1rem;color:var(--blog-muted);font-size:.9rem;}
.single-meta i{color:var(--blog-primary);}
.single-thumb{width:100%;border-radius:16px;box-shadow:0 .5rem 1.5rem rgba(15,23,42,.12);}
.single-lead{font-size:1.1rem;color:#334155;font-weight:500;line-height:1.7;border-left:4px solid var(--blog-primary);padding-left:1rem;margin:1.25rem 0;}
.single-tags{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center;}
.single-tags i{color:var(--blog-primary);}
.tag-chip{background:#f1f5f9;color:#475569;font-size:.8rem;padding:.25rem .7rem;border-radius:999px;text-decoration:none;transition:all .2s;}
.tag-chip:hover{background:var(--blog-primary);color:#fff;}
.post-rating{margin:1.25rem 0 0;}
.post-rating__form{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem .75rem;}
.post-rating__title{font-weight:700;color:var(--blog-ink);}
.post-rating__choices{display:inline-flex;flex-direction:row-reverse;justify-content:flex-end;gap:.08rem;width:max-content;}
.post-rating__choices input{position:absolute;opacity:0;pointer-events:none;}
.post-rating__choices label{font-size:1.45rem;line-height:1;color:#cbd5e1;cursor:pointer;transition:color .15s,transform .15s;}
.post-rating__choices label:hover,.post-rating__choices label:hover ~ label,.post-rating__choices input:checked ~ label{color:#f59e0b;}
.post-rating__choices label:hover{transform:translateY(-1px);}
.post-rating__form.is-submitting .post-rating__choices{opacity:.65;pointer-events:none;}
.post-rating__msg{font-size:.82rem;font-weight:600;min-height:1rem;}
.post-rating__msg.is-success{color:#16a34a;}
.post-rating__msg.is-error{color:#dc2626;}

/* ── TOC ── */
.blog-toc{background:#fff;border:1px solid var(--blog-line);border-left:4px solid var(--blog-primary);border-radius:12px;padding:1rem 1.25rem;margin:1.25rem 0;}
.blog-toc__title{font-weight:800;color:var(--blog-ink);margin-bottom:.5rem;}
.blog-toc__title i{color:var(--blog-primary);}
.blog-toc ul{list-style:none;margin:0;padding:0;}
.blog-toc li{margin:.3rem 0;}
.blog-toc li.toc-sub{padding-left:1.2rem;}
.blog-toc a{color:#334155;text-decoration:none;font-size:.92rem;}
.blog-toc a:hover{color:var(--blog-primary);text-decoration:underline;}

/* ── Article content ── */
.article-content{font-size:1.05rem;line-height:1.8;color:#1f2937;overflow-wrap:anywhere;word-break:break-word;}
.article-content p,.article-content li,.article-content a,.article-content strong,.article-content h1,.article-content h2,.article-content h3,.article-content h4,.article-content td,.article-content blockquote{overflow-wrap:anywhere;}
.article-content img{max-width:100%;height:auto;border-radius:10px;margin:1rem 0;}
.article-content figure.wp-caption{max-width:100%;margin:1.25rem auto;text-align:center;}
.article-content figure.wp-caption img{display:block;margin:0 auto .55rem;}
.article-content figure.wp-caption figcaption{color:#64748b;font-size:.92rem;line-height:1.55;font-weight:600;}
.article-content h2{font-size:1.55rem;font-weight:800;margin:1.75rem 0 .75rem;color:var(--blog-ink);scroll-margin-top:80px;}
.article-content h3{font-size:1.25rem;font-weight:700;margin:1.4rem 0 .6rem;color:var(--blog-ink);scroll-margin-top:80px;}
.article-content p{margin-bottom:1rem;}
.article-content a{color:var(--blog-primary-d);font-weight:600;text-decoration:underline;}
.article-content ul,.article-content ol{margin:0 0 1rem 1.25rem;}
.article-content li{margin-bottom:.45rem;}
.article-content blockquote{border-left:4px solid var(--blog-primary);background:var(--blog-soft);padding:.9rem 1.1rem;border-radius:10px;margin:1.1rem 0;color:#334155;}
.article-content .table-responsive{margin:1.25rem 0;}
.article-content table{width:100%;border-collapse:collapse;border:1px solid #d9e2ff;border-radius:12px;overflow:hidden;display:block;overflow-x:auto;}
.article-content th,.article-content td{border:1px solid #e9eefc;padding:.7rem .85rem;text-align:left;vertical-align:top;}
.article-content th{background:#eef2ff;color:#312e81;font-weight:700;}
.article-content pre{background:#0f172a;color:#e2e8f0;border-radius:12px;padding:1rem;overflow:auto;}
.article-content code{background:#f1f5f9;color:#334155;border-radius:6px;padding:.1rem .4rem;font-size:.92em;}
.article-content pre code{background:transparent;color:inherit;padding:0;}

/* ── Document form ── */
.document-form{margin:2rem 0;border-radius:16px;background:linear-gradient(135deg,#eef2ff,#faf5ff);border:1px solid #ddd6fe;padding:1.5rem;}
.document-form__inner{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;}
.document-form__icon{width:56px;height:56px;border-radius:14px;background:linear-gradient(135deg,var(--blog-primary),var(--blog-accent));color:#fff;font-size:1.6rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.document-form__head{flex:1 1 240px;}
.document-form__head h3{font-size:1.2rem;font-weight:800;margin:0 0 .25rem;color:var(--blog-ink);}
.document-form__head p{margin:0;color:var(--blog-muted);font-size:.92rem;}
.document-form__form{flex:1 1 100%;}
.document-form__row{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.5rem;}
.document-form__row .form-control{flex:1 1 180px;border-radius:999px;padding:.65rem 1.1rem;}
.document-form__row .btn{border-radius:999px;padding:.65rem 1.4rem;font-weight:700;white-space:nowrap;background:linear-gradient(135deg,var(--blog-primary),var(--blog-accent));border:none;}
.document-form__msg{margin-top:.6rem;font-size:.9rem;font-weight:600;}
.document-form__msg.is-success{color:#16a34a;}
.document-form__msg.is-error{color:#dc2626;}

/* ── Video embed (YouTube responsive 16:9) ── */
.article-content .video-embed{position:relative;width:100%;margin:2rem 0;padding:1rem;border:1px solid rgba(124,58,237,.22);border-radius:18px;overflow:hidden;background:linear-gradient(180deg,rgba(124,58,237,.08),rgba(255,255,255,.95) 32%),#fff;box-shadow:0 18px 42px rgba(15,23,42,.12);}
.article-content .video-embed::before{content:"Video hướng dẫn";display:inline-flex;align-items:center;gap:.45rem;margin:0 0 .8rem;padding:.36rem .75rem;border-radius:999px;background:linear-gradient(135deg,var(--blog-primary),var(--blog-accent));color:#fff;font-size:.8rem;line-height:1;font-weight:800;letter-spacing:.01em;box-shadow:0 8px 18px rgba(99,102,241,.22);}
.article-content .video-embed iframe,.article-content .video-embed .yt-lite-embed{position:relative;inset:auto;display:block;width:100%;height:auto;aspect-ratio:16/9;border:0;border-radius:14px;overflow:hidden;background:#020617;box-shadow:0 10px 26px rgba(15,23,42,.18);}
.article-content .video-embed .yt-lite-embed{transform:translateZ(0);transition:box-shadow .28s ease,transform .28s ease,filter .28s ease;}
.article-content .video-embed .yt-lite-embed:hover,.article-content .video-embed .yt-lite-embed:focus-visible{transform:translateY(-2px);box-shadow:0 16px 34px rgba(15,23,42,.22);filter:saturate(1.06);}
.article-content .video-embed .yt-lite-embed img{transition:transform .45s ease,filter .45s ease;}
.article-content .video-embed .yt-lite-embed:hover img,.article-content .video-embed .yt-lite-embed:focus-visible img{transform:scale(1.025);filter:brightness(.98) contrast(1.04);}
@media(max-width:575.98px){.article-content .video-embed{margin:1.5rem 0;padding:.7rem;border-radius:14px;}.article-content .video-embed::before{font-size:.74rem;margin-bottom:.6rem;}.article-content .video-embed iframe,.article-content .video-embed .yt-lite-embed{border-radius:11px;}}

/* ── Sidebar widgets (tag cloud, tìm kiếm, MXH) ── */
.tag-cloud{display:flex;flex-wrap:wrap;gap:.5rem;}
.sidebar-search{display:flex;gap:.5rem;}
.sidebar-search .form-control{border-radius:11px;border:1px solid var(--blog-line);padding:.6rem 1rem;font-size:.9rem;background:#f7f8fc;}
.sidebar-search .form-control:focus{background:#fff;border-color:var(--blog-primary);box-shadow:0 0 0 3px rgba(99,102,241,.12);}
.sidebar-search button{flex-shrink:0;width:46px;border:0;border-radius:11px;background:linear-gradient(135deg,var(--blog-primary),var(--blog-accent));color:#fff;cursor:pointer;font-size:1.05rem;transition:opacity .15s;}
.sidebar-search button:hover{opacity:.9;}
.sidebar-social{display:flex;flex-wrap:wrap;gap:.6rem;}
.sidebar-social .social-btn{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#fff;text-decoration:none;transition:transform .15s,opacity .15s;}
.sidebar-social .social-btn:hover{transform:translateY(-2px);opacity:.9;}
.social-btn--Facebook{background:#1877f2;}
.social-btn--YouTube{background:#ff0000;}
.social-btn--TikTok{background:#000;}
.social-btn--Instagram{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);}
.social-btn--Telegram{background:#229ed9;}

@media(max-width:575.98px){
  .single-title{font-size:1.55rem;}
  .hero-feature__title{font-size:1.25rem;}
  .blog-section-head h2{font-size:1.2rem;}
  .post-rating__form{align-items:flex-start;flex-direction:column;gap:.35rem;}
  .post-rating__choices label{font-size:1.55rem;}
}


/* ============ HOMEPAGE BLOCK LAYOUTS ============ */
.dynblk__rule{display:inline-block;height:4px;width:64px;border-radius:999px;background:linear-gradient(90deg,#6366f1,#8b5cf6);margin-top:.35rem;}
.dynblk-head__title,.dynblk__title{font-size:1.7rem;font-weight:800;color:var(--blog-ink);margin-bottom:.35rem;}
.dynblk--dark .dynblk__title{color:#fff;}
.dynblk__subtitle{color:#64748b;margin-bottom:.4rem;}
.dynblk--dark .dynblk__subtitle{color:rgba(255,255,255,.85);}
.dynblk-head--box{position:relative;padding-left:.9rem;border-left:5px solid var(--blog-primary);}
.dynblk-head--box .dynblk__title{font-size:1.35rem;margin:0;}

/* List layout */
.dynblk-list{display:flex;flex-direction:column;gap:1rem;}
.blog-card-list{display:flex;gap:1rem;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 .35rem 1rem rgba(15,23,42,.07);transition:transform .2s,box-shadow .2s;}
.blog-card-list:hover{transform:translateY(-3px);box-shadow:0 .75rem 1.5rem rgba(15,23,42,.12);}
.blog-card-list__thumb{flex:0 0 38%;max-width:200px;aspect-ratio:16/11;overflow:hidden;}
.blog-card-list__thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s;}
.blog-card-list:hover .blog-card-list__thumb img{transform:scale(1.06);}
.blog-card-list__body{padding:.85rem 1rem;display:flex;flex-direction:column;justify-content:center;min-width:0;}
.blog-card-list__title{font-size:1.02rem;font-weight:700;line-height:1.4;margin:0 0 .35rem;}
.blog-card-list__title a{color:var(--blog-ink);text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.blog-card-list__title a:hover{color:var(--blog-primary);}
.blog-card-list__excerpt{font-size:.85rem;color:var(--blog-muted);line-height:1.5;margin-bottom:.4rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.dynblk-list--compact .blog-card-list__excerpt{display:none;}
.dynblk-list--compact .blog-card-list__thumb{flex-basis:30%;max-width:140px;}
@media(max-width:480px){.blog-card-list{flex-direction:column;}.blog-card-list__thumb{max-width:none;flex-basis:auto;aspect-ratio:16/9;}}

/* Overlay layout */
.blog-card-overlay{position:relative;display:block;border-radius:16px;overflow:hidden;aspect-ratio:16/9;box-shadow:0 .5rem 1.25rem rgba(15,23,42,.15);}
.blog-card-overlay--lg{aspect-ratio:16/9;height:auto;max-height:460px;}
.dynblk-magazine{align-items:flex-start;}
.blog-card-overlay img{width:100%;height:100%;object-fit:cover;transition:transform .5s;}
.blog-card-overlay:hover img{transform:scale(1.07);}
.blog-card-overlay__grad{position:absolute;inset:0;background:linear-gradient(to top,rgba(8,10,22,.95) 0%,rgba(8,10,22,.72) 28%,rgba(8,10,22,.18) 60%,transparent 100%);}
.blog-card-overlay__body{position:absolute;left:0;right:0;bottom:0;padding:1rem 1.15rem 1.1rem;color:#fff;}
.blog-card-overlay__body::before{content:"";display:block;width:34px;height:3px;border-radius:3px;background:linear-gradient(90deg,#818cf8,#c4b5fd);margin-bottom:.55rem;box-shadow:0 0 12px rgba(129,140,248,.7);transition:width .25s ease;}
.blog-card-overlay__title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:800;font-size:1.04rem;line-height:1.32;letter-spacing:-.01em;text-shadow:0 2px 10px rgba(0,0,0,.92),0 1px 3px rgba(0,0,0,.95);}
.blog-card-overlay--lg .blog-card-overlay__title{font-size:1.55rem;-webkit-line-clamp:3;}
.blog-card-overlay:hover .blog-card-overlay__title{text-decoration:none;}
.blog-card-overlay:hover .blog-card-overlay__body::before{width:58px;}
.blog-card-overlay__meta{display:inline-flex;align-items:center;gap:.3rem;margin-top:.55rem;font-size:.74rem;font-weight:700;background:rgba(99,102,241,.92);padding:.2rem .65rem;border-radius:999px;box-shadow:0 4px 12px rgba(99,102,241,.4);}

/* Boxed block (homepage with sidebar) */
.home-block-wrap{margin-bottom:2rem;}
.home-block-wrap:last-child{margin-bottom:0;}
.dynblk-box{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 .35rem 1rem rgba(15,23,42,.06);}
.dynblk-box.dynblk--dark{color:#fff;}
.dynblk-box.dynblk--dark .blog-card,.dynblk-box.dynblk--dark .blog-card-list{color:initial;}
.faq-box,.news-box{background:#fff;border-radius:16px;padding:1.5rem !important;box-shadow:0 .35rem 1rem rgba(15,23,42,.06);}
.faq-box .container,.news-box .container{padding:0;max-width:none;}
.faq-box .text-center,.news-box .text-center{text-align:left !important;}

/* Sidebar zone */
.blog-home-sidebar{background:#f8fafc;}
.sidebar-widget{background:#fff;border-radius:14px;padding:1.25rem;margin-bottom:1.5rem;box-shadow:0 .25rem .75rem rgba(15,23,42,.06);}
.sidebar-widget__title{font-size:1.05rem;font-weight:800;margin-bottom:1rem;padding-bottom:.6rem;border-bottom:2px solid var(--blog-line);color:var(--blog-ink);position:relative;}
.sidebar-widget__title::after{content:"";position:absolute;left:0;bottom:-2px;width:48px;height:2px;background:var(--blog-primary);}
.wp-list{list-style:none;margin:0;padding:0;}
.wp-list--thumb .wp-item{padding:.5rem 0;border-bottom:1px dashed var(--blog-line);}
.wp-list--thumb .wp-item:last-child{border-bottom:0;}
.wp-item__link{display:flex;gap:.7rem;align-items:center;text-decoration:none;}
.wp-item__thumb{flex:0 0 64px;width:64px;height:48px;border-radius:8px;overflow:hidden;}
.wp-item__thumb img{width:100%;height:100%;object-fit:cover;}
.wp-item__title{display:block;font-size:.9rem;font-weight:600;color:var(--blog-ink);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.wp-item__link:hover .wp-item__title{color:var(--blog-primary);}
.wp-item__date{font-size:.75rem;color:var(--blog-muted);}
.wp-list--plain .wp-item{padding:.4rem 0;border-bottom:1px dashed var(--blog-line);}
.cat-count{background:var(--blog-primary);color:#fff;border-radius:999px;font-size:.72rem;padding:.05rem .5rem;}
.tag-cloud{display:flex;flex-wrap:wrap;gap:.4rem;}
.sidebar-search{display:flex;gap:.4rem;}
.sidebar-search .form-control{border-radius:999px;}
.sidebar-search button{border:0;background:var(--blog-primary);color:#fff;border-radius:999px;width:42px;flex:0 0 42px;}
.sidebar-social{display:flex;flex-wrap:wrap;gap:.5rem;}
.social-btn{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.1rem;text-decoration:none;background:var(--blog-primary);transition:transform .2s;}
.social-btn:hover{transform:translateY(-3px);color:#fff;}
.social-btn--Facebook{background:#1877f2;}.social-btn--YouTube{background:#ff0000;}.social-btn--TikTok{background:#000;}.social-btn--Instagram{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);}.social-btn--Telegram{background:#229ed9;}


/* ============ DYNAMIC BLOCK SECTION STYLES ============ */
.dynblk{position:relative;}
.dynblk--simple{background:#fff;}
.dynblk--minimal{background:#f8fafc;background-image:linear-gradient(rgba(15,23,42,.05) 1px,transparent 1px),linear-gradient(to right,rgba(15,23,42,.04) 1px,transparent 1px);background-size:48px 48px;}
.dynblk--editorial{background:#f8fafc;background-image:linear-gradient(rgba(15,23,42,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(15,23,42,.04) 1px,transparent 1px);background-size:52px 52px;}
.dynblk--gradient{background:linear-gradient(135deg,#0f172a 0%,#1e1b4b 40%,#312e81 100%);}
.dynblk--glass{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);}
.dynblk--aurora{background:linear-gradient(135deg,#050a30 0%,#3c1666 40%,#0ea5e9 100%);}
.dynblk--sunset{background:linear-gradient(135deg,#f97316 0%,#ec4899 45%,#7c2d12 100%);}
.dynblk--neon{background:#050816;box-shadow:inset 0 0 120px rgba(34,211,238,.18);}
.dynblk--wave{background:linear-gradient(135deg,#6366f1 0%,#7c3aed 50%,#8b5cf6 100%);}
.dynblk-wave{position:absolute;left:0;width:100%;height:70px;z-index:1;line-height:0;}
.dynblk-wave-top{top:0;}
.dynblk-wave-bottom{bottom:0;}
.dynblk-wave svg{width:100%;height:100%;display:block;}
.dynblk--dark .dynblk__title,.dynblk--dark .dynblk__subtitle{color:#fff;}
.dynblk--dark .dynblk__subtitle{opacity:.88;}
.dynblk-swiper{padding-bottom:38px;}
.dynblk-swiper .swiper-pagination{bottom:0;}
.dynblk-swiper .swiper-pagination-bullet-active{background:#fff;}
.dynblk--simple .dynblk-swiper .swiper-pagination-bullet-active,.dynblk--minimal .dynblk-swiper .swiper-pagination-bullet-active,.dynblk--editorial .dynblk-swiper .swiper-pagination-bullet-active{background:#6366f1;}
.col-5ths{flex:0 0 auto;width:20%;}
@media(max-width:991.98px){.col-5ths{width:33.333%;}}
@media(max-width:575.98px){.col-5ths{width:100%;}}


/* ── Block Nội dung / Quảng cáo (cblk) ───────────────────────────────── */
.cblk-wrap{max-width:900px;margin:0 auto;}
.cblk-card{position:relative;border:3px solid transparent;border-radius:18px;overflow:hidden;box-shadow:0 .6rem 1.6rem rgba(15,23,42,.08);background:linear-gradient(#fff,#fff) padding-box,conic-gradient(from var(--cblk-angle),#e5e7eb 0deg 200deg,#06b6d4 250deg,#8b5cf6 300deg,#ec4899 340deg,#e5e7eb 360deg) border-box;animation:cblkBorder 5s linear infinite;}
@property --cblk-angle{syntax:'<angle>';initial-value:0deg;inherits:false;}
@keyframes cblkBorder{to{--cblk-angle:360deg;}}
@media(prefers-reduced-motion:reduce){.cblk-card{animation:none;}}
.cblk-head{background:linear-gradient(135deg,var(--blog-primary,#6366f1),#8b5cf6);color:#fff;padding:18px 24px;text-align:center;}
.cblk-title{font-size:1.5rem;font-weight:800;margin:0;color:#fff;letter-spacing:.2px;}
.cblk-sub{margin:.35rem 0 0;color:rgba(255,255,255,.9);font-size:.95rem;}
.cblk-body{padding:24px 28px;color:#334155;font-size:1.02rem;line-height:1.75;overflow-wrap:anywhere;}
.cblk-body > :first-child{margin-top:0;}
.cblk-body > :last-child{margin-bottom:0;}
.cblk-body h2,.cblk-body h3,.cblk-body h4{color:var(--blog-ink,#0f172a);font-weight:700;margin:1.2rem 0 .6rem;line-height:1.3;}
.cblk-body p{margin:0 0 .8rem;}
.cblk-body ul,.cblk-body ol{padding-left:1.35rem;margin:.6rem 0 .9rem;}
.cblk-body li{margin:.3rem 0;}
.cblk-body a{color:var(--blog-primary,#6366f1);font-weight:600;text-decoration:none;background-image:none!important;background-size:0 0!important;}
.cblk-body a:hover{text-decoration:none !important;background-image:none!important;background-size:0 0!important;}
.cblk-body strong{color:var(--blog-ink,#0f172a);}
.cblk-body img{max-width:100%;height:auto;border-radius:10px;}
.cblk-body hr{border:0;border-top:1px dashed #cbd5e1;margin:1rem 0;}
/* Dark variants: thẻ kính, chữ sáng */
.dynblk--dark .cblk-card{background:linear-gradient(rgba(255,255,255,.10),rgba(255,255,255,.10)) padding-box,conic-gradient(from var(--cblk-angle),rgba(255,255,255,.18) 0deg 200deg,#22d3ee 250deg,#a78bfa 300deg,#f472b6 340deg,rgba(255,255,255,.18) 360deg) border-box;border-color:transparent;backdrop-filter:blur(6px);box-shadow:0 .6rem 1.8rem rgba(0,0,0,.25);}
.dynblk--dark .cblk-head{background:rgba(255,255,255,.16);}
.dynblk--dark .cblk-body{color:rgba(255,255,255,.92);}
.dynblk--dark .cblk-body h2,.dynblk--dark .cblk-body h3,.dynblk--dark .cblk-body h4,.dynblk--dark .cblk-body strong{color:#fff;}
.dynblk--dark .cblk-body a{color:#c7d2fe;}
.dynblk--dark .cblk-body hr{border-top-color:rgba(255,255,255,.25);}
/* Boxed (có sidebar): để .cblk-card là khối hiển thị */
.dynblk-box.cblk{padding:0;background:transparent;box-shadow:none;}
/* Mobile */
@media(max-width:575.98px){
  .cblk-head{padding:14px 16px;}
  .cblk-title{font-size:1.25rem;}
  .cblk-body{padding:18px 16px;font-size:.98rem;}
}


/* ── Ô dịch vụ + CTA trong block Quảng cáo (tự thích ứng sáng/tối) ── */
.cblk-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:16px 0 4px;}
.cblk-svc{display:flex;gap:12px;align-items:flex-start;padding:15px 16px;border:1px solid #e9edf3;border-radius:14px;background:#fff;transition:transform .15s,box-shadow .15s,border-color .15s;}
.cblk-svc:hover{transform:translateY(-2px);box-shadow:0 .5rem 1.2rem rgba(99,102,241,.14);border-color:#c7d2fe;}
.cblk-svc .ico{font-size:1.75rem;line-height:1;flex:none;}
.cblk-svc b{display:block;color:var(--blog-ink,#0f172a);font-size:1.04rem;margin-bottom:2px;}
.cblk-svc span{color:#64748b;font-size:.93rem;line-height:1.55;}
.cblk-cta{margin-top:18px;padding:16px 20px;border-radius:16px;background:linear-gradient(135deg,#eef2ff,#faf5ff);border:1px solid #e0e7ff;display:flex;flex-wrap:wrap;align-items:center;gap:14px;justify-content:space-between;}
.cblk-hot{font-size:1.05rem;color:#334155;}
.cblk-hot b{color:#e11d48;font-size:1.3rem;letter-spacing:.5px;}
.cblk-actions{display:flex;gap:8px;flex-wrap:wrap;}
.cblk-btn{padding:9px 20px;border-radius:999px;font-weight:600;line-height:1;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:transform .12s,filter .12s;border:1.5px solid transparent;cursor:pointer;box-sizing:border-box;}
.cblk-btn i,.cblk-btn .bi{display:inline-flex;align-items:center;justify-content:center;line-height:1;font-size:1em;}
.cblk-btn i::before,.cblk-btn .bi::before{vertical-align:middle;line-height:1;}
.cblk-btn:hover,.cblk-btn:focus{text-decoration:none !important;}
.cblk-btn:hover{transform:translateY(-1px);filter:brightness(1.05);}
.cblk-btn--primary{background:#6366f1;color:#fff !important;}
.cblk-btn--zalo{background:#0068ff;color:#fff !important;}
.cblk-btn--ghost{background:#fff;color:#6366f1 !important;border:1.5px solid #6366f1;}
@media(max-width:640px){.cblk-grid{grid-template-columns:1fr;}.cblk-cta{flex-direction:column;align-items:flex-start;}}
.dynblk--dark .cblk-svc{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);}
.dynblk--dark .cblk-svc b{color:#fff;}
.dynblk--dark .cblk-svc span{color:rgba(255,255,255,.82);}
.dynblk--dark .cblk-cta{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.22);}
.dynblk--dark .cblk-hot{color:rgba(255,255,255,.92);}
.dynblk--dark .cblk-hot b{color:#fca5a5;}
.dynblk--dark .cblk-btn--ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.6);}

/* ── Quảng cáo thông tin gọn ở cuối bài viết ── */
.post-cta{display:flex;align-items:center;gap:16px;margin:26px 0;padding:18px 22px;border-radius:16px;
  background:linear-gradient(120deg,#0f766e 0%,#0891b2 55%,#06b6d4 100%);color:#fff;flex-wrap:wrap;
  box-shadow:0 .7rem 1.6rem rgba(8,145,178,.28);}
.post-cta__ico{font-size:2rem;line-height:1;flex:none;}
.post-cta__text{flex:1;min-width:210px;}
.post-cta__text strong{display:block;font-size:1.12rem;}
.post-cta__text span{opacity:.93;font-size:.95rem;}
.post-cta__actions{display:flex;gap:8px;flex-wrap:wrap;}
.post-cta__actions .cblk-btn--primary{background:#fff;color:#0f766e !important;}
.post-cta__actions .cblk-btn--ghost{background:rgba(255,255,255,.18);color:#fff !important;border:1.5px solid #fff;font-weight:700;}
.post-cta__actions .cblk-btn--ghost:hover{background:rgba(255,255,255,.32);color:#fff !important;}
@media(max-width:575.98px){.post-cta{flex-direction:column;align-items:flex-start;text-align:left;}}

/* ── Hiệu ứng động cho nút GỌI + CHAT ZALO (vòng nhấp nháy + chuông rung) ── */
@keyframes cblkRing{0%{box-shadow:0 0 0 0 rgba(99,102,241,.55);}70%{box-shadow:0 0 0 14px rgba(99,102,241,0);}100%{box-shadow:0 0 0 0 rgba(99,102,241,0);}}
@keyframes cblkRingW{0%{box-shadow:0 0 0 0 rgba(255,255,255,.65);}70%{box-shadow:0 0 0 14px rgba(255,255,255,0);}100%{box-shadow:0 0 0 0 rgba(255,255,255,0);}}
@keyframes cblkRingBlue{0%{box-shadow:0 0 0 0 rgba(0,104,255,.5);}70%{box-shadow:0 0 0 14px rgba(0,104,255,0);}100%{box-shadow:0 0 0 0 rgba(0,104,255,0);}}
@keyframes cblkShake{0%,86%,100%{transform:rotate(0);}88%{transform:rotate(-14deg);}91%{transform:rotate(12deg);}94%{transform:rotate(-8deg);}97%{transform:rotate(5deg);}}
.cblk-btn--primary{animation:cblkRing 1.6s ease-out infinite;}
.cblk-btn--zalo{animation:cblkRingBlue 1.6s ease-out infinite;}
.post-cta .cblk-btn--primary{animation-name:cblkRingW;}
.cblk-btn[href^="tel:"] i{display:inline-block;transform-origin:center;animation:cblkShake 1.6s ease-in-out infinite;}
@media(prefers-reduced-motion:reduce){.cblk-btn--primary,.cblk-btn--zalo,.cblk-btn[href^="tel:"] i{animation:none;}}
.article-content

iframe

 max-width: 100%;