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

/* ── GOOGLE FONTS ──────────────────────────────────────── */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&family=DM+Sans:wght@300;400;500&display=swap');

/* ── CSS VARIABLES (Flatsome primary overrides) ────────── */
:root {
  --color-primary:       #b8964a;
  --color-primary-hover: #d4ae6a;
  --color-bg-1:          #0d1117;
  --color-bg-2:          #131a24;
  --color-text-1:        #e8e0d0;
  --color-text-2:        #b0a898;
}

/* ── BASE / BODY ───────────────────────────────────────── */
html,
body {
  background-color: #0d1117 !important;
  color: #e8e0d0 !important;
  font-family: 'DM Sans', sans-serif !important;
  font-weight: 300;
}

/* ── HEADINGS ──────────────────────────────────────────── */
h1, h2, h3, h4, h5, h6,
.title, .post-title, .page-title,
.widget-title, .entry-title {
  font-family: 'Playfair Display', serif !important;
  color: #f0e8d8 !important;
}

/* ── LINKS ─────────────────────────────────────────────── */
a { color: #b8964a; }
a:hover { color: #d4ae6a; }

/* ── HEADER ────────────────────────────────────────────── */
#header,
.header-wrapper,
.nav-bar,
.header-inner,
.header-main {
  background-color: #0d1117 !important;
  border-bottom: 1px solid #1e2a38 !important;
}
#header a,
.nav > li > a,
.header-main a {
  color: #e8e0d0 !important;
  font-family: 'DM Sans', sans-serif !important;
  font-weight: 400;
}
#header a:hover,
.nav > li > a:hover {
  color: #b8964a !important;
}
.nav > li.active > a,
.nav > li.current-menu-item > a {
  color: #b8964a !important;
}

/* ── TOP BAR ───────────────────────────────────────────── */
#top-bar,
.top-bar {
  background-color: #0a0f16 !important;
  border-bottom: 1px solid #1e2a38 !important;
  color: #b0a898 !important;
}
#top-bar a, .top-bar a { color: #b8964a !important; }

/* ── MAIN CONTENT ──────────────────────────────────────── */
#main,
.main-container,
.page-wrapper,
.section {
  background-color: #0d1117 !important;
  color: #e8e0d0 !important;
}

/* ── BUTTONS ───────────────────────────────────────────── */
.button,
.btn,
button[type="submit"],
input[type="submit"],
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
  background-color: #b8964a !important;
  color: #0d1117 !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  border: none !important;
  transition: background 0.2s !important;
}
.button:hover,
.btn:hover,
button[type="submit"]:hover,
input[type="submit"]:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover {
  background-color: #d4ae6a !important;
  color: #0d1117 !important;
}
.button.outline,
.button.border,
.btn-outline {
  background-color: transparent !important;
  border: 1px solid #b8964a !important;
  color: #b8964a !important;
}
.button.outline:hover,
.btn-outline:hover {
  background-color: rgba(184,150,74,0.1) !important;
}

/* ── CARDS / BOXES ─────────────────────────────────────── */
.box,
.product,
.widget,
.panel,
.ux-box {
  background-color: #131a24 !important;
  border: 1px solid #1e2a38 !important;
  color: #e8e0d0 !important;
}

/* ── FOOTER ────────────────────────────────────────────── */
#footer,
.footer,
.footer-wrapper {
  background-color: #0a0f16 !important;
  border-top: 1px solid #1e2a38 !important;
  color: #b0a898 !important;
  font-family: 'DM Sans', sans-serif !important;
}
#footer a, .footer a { color: #b8964a !important; }
#footer a:hover, .footer a:hover { color: #d4ae6a !important; }
.footer-bottom {
  background-color: #0a0f16 !important;
  border-top: 1px solid #1e2a38 !important;
  color: #6a7a8a !important;
}

/* ── FORMS / INPUTS ────────────────────────────────────── */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
input[type="number"],
select,
textarea {
  background-color: #131a24 !important;
  border: 1px solid #1e2a38 !important;
  color: #e8e0d0 !important;
  font-family: 'DM Sans', sans-serif !important;
}
input::placeholder,
textarea::placeholder { color: #6a7a8a !important; }
input:focus,
textarea:focus,
select:focus {
  border-color: #b8964a !important;
  outline: none !important;
  box-shadow: 0 0 0 1px #b8964a !important;
}

/* ── BREADCRUMBS ───────────────────────────────────────── */
.breadcrumbs,
.woocommerce-breadcrumb {
  color: #6a7a8a !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 12px !important;
}
.breadcrumbs a { color: #b8964a !important; }

/* ── WOOCOMMERCE ───────────────────────────────────────── */
.woocommerce .price,
.woocommerce .amount {
  color: #d4ae6a !important;
  font-family: 'Playfair Display', serif !important;
}
.woocommerce .woocommerce-loop-product__title {
  font-family: 'Playfair Display', serif !important;
  color: #f0e8d8 !important;
}

/* ── DIVIDERS ──────────────────────────────────────────── */
hr, .divider { border-color: #1e2a38 !important; }

/* ── MOBILE ────────────────────────────────────────────── */
@media only screen and (max-width: 48em) {
  .nav-mobile,
  #mobile-menu,
  .mobile-sidebar {
    background-color: #0d1117 !important;
    border-color: #1e2a38 !important;
  }
  .nav-mobile a { color: #e8e0d0 !important; }
  .nav-mobile a:hover { color: #b8964a !important; }
}