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

/* =========================================================
   HOÀNG GIA CAR – GLOBAL BRAND COLOR SAFE OVERRIDE
   Không đè bừa .section-bg / .box / p / li
   ========================================================= */

:root{
  --hg-bg: #F6F4EF;
  --hg-section: #F8F6F1;
  --hg-card: #FFFFFF;

  --hg-green: #064536;
  --hg-green-2: #0E5F49;
  --hg-green-soft: #D9E9E2;

  --hg-orange: #FF5A3D;
  --hg-orange-2: #FF704F;

  --hg-text: #063F33;
  --hg-muted: #7C8798;
  --hg-line: rgba(6,69,54,.12);
  --hg-shadow: 0 14px 35px rgba(6,69,54,.10);
}

/* BODY */
html,
body,
#main,
.page-wrapper{
  background: var(--hg-bg);
  color: var(--hg-text);
}

/* Không ép section-bg để tránh hư FAQ/Banner/UX Builder */
.section{
  background: transparent;
}

/* HEADER */
#top-bar{
  background: var(--hg-green);
}

#masthead,
#masthead .header-main{
  background: var(--hg-green);
}

#wide-nav{
  background: var(--hg-green-2);
}

/* MENU */
.header-nav > li > a,
.nav > li > a{
  color: rgba(255,255,255,.92);
  font-weight: 700;
  letter-spacing: .02em;
}

.header-nav > li > a:hover,
.nav > li > a:hover{
  color: #fff;
}

/* DROPDOWN MENU */
.nav-dropdown{
  border-radius: 14px;
  border: 1px solid var(--hg-line);
  box-shadow: 0 18px 40px rgba(0,0,0,.14);
}

.nav-dropdown > li > a{
  color: var(--hg-text);
  font-weight: 600;
}

.nav-dropdown > li > a:hover{
  color: var(--hg-orange);
}

/* TITLE */
h1, h2, h3, h4, h5, h6{
  color: var(--hg-text);
  font-weight: 800;
}

h1{ font-size:clamp(34px,4.2vw,56px); }
h2{ font-size:clamp(26px,3vw,40px); }
h3{ font-size:clamp(20px,2.2vw,28px); }

/* Flatsome section title */
.section-title span{
  color: var(--hg-text);
  font-weight: 800;
}

.section-title span,
.section-title:after,
.section-title:before{
  border-color: var(--hg-orange);
}

/* LINK */
a{
  color: var(--hg-green-2);
}

a:hover{
  color: var(--hg-orange);
}

/* TEXT */
p{
  color: var(--hg-muted);
}

li{
  color: inherit;
}

/* BUTTON SAFE */
.button.primary,
a.button.primary,
input[type="submit"].primary{
  background: var(--hg-green-2);
  border-color: var(--hg-green-2);
  color: #fff;
  border-radius: 8px;
  font-weight: 800;
  letter-spacing: .04em;
}

.button.primary:hover,
a.button.primary:hover,
input[type="submit"].primary:hover{
  background: var(--hg-green);
  border-color: var(--hg-green);
  color: #fff;
}

/* Nếu nút Flatsome không có primary */
a.button:not(.white):not(.is-outline),
button.button:not(.white):not(.is-outline){
  background: var(--hg-green-2);
  border-color: var(--hg-green-2);
  color: #fff;
}

a.button:not(.white):not(.is-outline):hover,
button.button:not(.white):not(.is-outline):hover{
  background: var(--hg-green);
  border-color: var(--hg-green);
  color: #fff;
}

/* PRICE / ACCENT */
.price,
.amount,
.hg-accent{
  color: var(--hg-orange);
}

/* CARD RIÊNG CỦA HOÀNG GIA */
.hg-card{
  background: var(--hg-card);
  border-radius: 18px;
  box-shadow: var(--hg-shadow);
  border: 1px solid rgba(6,69,54,.06);
  overflow: hidden;
}

/* PRODUCT CARD SAFE */
.product-small .box-image img{
  border-radius: 12px;
}

.product-small .box-text{
  color: var(--hg-muted);
}

/* IMAGE */
.hg-card img{
  border-radius: 12px;
}

/* FAQ / ACCORDION KHÔNG BỊ ĐÈ */
.accordion,
.accordion-item,
.accordion-title,
.accordion-inner{
  color: inherit;
}

.accordion-title{
  border-color: rgba(6,69,54,.12);
}

.accordion-title.active{
  color: var(--hg-green);
}

/* FOOTER */
#footer .footer-1{
  background: #E6EFEA;
  color: var(--hg-text);
  border-top: none;
  padding: 0;
}

#footer .footer-2{
  background: var(--hg-green);
  color: rgba(255,255,255,.9);
  border-top: none;
}

