/*
Theme Name: UG88 Premium
Author: OpenAI
Description: Theme xanh-vang tối ưu cho trang tin tức UG88.
Version: 2.1.0
Text Domain: ug88-premium
*/
:root{--green:#0c7a2b;--green2:#064d1e;--ink:#021108;--gold:#ffc515;--paper:#f5f7f5;--white:#fff;--line:#dce7df}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:#203028;font:16px/1.7 Arial,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.wrap{width:min(1220px,94%);margin:auto}
.site-header{background:linear-gradient(90deg,#010b05,#073715);color:#fff;position:sticky;top:0;z-index:999;box-shadow:0 3px 16px #0008}.head{height:88px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;min-width:220px}.brand img{width:215px;height:auto;display:block}.nav{flex:1}.nav ul{display:flex;justify-content:center;gap:4px;list-style:none;margin:0;padding:0}.nav a{display:block;padding:14px 11px;font-size:15px;font-weight:800}.nav a:hover,.nav .current-menu-item>a{color:var(--gold)}.actions{display:flex;gap:10px}.btn{padding:11px 19px;border-radius:999px;font-weight:900;font-size:14px;white-space:nowrap}.btn-login{background:#14792b;color:#fff}.btn-register{background:var(--gold);color:#182000;box-shadow:0 5px 18px #ffbf0044}.mobile{display:none;color:#fff;border:1px solid #ffffff4d;background:#ffffff12;border-radius:8px;font-size:24px;padding:4px 10px}
.subnav{background:#031d0b;color:#dcebe0;border-top:1px solid #ffffff12}.subnav .wrap{display:flex;justify-content:center;gap:28px;overflow:auto;white-space:nowrap}.subnav a{padding:10px 0;font-size:14px;font-weight:700}.subnav a:hover{color:var(--gold)}
.hero{position:relative;min-height:520px;background:#031409 center/cover no-repeat;color:#fff;display:flex;align-items:center;overflow:hidden}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#001207 2%,#001207e8 28%,transparent 68%)}.hero-copy{position:relative;z-index:2;width:min(1220px,94%);margin:auto;padding:65px 0}.hero-copy small{color:#ffe36e;font-weight:900;letter-spacing:2px}.hero h1{max-width:650px;font-size:clamp(38px,5vw,70px);line-height:1.05;margin:12px 0 18px;text-transform:uppercase;text-shadow:0 4px 24px #000}.hero p{max-width:590px;font-size:19px;color:#d9ebdf}.hero-cta{display:flex;gap:12px;margin-top:27px}.hero-cta .btn{padding:14px 25px}.hero-cta .outline{border:1px solid #7cc78e;color:#fff}
.features{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:-32px auto 34px;position:relative;z-index:3}.feature{background:#fff;border:1px solid var(--line);border-radius:13px;padding:20px;box-shadow:0 10px 26px #173b2014}.feature b{display:block;color:#075d22;font-size:17px}.feature span{font-size:14px;color:#65736a}.feature i{font-style:normal;font-size:26px;float:left;margin-right:12px}
.section{padding:28px 0}.section-title{text-align:center;margin:0 0 24px;color:#063318;font-size:30px}.section-title:after{content:"";display:block;width:62px;height:4px;background:var(--gold);border-radius:3px;margin:10px auto}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 8px 24px #143a1c12;transition:.2s}.card:hover{transform:translateY(-4px);box-shadow:0 14px 30px #143a1c22}.card-thumb{display:block;background:linear-gradient(135deg,#052b12,#15923c);aspect-ratio:16/9;overflow:hidden}.card-thumb img{width:100%;height:100%;object-fit:cover}.card-body{padding:19px}.tag{color:#0b7c2c;font-size:12px;font-weight:900;text-transform:uppercase}.card h2{font-size:20px;line-height:1.35;margin:7px 0}.card p{font-size:14px;color:#647069;margin:0}.more{display:inline-block;margin-top:12px;color:#087127;font-weight:800}
.home-content{background:#fff;border:1px solid var(--line);border-radius:15px;padding:clamp(22px,4vw,42px);margin:20px auto 48px}.home-content h2,.article h2{color:#075521;border-left:5px solid var(--gold);padding-left:12px}.home-content h3,.article h3{color:#075521}.home-content table,.article table{width:100%;border-collapse:collapse}.home-content td,.home-content th,.article td,.article th{padding:11px;border:1px solid var(--line)}
.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;padding:35px 0}.article,.widget{background:#fff;border:1px solid var(--line);border-radius:14px;padding:25px}.article h1{line-height:1.25;color:#063318}.widget{margin-bottom:18px}.widget-title{margin-top:0;color:#075521;border-bottom:3px solid var(--gold);padding-bottom:8px}.widget ul{padding-left:20px}
.footer{background:#021108;color:#b9c9bd;padding:45px 0 18px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:35px}.footer h3{color:#fff}.footer a:hover{color:var(--gold)}.copyright{border-top:1px solid #ffffff1c;text-align:center;margin-top:28px;padding-top:16px;font-size:13px}.responsible{background:#092113;border:1px solid #1d4c2c;border-radius:10px;padding:12px;color:#cbdace}
.pagination{display:flex;gap:7px;margin:25px 0}.page-numbers{background:#fff;border:1px solid var(--line);padding:7px 12px;border-radius:7px}.current{background:var(--green);color:#fff}
@media(max-width:980px){.mobile{display:block}.head{height:72px}.brand{min-width:0;flex:1}.brand img{width:170px}.nav{display:none;position:absolute;top:72px;left:0;right:0;background:#031d0b;padding:12px 3%}.nav.open{display:block}.nav ul{display:block}.nav a{border-bottom:1px solid #ffffff14}.subnav{display:none}.features{grid-template-columns:repeat(2,1fr)}.cards{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}}
@media(max-width:600px){.actions .btn{padding:9px 11px;font-size:11px}.hero{min-height:500px;background-position:62% center}.hero:after{background:#001207bb}.hero h1{font-size:38px}.hero p{font-size:16px}.features,.cards,.footer-grid{grid-template-columns:1fr}.features{margin-top:-20px}.hero-cta{flex-wrap:wrap}}