/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

:root{
  --kc-green:#173E2F;
  --kc-green-2:#21452F;
  --kc-gold:#C89A4B;
  --kc-cream:#F7F2E8;
  --kc-ink:#26352F;
}

/* KC Home header */
#top-bar{display:none!important;}
#masthead{background:#fff!important;box-shadow:0 1px 14px rgba(23,62,47,.08);}
#masthead .header-inner{min-height:82px;}
#logo{width:210px!important;}
#logo a{display:block;width:200px;height:64px;background:url('https://kchome.vn/wp-content/uploads/2026/09/KC-Home-Logo.png') center/contain no-repeat;}
#logo img{opacity:0!important;width:200px!important;height:64px!important;}
.header-nav-main > li > a{color:var(--kc-ink)!important;font-size:13px;font-weight:700;letter-spacing:.02em;}
.header-nav-main > li > a:hover,.header-nav-main > li.active > a{color:var(--kc-green)!important;}
.header-search>a,.cart-item>a{color:var(--kc-green)!important;}
.header-nav-main .account-item,.header-divider{display:none!important;}
#menu-item-32>a{background:var(--kc-green)!important;color:#fff!important;border-radius:7px;padding:0 18px!important;height:42px;line-height:42px!important;min-height:42px!important;}
#menu-item-32>a:hover{background:var(--kc-green-2)!important;color:#fff!important;box-shadow:0 8px 20px rgba(23,62,47,.15);}

/* Remove stock Flatsome footer in the KC Home draft */
.footer-wrapper{display:none!important;}

/* Custom KC Home footer */
.kc-footer{background:linear-gradient(135deg,#113426 0%,#173E2F 65%,#21452F 100%);color:#fff;padding:54px 24px 22px;}
.kc-footer__inner{max-width:1170px;margin:0 auto;display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:44px;}
.kc-footer__logo{display:inline-block;background:#fff;border-radius:8px;padding:8px 12px;margin-bottom:12px;}
.kc-footer__logo img{display:block;width:210px;max-height:80px;object-fit:contain;}
.kc-footer h4{color:#fff;margin:4px 0 14px;font-size:16px;}
.kc-footer a{display:block;color:rgba(255,255,255,.76);margin:8px 0;font-size:14px;}
.kc-footer a:hover{color:#fff;}
.kc-footer__brand>p:first-of-type{color:var(--kc-gold);font-size:12px;font-weight:700;letter-spacing:.16em;margin:4px 0 13px;}
.kc-footer__desc{color:rgba(255,255,255,.72);max-width:360px;line-height:1.7;font-size:14px;}
.kc-footer__bottom{max-width:1170px;margin:38px auto 0;border-top:1px solid rgba(255,255,255,.14);padding-top:18px;display:flex;justify-content:space-between;gap:20px;color:rgba(255,255,255,.58);font-size:12px;}

/* KC Home content polish */
.button.primary{background-color:var(--kc-green)!important;border-color:var(--kc-green)!important;}
.button.secondary{background-color:var(--kc-gold)!important;border-color:var(--kc-gold)!important;color:#173E2F!important;}
a{transition:color .2s ease,background .2s ease,transform .2s ease,box-shadow .2s ease;}

@media only screen and (max-width: 849px){
  #masthead .header-inner{min-height:68px;}
  #logo{width:170px!important;}
  #logo a,#logo img{width:160px!important;height:54px!important;}
  .kc-footer{padding:42px 20px 20px;}
  .kc-footer__inner{grid-template-columns:1fr 1fr;gap:30px 22px;}
}

@media only screen and (max-width: 549px){
  #logo{width:145px!important;}
  #logo a,#logo img{width:138px!important;height:48px!important;}
  .kc-footer__inner{grid-template-columns:1fr;gap:22px;}
  .kc-footer__logo img{width:180px;}
  .kc-footer__bottom{flex-direction:column;gap:6px;margin-top:28px;}
  h1{font-size:38px!important;}
  h2{line-height:1.15!important;}
}