#footer a{
  color: inherit;
}

#footer a:hover{
  color: var(--hg-orange);
}

/* PAGE WRAPPER */
.page-wrapper{
  padding: 0;
}

/* HEADER SEARCH DESKTOP */
@media (min-width: 850px){

  .header-search-form .searchform-wrapper{
    background: rgba(255,255,255,.96);
    border-radius: 999px;
    border: 1px solid rgba(6,69,54,.16);
    box-shadow: 0 8px 24px rgba(0,0,0,.10);
  }

  .header-search-form input.search-field{
    background: transparent;
    color: var(--hg-text);
    border: 0;
  }

  .header-search-form input.search-field::placeholder{
    color: rgba(6,69,54,.45);
  }

  .header-search-form .ux-search-submit,
  .header-search-form .ux-search-submit i{
    background: transparent;
    border: 0;
    color: var(--hg-green);
  }
}
/* ================================
   HOÀNG GIA CAR – CONTACT BAR
   ================================ */

.hg-contact-info{
  width: 100%;
  background: #064536;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 42px;
  padding: 12px 20px;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.4;
}

.hg-contact-item{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #fff;
  text-decoration: none;
  white-space: nowrap;
}

.hg-contact-item:hover{
  color: #FF5A3D;
}

.hg-contact-icon{
  width: 22px;
  height: 22px;
  border: 1px solid rgba(255,255,255,.75);
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  line-height: 1;
  flex: 0 0 22px;
}

@media only screen and (max-width: 849px){
  .hg-contact-info{
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    padding: 12px 16px;
    font-size: 14px;
  }

  .hg-contact-item{
    white-space: normal;
  }
}
/* =========================================================
   FIX HEADER MENU ACTIVE + SEARCH HOÀNG GIA CAR
   Dán cuối style.css
   ========================================================= */

/* MENU ACTIVE KHÔNG BỊ ĐEN */
.header-nav > li.active > a,
.header-nav > li.current-menu-item > a,
.header-nav > li.current_page_item > a,
.header-nav > li.current-menu-ancestor > a,
.nav > li.active > a,
.nav > li.current-menu-item > a,
.nav > li.current_page_item > a,
.nav > li.current-menu-ancestor > a{
  color:#ffffff !important;
  opacity:1 !important;
}

.header-nav > li.active > a:hover,
.header-nav > li.current-menu-item > a:hover,
.nav > li.active > a:hover,
.nav > li.current-menu-item > a:hover{
  color:#FF5A3D !important;
}

/* MENU THƯỜNG */
.header-nav > li > a,
.nav > li > a{
  color:rgba(255,255,255,.92) !important;
}

.header-nav > li > a:hover,
.nav > li > a:hover{
  color:#FF5A3D !important;
}

/* SEARCH FORM */
.header-search-form .searchform-wrapper,
.header-search-form form,
.header-search-form .flex-row{
  background:#ffffff !important;
  border-radius:999px !important;
  overflow:hidden !important;
}

.header-search-form input.search-field,
.header-search-form input[type="search"]{
  background:#ffffff !important;
  color:#063F33 !important;
  border:none !important;
  box-shadow:none !important;
  height:42px !important;
  padding:0 16px !important;
}

.header-search-form input.search-field::placeholder{
  color:rgba(6,63,51,.45) !important;
}

/* NÚT ICON SEARCH */
.header-search-form .ux-search-submit,
.header-search-form button[type="submit"],
.header-search-form button.ux-search-submit{
  width:42px !important;
  height:42px !important;
  min-height:42px !important;
  padding:0 !important;
  margin:0 !important;
  background:#0E5F49 !important;
  border:0 !important;
  color:#ffffff !important;
  border-radius:0 999px 999px 0 !important;
  box-shadow:none !important;
}

.header-search-form .ux-search-submit i,
.header-search-form button[type="submit"] i,
.header-search-form .icon-search{
  color:#ffffff !important;
  font-size:16px !important;
}

.header-search-form .ux-search-submit:hover,
.header-search-form button[type="submit"]:hover{
  background:#FF5A3D !important;
  color:#ffffff !important;
}

.header-search-form .ux-search-submit:hover i,
.header-search-form button[type="submit"]:hover i{
  color:#ffffff !important;
}
/* =========================================================
   FIX FLATSOME MOBILE SIDEBAR MENU - HOÀNG GIA CAR
   ========================================================= */

#main-menu.mobile-sidebar,
.mobile-sidebar,
.mfp-content #main-menu{
  background:#ffffff !important;
}

#main-menu .sidebar-menu,
.mobile-sidebar .sidebar-menu{
  background:#ffffff !important;
}

