/*!
Theme Name: xhanquoc
Theme URI: http://underscores.me/
Author: xhanquoc
Author URI: http://xhanquoc.com
Description: Trang tin tức và chia sẻ nội dung xhanquoc
Version: 1.0.0
*/
:root{--primary-red:#c60c30;--primary-blue:#003478;--text-dark:#1e293b;--text-muted:#64748b;--bg-light:#f8fafc;--border-color:#e2e8f0;--font-main:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif}.custom-search-form{width:100%;margin:0 auto;display:flex;max-width:410px}.custom-search-inner{margin:10px;display:flex;align-items:stretch;width:100%;background:#fff;border:2px solid #003478;border-radius:12px;overflow:hidden;transition:all .25s ease;box-shadow:0 5px 20px rgba(0,52,120,.08)}.custom-search-inner:focus-within{border-color:#c60c30;box-shadow:0 6px 25px rgba(198,12,48,.16)}.custom-search-field{flex:1;min-width:0;height:40px;padding:0 18px;margin:0;border:none;outline:none;background:#fff;color:#003478;font-size:16px;font-family:inherit;box-shadow:none}.custom-search-field:focus{outline:none;border:none;box-shadow:none}.custom-search-field::placeholder{color:#7b8aa0;opacity:1}.custom-search-submit{display:flex;align-items:center;justify-content:center;gap:8px;min-width:145px;padding:0 22px;border:none;outline:none;background:#003478;color:#fff;font-family:inherit;font-size:15px;font-weight:700;cursor:pointer;transition:background .25s ease,transform .2s ease}.custom-search-submit svg{width:20px;height:20px;fill:currentColor}.custom-search-submit:hover,.custom-search-submit:focus{background:#c60c30;color:#fff}.custom-search-submit:active{transform:scale(.98)}@media (max-width:600px){.custom-search-inner{border-radius:10px}.custom-search-field{height:50px;padding:0 14px;font-size:15px}.custom-search-submit{min-width:52px;width:52px;padding:0}.custom-search-submit span{display:none}.custom-search-submit svg{width:22px;height:22px}}.custom-search-form input[type=search],.custom-search-form input[type=text]{border-radius:0!important}.custom-search-form button{border-radius:0!important}.vietsub,.thuyetminh{display:inline-block;padding:0 3px 2px;border-radius:5px;margin:6px 3px 0;font-size:12px;font-weight:700}.vietsub{color:#e91e63;border:dashed 1px #e91e63}.thuyetminh{color:#4caf50;border:dashed 1px #4caf50}.tag-cloud{display:flex;margin:0 auto;flex-wrap:wrap;gap:10px;max-width:1200px;padding:20px;justify-content:center;align-items:center}.tag-cloud a{position:relative;text-transform:capitalize;display:inline-block;color:#fff;text-decoration:none;padding:8px 18px;font-size:13px;font-weight:500;border-radius:30px;background:#003478;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 3px 8px rgba(0,52,120,.25);overflow:hidden}.tag-cloud a:before{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transition:.5s}.tag-cloud a:hover:before{left:120%}.tag-cloud a:hover{background:#c60c30;transform:translateY(-4px) scale(1.06);box-shadow:0 8px 18px rgba(198,12,48,.35)}.tag-cloud a.active{background:#c60c30;box-shadow:0 4px 12px rgba(198,12,48,.4)}.tag-cloud a:nth-child(odd){transform:rotate(-2deg)}.tag-cloud a:nth-child(even){transform:rotate(2deg)}.tag-cloud a:nth-child(3n){font-size:12px;padding:6px 14px}.tag-cloud a:nth-child(4n){font-size:15px;padding:9px 20px}.tag-cloud a:nth-child(5n){font-size:11px;padding:5px 12px;opacity:.9}.tag-cloud a:hover{transform:translateY(-4px) scale(1.06) rotate(0deg) !important}@media (max-width:480px){.tag-cloud{gap:7px;padding:12px}.tag-cloud a{font-size:12px;padding:6px 13px}.tag-cloud a:nth-child(4n){font-size:13px;padding:7px 15px}}.site-header{width:100%;padding:25px 0;background-color:#fff;box-shadow:0 2px 10px rgba(0,0,0,.05);margin-bottom:30px}.site-branding{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.site-title{margin:0;padding:0;line-height:1.1}.brand-link{text-decoration:none;font-size:2.8rem;font-weight:800;letter-spacing:-.5px;font-family:var(--font-main);display:inline-block;transition:transform .2s ease}.brand-link:hover{transform:scale(1.02)}.brand-x{color:var(--primary-red);margin-right:2px}.brand-name{color:var(--primary-blue)}.creative-masonry-container{max-width:1300px;margin:0 auto;padding:30px 15px}.organic-masonry-grid{column-count:2;column-gap:25px}.organic-post-card{break-inside:avoid;margin-bottom:35px;display:block;position:relative}.organic-thumb-link{display:block;position:relative;text-decoration:none}.organic-thumb-frame{position:relative;z-index:2;overflow:hidden;background:var(--bg-light);transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}.organic-img{width:100%;height:auto;display:block;transition:transform .5s ease}.organic-post-card:hover .organic-thumb-frame{transform:scale(1.02) translateY(-4px)}.organic-post-card:hover .aura-glow-bg{filter:blur(25px) opacity(.6);transform:scale(1.05)}.post-details{padding-top:15px;position:relative;z-index:3}.post-title{font-size:1.05rem;line-height:1.5;margin:0;font-weight:700}.post-title a{color:var(--text-dark);text-decoration:none;transition:color .2s ease}.post-title a:hover{color:var(--primary-red)}.organic-thumb-frame{position:relative;z-index:2;overflow:hidden;background-color:#e0e0e0;transition:transform .4s cubic-bezier(.175,.885,.32,1.275);aspect-ratio:3/4;width:100%}.organic-thumb-frame:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);animation:facebook-shimmer 1.5s infinite;z-index:1}@keyframes facebook-shimmer{0%{left:-100%}100%{left:100%}}.organic-img{width:100%;height:100%;object-fit:cover;display:block;position:relative;z-index:2;transition:transform .5s ease,opacity .3s ease}.organic-thumb-frame.is-loaded:before{display:none}.organic-thumb-frame.is-loaded{background:0 0;aspect-ratio:auto}.archive-header{text-align:center;margin-bottom:40px;padding-bottom:20px;border-bottom:2px solid #f1f5f9}.archive-title{font-size:2rem;color:var(--primary-blue);font-weight:800;margin:0 0 10px;text-transform:capitalize}.archive-title .page-title{color:var(--primary-red)}.archive-description{font-size:1rem;color:var(--text-muted);max-width:700px;margin:0 auto;line-height:1.6}.single-post-container{max-width:1300px;margin:0 auto;padding:30px 15px}.entry-header{text-align:center;margin-bottom:25px}.entry-meta-top{display:flex;align-items:center;justify-content:center;gap:15px;margin-bottom:12px}.post-category-badge{background-color:var(--primary-red);color:#fff;padding:4px 14px;border-radius:20px;font-size:.85rem;font-weight:600;text-decoration:none;transition:background-color .2s ease}.post-category-badge:hover{background-color:var(--primary-blue);color:#fff}.post-date{color:var(--text-muted);font-size:.9rem}.entry-title{font-size:2.2rem;color:var(--primary-blue);line-height:1.35;font-weight:800;margin:0}.single-featured-image{margin-bottom:30px;border-radius:16px;overflow:hidden;box-shadow:0 10px 25px -5px rgba(0,0,0,.08)}.featured-img{width:100%;height:auto;display:block}.entry-content{font-size:1.1rem;line-height:1.8;color:#334155;margin-bottom:40px}.entry-content p{margin-bottom:1.5em}.entry-content h2,.entry-content h3{color:var(--primary-blue);margin-top:1.8em;margin-bottom:.8em;font-weight:700}.entry-content img{max-width:100%;height:auto;border-radius:12px;margin:20px 0}.post-tags{padding-top:20px;border-top:1px solid var(--border-color);margin-bottom:50px}.tags-title{font-weight:700;color:var(--primary-blue);margin-right:10px}.post-tags a{display:inline-block;background:#f1f5f9;color:#475569;padding:3px 10px;border-radius:6px;font-size:.85rem;text-decoration:none;margin-right:6px;margin-bottom:6px;transition:all .2s ease}.post-tags a:hover{background:var(--primary-blue);color:#fff}.related-posts-section{max-width:1300px;margin-left:auto;margin-right:auto}.related-header{text-align:center;margin-bottom:35px;position:relative}.related-title{font-size:1.6rem;color:var(--primary-blue);font-weight:800;display:inline-block;padding:0 15px;background:#fff;position:relative;z-index:2;margin:0}.related-title-line{position:absolute;top:50%;left:0;right:0;height:2px;background:#f1f5f9;z-index:1}.pagination-wrapper{margin-top:40px;margin-bottom:20px;text-align:center;clear:both}.wp-pagenavi{display:flex;justify-content:center;align-items:center;gap:8px;margin:20px 0;padding:0 15px;clear:both;font-family:var(--font-main)}.wp-pagenavi a,.wp-pagenavi span{display:inline-flex;justify-content:center;align-items:center;min-width:40px;height:40px;padding:0 12px;border:1px solid var(--border-color);border-radius:8px;background-color:#fff;color:var(--primary-blue);font-size:.95rem;font-weight:600;text-decoration:none;box-shadow:0 2px 4px rgba(0,0,0,.03);transition:all .2s ease-in-out}.wp-pagenavi a:hover{color:#fff;background-color:var(--primary-blue);border-color:var(--primary-blue);transform:translateY(-2px);box-shadow:0 4px 10px rgba(0,52,120,.15)}.wp-pagenavi span.current{background-color:var(--primary-red);color:#fff;border-color:var(--primary-red);font-weight:700;box-shadow:0 3px 8px rgba(198,12,48,.25)}.wp-pagenavi a.nextpostslink{font-size:1.1rem;padding:0 14px}.no-posts-found{text-align:center;padding:50px 0;color:var(--text-muted);font-size:1.1rem}.site-footer{background-color:var(--primary-blue);color:#fff;padding:35px 20px 25px;margin-top:50px;border-top:4px solid var(--primary-red);text-align:center}.site-footer-inner{max-width:1200px;margin:0 auto}.footer-description{font-size:.95rem;line-height:1.6;color:#e0e6ed;margin:0 auto 15px auto;max-width:650px;text-align:left}.footer-copyright{font-size:.85rem;color:#a0aec0;margin:0;border-top:1px solid rgba(255,255,255,.1);padding-top:15px}.footer-copyright a{color:#fff;text-decoration:none;font-weight:600;transition:color .2s ease}.footer-copyright a:hover{color:#ff4d6d}@media (min-width:600px){.organic-masonry-grid{column-count:2}}@media (min-width:992px){.organic-masonry-grid{column-count:4}}@media (max-width:768px){.brand-link{font-size:2.2rem}.site-header{padding:18px 0;margin-bottom:20px}.archive-title{font-size:1.5rem}.entry-title{font-size:1.6rem}.single-post-container{padding:15px}.site-footer{padding:25px 15px 20px;margin-top:30px}.footer-description{font-size:.9rem}}@media (max-width:480px){.brand-link{font-size:1.8rem}.wp-pagenavi{gap:5px;margin:25px 0 15px}.wp-pagenavi a,.wp-pagenavi span{min-width:35px;height:35px;padding:0 8px;font-size:.85rem;border-radius:6px}}.series-episodes-list{list-style:none;padding:0;margin:10px 0 0;max-height:180px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#003478 transparent}.series-episodes-list::-webkit-scrollbar{width:5px}.series-episodes-list::-webkit-scrollbar-track{background:rgba(0,0,0,.05);border-radius:10px}.series-episodes-list::-webkit-scrollbar-thumb{background-color:#003478;border-radius:10px;transition:background-color .2s ease}.series-episodes-list::-webkit-scrollbar-thumb:hover{background-color:#002250}.series-episodes-list li{margin-bottom:6px;font-size:.9em}.series-episodes-list a{text-decoration:none;color:inherit;display:flex;align-items:center;width:100%;transition:color .2s}.series-episodes-list a:hover{color:#0073aa}.series-episodes-list .ep-badge{font-weight:700;margin-right:6px;flex-shrink:0}.series-episodes-list .ep-title{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}