/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
/* ===== AMORA – Global WP override (simple & flexible) ===== */

/* Colors & type scale */
/* ===== AMORA – FIX NỀN FLATSOME SECTION ===== */

/* Nền toàn site */


:root{
  --amora-body-bg: #EFE8E2;
  --amora-surface: #F7F3EE;          /* topbar + header */
  --amora-ink: #3C1F1A;              /* primary text */
  --amora-nav: #4A2A24;              /* main nav + footer-1 */
  --amora-nav-2: #3C1F1A;            /* footer-2 / absolute */
  --amora-nav-soft: #4A3A36;         /* nav taupe (existing) */
  --amora-nav-deep: #5A4A45;         /* NEW: masthead / sticky */
  --amora-gold: #F1BF50;             /* accent */
  --amora-line: rgba(60,31,26,.10);  /* soft border */

/* ============ BODY ============ */
html, body{
  background: var(--amora-body-bg) !important;
}
#main {
  background: var(--amora-body-bg) !important;
}
#masthead {
  background: var(--amora-nav) !important;
}
#wide-nav {
          background: var(--amora-nav-soft) !important;
}

/* ============ TOP BAR ============ */
#top-bar{
  background: var(--amora-surface) !important;
}
/* ============ HEADER (LOGO + SEARCH) ============ */
#masthead .header-main{
  background: var(--amora-surface) !important;
}
/* ============ FOOTER 1 ============ */
#footer .footer-1{
  background: #E3D7D0 !important;
}
/* ============ FOOTER 2 ============ */
#footer .footer-2{
  background: var(--amora-nav-2) !important;
}

/* Section mặc định của UX Builder */
.section,
.section-bg,
.section-bg.fill{
  background-color:#F6F1EA !important;
}

/* Nếu section có bg trắng của theme */
.section-bg.bg-loaded{
  background-color:#F6F1EA !important;
}

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

/* Line vàng dưới title (Flatsome) */
.section-title span,
.section-title:after,
.section-title:before{
  border-color:#F1BF50 !important;
}
/* Remove border top */
.footer-1,
.footer-2{
  border-top: none !important;
}

/* Remove footer padding */
.footer-1{
  padding: 0 !important;
}
    .page-wrapper {
          padding: 0 !important;

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

  /* Wrapper search */
  .header-search-form .searchform-wrapper {
    background: rgba(255,255,255,0.95);
    border-radius: 999px;
    border: 1px solid rgba(60,31,26,0.15);
    box-shadow: 0 6px 20px rgba(0,0,0,0.08);
  }

  /* Input */
  .header-search-form input.search-field {
    background: transparent;
    color: #3C1F1A; /* amora-ink */
    border: 0;
  }

  .header-search-form input.search-field::placeholder {
    color: rgba(60,31,26,0.45);
  }

  /* Button */
  .header-search-form .ux-search-submit {
    background: transparent;
    border: 0;
    color: #3C1F1A;
  }

  .header-search-form .ux-search-submit i {
    color: #3C1F1A;
  }

  /* Hover nhẹ cho sang */
  .header-search-form .searchform-wrapper:hover {
    box-shadow: 0 8px 28px rgba(0,0,0,0.12);
  }
}




/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}