/*
Theme Name: QQ88
Theme URI: https://qq88mobie.com/
Template: qq88-core
Author: QQ88
Author URI: https://qq88mobie.com/
Version: 1.5
Description: QQ88 child theme.
Text Domain: qq88
*/
:root{--g:#0b6b1f;--g2:#0e8a2a;--y:#ffd400;--bg:#f4fbf2}
body{background:var(--bg)}
.header-top{background:var(--g)!important}
.header-main{background:var(--g2)!important}
.header-bottom{background:#fff!important;border-bottom:3px solid var(--g)}
.header-bottom .nav>li>a{color:var(--g)!important;font-weight:700;text-transform:uppercase}
.header-bottom .nav>li.active>a,.header-bottom .nav>li>a:hover{background:var(--y);color:#063!important}
.logo a{color:var(--y)!important;font-weight:900;font-style:italic}
.button.primary,.button.is-yellow{background:var(--y)!important;color:#063!important;border-radius:8px}
.section-title-main{color:var(--g)}
.box-blog-post,.col-inner.card{border:2px solid var(--y);border-radius:10px;background:#fff}
.footer-wrapper,.absolute-footer{background:var(--g)!important;color:#fff}
/* QQ88 floating side links */
.qq88-side{position:fixed;right:8px;top:30%;z-index:99;display:flex;flex-direction:column;gap:8px}
.qq88-side a{width:56px;height:56px;border-radius:12px;background:#fff;border:2px solid var(--g);display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--g);text-align:center}
@media(max-width:849px){.qq88-side{display:none}}
/*
Theme Name: QQ88
Theme URI: https://qq88mobie.com/
Template: flatsome
Author: QQ88
Author URI: https://qq88mobie.com/
Version: 1.1
Description: QQ88 theme - green/yellow palette.
Text Domain: qq88
*/
:root{--g:#0b6b1f;--g2:#0e8a2a;--y:#ffd400;--bg:#f4fbf2}
body{background:var(--bg)}
.header-top{background:var(--g)!important}
.header-main{background:var(--g2)!important}
.header-bottom{background:#fff!important;border-bottom:3px solid var(--g)}
.header-bottom .nav>li>a{color:var(--g)!important;font-weight:700;text-transform:uppercase}
.header-bottom .nav>li.active>a,.header-bottom .nav>li>a:hover{background:var(--y);color:#063!important}
.logo a{color:var(--y)!important;font-weight:900;font-style:italic}
.button.primary,.button.is-yellow{background:var(--y)!important;color:#063!important;border-radius:8px}
.section-title-main{color:var(--g)}
.box-blog-post,.col-inner.card{border:2px solid var(--y);border-radius:10px;background:#fff}
.footer-wrapper,.absolute-footer{background:var(--g)!important;color:#fff}
/* QQ88 floating side links */
.qq88-side{position:fixed;right:8px;top:30%;z-index:99;display:flex;flex-direction:column;gap:8px}
.qq88-side a{width:56px;height:56px;border-radius:12px;background:#fff;border:2px solid var(--g);display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--g);text-align:center}
@media(max-width:849px){.qq88-side{display:none}}
/* QQ88 header buttons: Đăng nhập / Đăng ký */
.header-button-1 .button,.header-button-2 .button{position:relative;min-width:150px;height:46px;line-height:42px;padding:0 22px;margin:0;border-radius:8px!important;font-size:17px;font-weight:800;text-transform:uppercase;letter-spacing:.3px;color:#0b6b1f!important;box-shadow:0 3px 0 rgba(0,0,0,.25);transition:transform .15s,filter .15s}
.header-button-1 .button{background:#fffbe0!important;border:2px solid #ffd400!important}
.header-button-2 .button{background:linear-gradient(180deg,#f5f04a 0%,#c9e021 100%)!important;border:2px solid #e8ef3a!important}
.header-button-2 .button::after{content:"+58K";position:absolute;top:-10px;right:-8px;background:#d10000;color:#fff;font-size:12px;font-weight:800;line-height:1;padding:4px 7px;border-radius:999px;border:2px solid #fff;text-transform:none}
.header-button-1 .button:hover,.header-button-2 .button:hover{transform:translateY(-1px);filter:brightness(1.05)}
@media(max-width:849px){.header-button-1 .button,.header-button-2 .button{min-width:0;height:38px;line-height:34px;padding:0 14px;font-size:14px}}

.header-button-1{margin-right:14px!important}@media(max-width:849px){.header-button-1{margin-right:8px!important}}

/* qq88 side bar v2 */
.qq88-side{right:10px;top:28%;gap:12px}
.qq88-side a{width:84px;height:auto;min-height:84px;padding:10px 4px 8px;border-radius:16px;background:linear-gradient(180deg,#fff 60%,#eef9ee);border:2px solid #0e8a2a;box-shadow:0 3px 8px rgba(0,0,0,.12);flex-direction:column;gap:6px;font-size:11px;font-weight:800;line-height:1.15;color:#0b6b1f!important;text-transform:uppercase;transition:transform .15s}
.qq88-side a:hover{transform:translateY(-2px);box-shadow:0 6px 14px rgba(14,138,42,.3)}
.qq88-side a:before{content:"";width:46px;height:46px;flex:0 0 46px;background:var(--si) center/contain no-repeat;filter:drop-shadow(0 2px 2px rgba(0,0,0,.2))}
.qq88-side a:nth-child(1){--si:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%235ef05a'/%3E%3Cstop offset='1' stop-color='%230e8a2a'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M32 6C17 6 6 15 6 27c0 7 4 13 10 17l-2 10 11-6c2 0 4 1 7 1 15 0 26-9 26-22S47 6 32 6z' fill='url%28%23g%29'/%3E%3Ccircle cx='20' cy='27' r='4' fill='%23fff'/%3E%3Ccircle cx='32' cy='27' r='4' fill='%23fff'/%3E%3Ccircle cx='44' cy='27' r='4' fill='%23fff'/%3E%3C/svg%3E")}
.qq88-side a:nth-child(2){--si:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%235ef05a'/%3E%3Cstop offset='1' stop-color='%230e8a2a'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='4' y='4' width='56' height='56' rx='16' fill='url%28%23g%29'/%3E%3Ccircle cx='32' cy='32' r='19' fill='%23fff'/%3E%3Cpath d='M35 52V36h5l1-6h-6v-4c0-2 1-3 3-3h3v-5h-5c-5 0-7 3-7 7v5h-5v6h5v16z' fill='%230e8a2a'/%3E%3C/svg%3E")}
.qq88-side a:nth-child(3){--si:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%235ef05a'/%3E%3Cstop offset='1' stop-color='%230e8a2a'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='4' y='4' width='56' height='56' rx='16' fill='url%28%23g%29'/%3E%3Cpath d='M14 31l34-13-6 30-10-8-5 6 1-9 13-12-16 10z' fill='%23fff'/%3E%3C/svg%3E")}
.qq88-side a:nth-child(4){--si:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%235ef05a'/%3E%3Cstop offset='1' stop-color='%230e8a2a'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M32 5C17 5 6 16 6 30c0 6 2 11 5 15l-3 12 12-4c4 2 8 3 12 3 15 0 26-11 26-26S47 5 32 5z' fill='url%28%23g%29'/%3E%3Crect x='28' y='14' width='8' height='22' rx='4' fill='%23fff'/%3E%3Ccircle cx='32' cy='44' r='4.5' fill='%23fff'/%3E%3C/svg%3E")}


/* qq88 back-to-top v2 */
#top-link{width:52px!important;height:52px!important;border:0!important;border-radius:50%!important;background:radial-gradient(circle at 35% 30%,#3fd25a,#0e8a2a 70%)!important;color:#fff!important;box-shadow:0 4px 12px rgba(14,138,42,.45);display:flex!important;align-items:center;justify-content:center;overflow:visible!important;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s}
#top-link i{font-size:22px;color:#fff!important;display:inline-block;transition:transform .2s}
#top-link:before{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid rgba(14,138,42,.5);opacity:0;transform:scale(.8);pointer-events:none}
#top-link:after{content:"Lên tới";position:absolute;right:62px;top:50%;width:118px;height:44px;line-height:44px;padding:0 26px 0 14px;font-size:17px;font-weight:900;color:#e9ff3b;text-shadow:0 1px 0 #064a14,0 0 4px rgba(0,0,0,.35);white-space:nowrap;text-align:center;background:linear-gradient(180deg,#5ee35a,#18a12f 55%,#0b7a22);clip-path:polygon(0 18%,12% 30%,6% 0,24% 22%,78% 22%,78% 0,100% 50%,78% 100%,78% 78%,24% 78%,6% 100%,12% 70%,0 82%,8% 50%);opacity:0;transform:translate(-14px,-50%) scale(.85);transform-origin:right center;transition:opacity .25s,transform .35s cubic-bezier(.34,1.56,.64,1);pointer-events:none;filter:drop-shadow(0 2px 3px rgba(0,0,0,.3))}
#top-link:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(14,138,42,.6)}
#top-link:hover i{animation:qq88TopArc 1.1s cubic-bezier(.45,0,.55,1) infinite}
#top-link:hover:before{animation:qq88TopRing 1.1s ease-out infinite}
#top-link:hover:after{opacity:1;transform:translate(0,-50%) scale(1);animation:qq88TopNudge 1.1s ease-in-out .35s infinite}
@keyframes qq88TopArc{0%{transform:translate(0,0) rotate(0)}25%{transform:translate(4px,6px) rotate(12deg)}50%{transform:translate(0,9px) rotate(0)}75%{transform:translate(-4px,-4px) rotate(-12deg)}100%{transform:translate(0,0) rotate(0)}}
@keyframes qq88TopRing{0%{opacity:.8;transform:scale(.85)}100%{opacity:0;transform:scale(1.35)}}
@keyframes qq88TopNudge{0%,100%{transform:translate(0,-50%) scale(1)}50%{transform:translate(6px,-50%) scale(1)}}
@media (hover:none) and (pointer:coarse){#top-link:after{display:none}}


/* qq88 back-to-top v3: arrow orbit loop */
#top-link i{animation:qq88TopFly 1.6s cubic-bezier(.45,.05,.35,1) infinite!important;text-shadow:0 6px 0 rgba(255,255,255,.35),0 12px 0 rgba(255,255,255,.15)}
#top-link:hover i{animation-duration:1s!important}
#top-link:before{animation:qq88TopRing 1.6s ease-out infinite}
#top-link:hover:after{animation:none}
@keyframes qq88TopFly{
0%{transform:translate(0,22px) rotate(0) scale(.7);opacity:0}
15%{transform:translate(7px,12px) rotate(18deg) scale(.9);opacity:1}
40%{transform:translate(8px,0) rotate(10deg) scale(1);opacity:1}
65%{transform:translate(-6px,-8px) rotate(-14deg) scale(1);opacity:1}
85%{transform:translate(-2px,-18px) rotate(-4deg) scale(.9);opacity:.6}
100%{transform:translate(0,-28px) rotate(0) scale(.7);opacity:0}}
@media (prefers-reduced-motion:reduce){#top-link i,#top-link:before{animation:none!important}}
/* Nhãn chuyên mục: h6 -> div, giữ nguyên giao diện cũ của h6 */
div.entry-category{width:100%;margin-top:0;margin-bottom:.5em;color:#0e8a2a;font-weight:bolder;opacity:.8;line-height:1.05;letter-spacing:.05em;text-transform:uppercase;text-rendering:optimizeSpeed}
/* Tên tác giả h5 -> div, tiêu đề form bình luận h3 -> div: giữ nguyên giao diện cũ */
div.author-name{width:100%;margin-top:0;margin-bottom:.5em;color:#0e8a2a;font-weight:bolder;font-size:1em;line-height:1.2;text-rendering:optimizeSpeed}
div.comment-reply-title{width:100%;margin-top:0;margin-bottom:.5em;color:#0e8a2a;font-weight:bolder;font-size:1.2em;line-height:1.6;text-rendering:optimizeSpeed}
/* nhóm 4: nền background-1 bản 750px cho điện thoại, desktop giữ bản 1920 */
@media (max-width:549px){.qq88-bg1 > .section-bg.bg-loaded{background-image:url(/wp-content/uploads/2026/10/background-1-mobile-750.webp)!important}}

/* qq88 1.5 - kk-star trang chủ không bị nút nổi che (desktop) */
@media (min-width:850px){.home .kk-star-ratings{padding-right:max(110px,calc((100% - 1050px)/2))}}