/* Giao diện SÁNG: nền trắng – kem, điểm nhấn vàng. Bật/tắt trong Quản trị → Thông tin & chân trang → Giao diện website. */
:root{--cream:#FBF7EA;--cream-2:#F5EEDA;--line-gold:rgba(184,146,31,.35);--text:#26231b;--text-soft:#5c5646}
body{color:var(--text);background:#fff}
.sec-silver{background:#F8F5EC}
.stats strong{color:var(--gold-dark)}

/* Thanh trên cùng */
.topbar{background:var(--cream-2);color:#4d4636;border-bottom:1px solid var(--line-gold)}
.topbar a{color:var(--gold-dark);font-weight:600}.topbar a:hover{color:var(--ink)}

/* Banner */
.slider{background:var(--cream);color:var(--text)}
.slide-bg{background:var(--cream-2)}
.slide::after{background:linear-gradient(90deg,rgba(255,255,255,.95) 0%,rgba(255,252,242,.82) 40%,rgba(255,255,255,.08) 100%),linear-gradient(0deg,rgba(255,255,255,.45),transparent 30%)}
.slide-title{color:var(--ink);text-shadow:none}
.slide .lead,.slider .lead{color:#3c382c}
.slider .eyebrow{color:var(--gold-dark)}
.slider .btn-ghost{border-color:var(--gold-dark);color:var(--gold-dark);background:rgba(255,255,255,.6)}
.slider .btn-ghost:hover{background:var(--gold-dark);color:#fff}
.s-nav{background:rgba(255,255,255,.85);color:var(--gold-dark);border-color:var(--gold)}
.s-nav:hover{background:var(--gold);color:var(--ink)}
.s-dots button{background:rgba(15,17,21,.22)}.s-dots button[aria-current=true]{background:var(--gold-dark)}
.s-pause{border-color:rgba(15,17,21,.35);color:var(--ink);background:rgba(255,255,255,.7)}
.s-pause:hover{border-color:var(--gold-dark);color:var(--gold-dark)}

/* Đầu trang con */
.page-head{background:linear-gradient(180deg,var(--cream) 0%,#fff 100%);color:var(--text);border-bottom:3px solid var(--gold)}
.page-head h1{color:var(--ink)}
.page-head .lead{color:var(--text-soft)}
.page-head .btn-ghost{border-color:var(--gold-dark);color:var(--gold-dark)}
.page-head .btn-ghost:hover{background:var(--gold-dark);color:#fff}

/* Khối nền tối trước đây → nền kem */
.sec-dark{background:linear-gradient(180deg,var(--cream) 0%,#F6EFD9 100%);color:var(--text)}
.sec-dark .sec-head h2,.sec-dark h2{color:var(--ink)}
.sec-dark .eyebrow{color:var(--gold-dark)}
.sec-dark .lead{color:var(--text-soft)}
.sol{background:#fff;border:1px solid var(--line-gold);color:var(--text);box-shadow:0 10px 26px rgba(122,92,14,.08)}
.sol:hover{background:#fff;border-color:var(--gold);color:var(--text);box-shadow:0 16px 34px rgba(122,92,14,.16)}
.sol h3,.sol .h3{color:var(--ink)}
.sol p{color:var(--text-soft)}
.panel{box-shadow:0 12px 32px rgba(122,92,14,.12)}
.big-phones a{color:var(--gold-dark)}.big-phones a:hover{color:var(--ink)}
.ticks.light li{color:var(--text)}.ticks.light li::before{border-color:var(--gold-dark)}

/* Chân trang sáng */
.site-footer{background:#FBF8EF;color:#4f4a3b}
.site-footer a{color:var(--gold-dark)}.site-footer a:hover{color:var(--ink)}
.foot-contact{background:#fff;border-bottom:1px solid var(--line-gold)}
.fc,.fc:nth-child(even){border-color:rgba(184,146,31,.25)!important}
@media(min-width:1100px){.fc{border-left:1px solid rgba(184,146,31,.25)!important}.fc:first-child{border-left:0!important}}
.fc-l{color:var(--gold-dark)}
.fc p{color:var(--text)}.fc-big a{color:var(--ink)}
.foot-name{color:var(--ink)}
.foot-about{color:var(--text-soft)}
.foot-h{color:var(--ink)}
.foot-list a{color:#4f4a3b}.foot-list a:hover{color:var(--gold-dark)}
.social a{border-color:var(--gold-dark);color:var(--gold-dark)}.social a:hover{background:var(--gold);color:var(--ink);border-color:var(--gold)}
.fb-box{box-shadow:0 8px 22px rgba(122,92,14,.15)}
.foot-bottom{background:#F1E9D0;border-top:1px solid var(--line-gold)}
.fb-in{color:#6a6350}.foot-bottom a{color:var(--gold-dark)}
.foot-top{height:4px}

/* Nút liên hệ nhanh */
.fab-toggle{color:var(--gold-dark);background:rgba(255,255,255,.7);border-color:rgba(184,146,31,.6)}
.fab-toggle:hover,.fab-toggle:focus-visible,.fab.open .fab-toggle{background:#fff;border-color:var(--gold-dark)}
.fab-list{background:rgba(255,255,255,.96);border-color:var(--line-gold);box-shadow:0 12px 30px rgba(122,92,14,.25)}

/* Nút phụ trên nền sáng */
.btn-ghost{border-color:var(--gold-dark);color:var(--gold-dark)}
.btn-ghost:hover{background:var(--gold-dark);color:#fff}
.cta .btn-ghost{border-color:var(--ink);color:var(--ink)}.cta .btn-ghost:hover{background:var(--ink);color:var(--gold-light)}

/* Màn hình hẹp: lớp phủ sáng đậm hơn để chữ luôn dễ đọc trên ảnh */
@media(max-width:1023px){
  .slide::after{background:linear-gradient(90deg,rgba(255,255,255,.93) 0%,rgba(255,252,242,.82) 100%)}
}
@media(max-width:639px){
  .slide::after{background:linear-gradient(180deg,rgba(255,255,255,.9) 0%,rgba(255,252,242,.86) 100%)}
}