/* MENU ITEM */
#main-menu .nav-sidebar > li,
.mobile-sidebar .nav-sidebar > li{
  background:#ffffff !important;
  border-bottom:1px solid rgba(6,69,54,.10) !important;
}

/* LINK TEXT */
#main-menu .nav-sidebar > li > a,
.mobile-sidebar .nav-sidebar > li > a,
#main-menu .account-item > a,
.mobile-sidebar .account-item > a{
  color:#064536 !important;
  opacity:1 !important;
  font-size:15px !important;
  font-weight:800 !important;
  letter-spacing:.03em !important;
  text-shadow:none !important;
  padding:17px 22px !important;
}

/* ACTIVE */
#main-menu .nav-sidebar > li.current-menu-item > a,
#main-menu .nav-sidebar > li.current_page_item > a,
#main-menu .nav-sidebar > li.active > a,
.mobile-sidebar .nav-sidebar > li.current-menu-item > a,
.mobile-sidebar .nav-sidebar > li.current_page_item > a,
.mobile-sidebar .nav-sidebar > li.active > a{
  color:#FF5A3D !important;
  background:#F6F4EF !important;
}

/* HOVER */
#main-menu .nav-sidebar > li > a:hover,
.mobile-sidebar .nav-sidebar > li > a:hover{
  color:#FF5A3D !important;
  background:#F6F4EF !important;
}

/* ICON MŨI TÊN DROPDOWN */
#main-menu .toggle,
.mobile-sidebar .toggle{
  color:#064536 !important;
  opacity:1 !important;
}

#main-menu .toggle i,
.mobile-sidebar .toggle i{
  color:#064536 !important;
}

/* SUB MENU */
#main-menu .sub-menu,
.mobile-sidebar .sub-menu,
#main-menu .children,
.mobile-sidebar .children{
  background:#F6F4EF !important;
}

#main-menu .sub-menu li a,
.mobile-sidebar .sub-menu li a,
#main-menu .children li a,
.mobile-sidebar .children li a{
  color:#064536 !important;
  opacity:1 !important;
  font-size:14px !important;
  font-weight:700 !important;
  padding:13px 28px !important;
}

#main-menu .sub-menu li a:hover,
.mobile-sidebar .sub-menu li a:hover,
#main-menu .children li a:hover,
.mobile-sidebar .children li a:hover{
  color:#FF5A3D !important;
}

/* SEARCH MOBILE */
#main-menu .header-search-form,
.mobile-sidebar .header-search-form{
  background:#ffffff !important;
  padding:18px 18px 14px !important;
}

#main-menu .searchform-wrapper,
.mobile-sidebar .searchform-wrapper,
#main-menu .searchform .flex-row,
.mobile-sidebar .searchform .flex-row{
  background:#ffffff !important;
  border:1px solid rgba(6,69,54,.18) !important;
  border-radius:999px !important;
  overflow:hidden !important;
}

#main-menu input.search-field,
.mobile-sidebar input.search-field{
  background:#ffffff !important;
  color:#064536 !important;
  border:none !important;
  box-shadow:none !important;
  height:46px !important;
  font-size:16px !important;
  padding:0 18px !important;
}

#main-menu input.search-field::placeholder,
.mobile-sidebar input.search-field::placeholder{
  color:rgba(6,69,54,.50) !important;
}

/* SEARCH BUTTON */
#main-menu .ux-search-submit,
.mobile-sidebar .ux-search-submit{
  width:54px !important;
  height:46px !important;
  min-height:46px !important;
  background:#064536 !important;
  border:none !important;
  border-radius:0 999px 999px 0 !important;
  color:#ffffff !important;
  padding:0 !important;
  margin:0 !important;
}

#main-menu .ux-search-submit i,
.mobile-sidebar .ux-search-submit i,
#main-menu .icon-search,
.mobile-sidebar .icon-search{
  color:#ffffff !important;
  font-size:20px !important;
}

#main-menu .ux-search-submit:hover,
.mobile-sidebar .ux-search-submit:hover{
  background:#FF5A3D !important;
}
/* ẨN TÀI KHOẢN MOBILE MENU */
.mobile-sidebar .account-item,
#main-menu .account-item{
    display:none !important;
}

/* ẨN NEWSLETTER ICON */
.mobile-sidebar .header-newsletter-item,
#main-menu .header-newsletter-item{
    display:none !important;
}
/* MOBILE */
@media only screen and (max-width: 48em){

  #masthead,
  #masthead .header-main{
    background: var(--hg-green);
  }

  .mobile-nav > li > a,
  .header-nav > li > a{
    color: #fff;
  }

  .button.primary,
  a.button.primary{
    width: 100%;
    text-align: center;
  }
}