/*
Theme Name: QQ88
Theme URI: https://qq88mobie.com/
Template: qq88-core
Author: QQ88
Author URI: https://qq88mobie.com/
Version: 1.1
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")}