/* BaoCaoSuHP Optimizer v5 - cacheable base CSS for Perfmatters Used CSS File mode. */

/* Hide old secondary pagination on paged archives. */
.paged .an-phan-trang{display:none!important}

/* Breadcrumb. */
.uk-breadcrumb{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin-bottom:15px!important;padding:0!important}
.uk-breadcrumb>li{padding-left:0!important}
.uk-breadcrumb>li+li::before{display:none!important}
.uk-breadcrumb>li>a,.uk-breadcrumb>li>span{display:inline-block!important;background:rgba(255,255,255,.15)!important;color:#fff!important;padding:6px 14px!important;border-radius:20px!important;font-size:13px!important;line-height:1.2!important}

/* SEO category description + read-more. */
.seo-category-desc{position:relative;overflow:hidden;max-height:350px;transition:max-height .38s ease}
.seo-category-desc.has-fade{-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - 86px),transparent 100%);mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - 86px),transparent 100%)}
.seo-category-desc.expanded{-webkit-mask-image:none!important;mask-image:none!important}
.read-more-toggle-btn{display:block;width:max-content;max-width:calc(100% - 24px);margin:15px auto 30px;padding:9px 26px;background:transparent;color:#ffb300;border:1px solid #ff9800;border-radius:999px;cursor:pointer;font:700 15px/1.35 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;text-align:center;transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .2s ease}
.read-more-toggle-btn:hover,.read-more-toggle-btn:focus-visible{background:#ff9800;color:#fff;outline:none}
.read-more-toggle-btn:active{transform:translateY(1px)}

/* Lightbox / popup media: never force a tall 60vh box. */
body .uk-lightbox video,body [class*="modal"] video,body [class*="popup"] video{display:block!important;width:auto!important;max-width:100%!important;height:auto!important;max-height:85vh!important;min-height:0!important;margin:auto!important;object-fit:contain!important}
body .uk-lightbox iframe,body [class*="modal"] iframe,body [class*="popup"] iframe{display:block!important;width:min(100%,1280px)!important;max-width:100%!important;height:auto!important;max-height:85vh!important;min-height:0!important;aspect-ratio:16/9!important;margin:auto!important}
body .uk-modal-dialog,body .uk-lightbox-items>*{min-height:0!important}

/* UIkit offcanvas: scoped so normal nav elsewhere is untouched. */
.uk-offcanvas-bar{background:#000!important}
.uk-offcanvas-bar .uk-nav-default>li>a{color:#f1c40f!important;font-weight:700;text-transform:uppercase;font-size:.9rem;padding:10px;border-bottom:1px solid rgba(255,255,255,.1)}
.uk-offcanvas-bar .uk-nav-sub li a{color:#f1c40f!important;opacity:.72!important;font-size:.85rem;font-weight:400;padding:6px 0;transition:opacity .2s ease,color .2s ease}
.uk-offcanvas-bar .uk-nav-sub li a:hover,.uk-offcanvas-bar .uk-nav-sub li a:focus{opacity:1!important;color:#fff!important}
.uk-offcanvas-bar .uk-nav-default .uk-nav-parent-icon{color:#f1c40f!important;width:1rem}
.uk-offcanvas-bar .uk-nav-default>li.uk-active>a{color:#fff!important;background:rgba(241,196,15,.1)}

@media (prefers-reduced-motion:reduce){.seo-category-desc,.read-more-toggle-btn{transition:none!important}}
