/*
Theme Name: Blocksy Child
Template: blocksy
Version: 2.3.0
Description: Child theme for Huy Thinh - Editable via Customizer. Topbar, Hotline, Zalo editable, no code needed.
Author: Huy Thinh
*/
:root{--ht-navy:#0f2b46;--ht-orange:#ff6b00;--ht-blue:#0084ff}
.site-logo img{height:44px!important}
.ht-hero-landing{background:linear-gradient(135deg,#0f2b46 0%,#1a3a5f 100%);color:#fff;border-radius:20px;padding:80px 40px;margin:24px 0}
.ht-hero-landing h1{color:#fff!important;font-size:48px;font-weight:800;line-height:1.15;margin:0 0 16px}
.ht-hero-landing h1 span{color:#ff6b00!important}
.ht-hero-landing p.sub{color:rgba(255,255,255,.9)!important;font-size:18px;max-width:720px}
.ht-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.ht-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:999px;padding:12px 22px;font-weight:800;text-decoration:none!important;color:#fff!important;font-size:14px;transition:.2s;box-shadow:0 6px 16px rgba(0,0,0,.15)}
.ht-btn-call{background:#ff6b00!important;animation:htPulse 2s infinite}
.ht-btn-zalo{background:#0084ff!important}
.ht-btn:hover{transform:translateY(-2px)}
@keyframes htPulse{0%{transform:scale(1)}50%{transform:scale(1.04)}100%{transform:scale(1)}}
/* Pill buttons like screenshot */
.ht-pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:10px 20px;font-weight:700;font-size:14px;text-decoration:none!important;color:#fff!important}
.ht-pill.call{background:#ff9a3d;background:linear-gradient(90deg,#ff8c2a,#ff9a3d)}
.ht-pill.zalo{background:#2e90fa;background:linear-gradient(90deg,#2e90fa,#4da3ff)}
.ht-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;margin:20px 0}
.ht-price-table{width:100%;border-collapse:collapse;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 24px rgba(0,0,0,.06)}
.ht-price-table th{background:#0f2b46;color:#fff;padding:14px 18px;text-align:left}
.ht-price-table td{padding:12px 18px;border-bottom:1px solid #e2e8f0}
.ht-price-table td.price{color:#ff6b00;font-weight:800}
.ht-steps{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin:20px 0}
.ht-step{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;text-align:center}
.ht-step .num{width:36px;height:36px;background:#0f2b46;color:#fff;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:800;margin-bottom:10px}
.ht-float{position:fixed;right:18px;bottom:18px;z-index:99999;display:flex;flex-direction:column;gap:10px}
.ht-float a{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;font-weight:800;font-size:20px;box-shadow:0 6px 18px rgba(0,0,0,.25)}
.ht-float .call{background:#ff6b00;animation:htShake 2s infinite}
.ht-float .zalo{background:#0084ff}
@keyframes htShake{0%,100%{transform:rotate(0)}10%{transform:rotate(-10deg)}20%{transform:rotate(10deg)}}
.home .page-title,.home .entry-header{display:none}
.ht-topbar{background:#0b1e32;color:#cbd5e1;font-size:13px;padding:8px 0;position:relative;z-index:9999}
.ht-topbar-inner{max-width:1240px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.ht-topbar .hotline{color:#fff;font-weight:800}
.ht-topbar .hotline a{color:#ff6b00;text-decoration:none;font-weight:900}
.ht-topbar .dot{opacity:.4}
.ht-topbar .zalo-mini{background:#0084ff;color:#fff;padding:4px 10px;border-radius:20px;text-decoration:none;font-weight:700;font-size:11px}
@media(max-width:768px){.ht-topbar .right span:first-child{display:none}}