/*
 * SAVAGEARS brand skin for FLATSOME pages (loaded only on non-store pages, where
 * Flatsome + UX Builder render). Repaints Flatsome's header, search, account,
 * newsletter, content and footer in the store's warm-paper + gold language so the whole
 * site reads as one brand. Tokens are inlined (app.css :root isn't loaded here).
 */

:root{
  --sg-bg:#f7f4ed; --sg-bg-2:#efeae0; --sg-surface:#ffffff; --sg-surface-2:#faf7f1;
  --sg-text:#1b1a15; --sg-muted:#5e5b52; --sg-dim:#666258;
  --sg-line:rgba(28,23,12,.12); --sg-line-2:rgba(28,23,12,.2);
  --sg-accent:#e6b24c; --sg-accent-ink:#7a5713; --sg-accent-soft:rgba(230,178,76,.2);
  --sg-on-accent:#17150f;
  --sg-body:"Heebo",system-ui,-apple-system,"Arial Hebrew",sans-serif;
  color-scheme: light;
}

/* ---- ground ---- */
body, #wrapper{ background-color:var(--sg-bg) !important; color:var(--sg-text); font-family:var(--sg-body); }
#wrapper{ background-image:radial-gradient(120% 55% at 100% 0, rgba(230,178,76,.13), transparent 60%); }
.page-wrapper, .page-wrapper .row, #content{ background:transparent !important; }
a{ color:var(--sg-accent-ink); }
a:hover{ color:#6d4c12; }
::selection{ background:var(--sg-accent-soft); }

/* ---- top bar ---- */
#top-bar, #top-bar.header-top{ background-color:var(--sg-bg) !important; border-bottom:1px solid var(--sg-line); min-height:0; }
#top-bar .nav > li > a, #top-bar .nav > li > a:before{ color:var(--sg-muted) !important; font-size:12px; }
#top-bar .nav > li > a:hover{ color:var(--sg-accent-ink) !important; }
#top-bar .nav-divided > li + li:before{ border-color:var(--sg-line) !important; }
#top-bar strong.uppercase{ color:var(--sg-dim); font-weight:600; letter-spacing:.04em; }
/* Flatsome's "Add anything here or just remove it…" demo placeholder — remove it. */
#top-bar .html_topbar_left, #top-bar li.html_topbar_left{ display:none !important; }

/* ---- main header ---- */
#masthead, .header-main, #header .header-wrapper, #header:not(.transparent) .header-bg-color{
  background-color:var(--sg-bg-2) !important; box-shadow:none !important;
}
#header{ border-bottom:1px solid var(--sg-line); }
#header.stuck .header-main, .stuck #masthead{ background-color:rgba(247,244,237,.92) !important; -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px); }

/* logo → the real SAVAGEARS patch. Flatsome pages do not load app.css, so the
   asset is referenced relative to THIS file. */
#logo a{ color:var(--sg-text) !important; font-family:var(--sg-body); font-weight:800; letter-spacing:.16em; text-transform:uppercase; display:inline-flex; align-items:center; }
#logo img, #logo svg{ display:none !important; }
#logo a{ font-size:0 !important; line-height:1 !important; }
#logo a:after{ content:""; display:block; width:104px; height:26px; background:url("../images/logo.png") center/contain no-repeat; }

/* nav */
.header-nav a, .header-nav .nav > li > a, #masthead .nav > li > a{ color:var(--sg-muted) !important; font-weight:600; }
.header-nav a:hover, #masthead .nav > li > a:hover, .nav > li.active > a, .nav > li.current-menu-item > a{ color:var(--sg-accent-ink) !important; }
.nav > li > a:before{ background-color:var(--sg-accent) !important; }
.header-divider{ border-color:var(--sg-line) !important; opacity:.5; }

/* dropdowns */
.nav-dropdown{ background:var(--sg-surface) !important; border:1px solid var(--sg-line) !important; box-shadow:0 24px 60px -30px rgba(66,55,28,.3) !important; }
.nav-dropdown a, .nav-dropdown li > a{ color:var(--sg-muted) !important; border-color:var(--sg-line) !important; }
.nav-dropdown a:hover{ color:var(--sg-accent-ink) !important; background:var(--sg-accent-soft) !important; }

/* icons: search / account / newsletter / cart */
.header-nav .icon-envelop, .header-nav .icon-user, .header-nav .icon-search, .header-nav .icon-shopping-cart,
.account-link, .header-cart-link, .header-newsletter-item a, .icon-io{ color:var(--sg-text) !important; }
.account-link:hover, .header-cart-link:hover, .header-newsletter-item a:hover{ color:var(--sg-accent-ink) !important; }
.account-item .account-login-link, .account-item a{ color:var(--sg-text) !important; }
.account-item a:hover{ color:var(--sg-accent-ink) !important; }
.cart-icon strong{ color:var(--sg-text) !important; }
.cart-icon-handle, .cart-icon .cart-icon-handle{ border-color:var(--sg-text) !important; }
.header-newsletter-item .header-newsletter-title{ color:var(--sg-muted) !important; }

/* search field + dropdown */
.searchform, form.searchform{ background:transparent; }
.header-search .searchform input.search-field, input.search-field, .searchform .search-field{
  background:var(--sg-bg) !important; border:1px solid var(--sg-line) !important; color:var(--sg-text) !important;
  border-radius:9999px !important; padding:10px 16px !important;
}
.header-search .searchform input.search-field::placeholder{ color:var(--sg-dim) !important; }
.search-dropdown .nav-dropdown, .searchform-wrapper.searchform-open{ background:var(--sg-surface) !important; }
.searchform .icon-search:before, button.search-button, .searchform button{ color:var(--sg-accent-ink) !important; }

/* ---- buttons ---- */
.button, a.button, button.button, input[type="submit"], .button.primary, a.button.primary{
  background-color:var(--sg-accent) !important; color:var(--sg-on-accent) !important; border:none !important;
  border-radius:9999px !important; font-family:var(--sg-body); font-weight:800; box-shadow:0 12px 30px -14px var(--sg-accent);
}
.button.is-outline, a.button.is-outline{ background:transparent !important; color:var(--sg-accent-ink) !important; border:1px solid var(--sg-accent-ink) !important; box-shadow:none; }

/* ---- page content (legal pages, search results, generic) ---- */
.entry-content, .page-wrapper .entry-content, #content .large-12{ color:var(--sg-muted); }
h1, h2, h3, h4, h5, .entry-title, .page-title, .heading-font{ color:var(--sg-text) !important; }
.entry-content h1, .entry-content h2, .entry-content h3{ color:var(--sg-text) !important; }
.entry-content a{ color:var(--sg-accent-ink); }
.entry-content strong{ color:var(--sg-text); }
hr, .divider, .is-divider{ background-color:var(--sg-line) !important; }
blockquote{ color:var(--sg-muted); border-color:var(--sg-accent-ink) !important; }

/* breadcrumbs + page header */
.breadcrumbs, .breadcrumbs a{ color:var(--sg-dim) !important; }
.page-title-inner, .title-wrapper{ background:var(--sg-bg-2) !important; }

/* ---- WooCommerce bits that may appear on Flatsome pages (shop/search) ---- */
.woocommerce .price, .woocommerce-Price-amount{ color:var(--sg-accent-ink) !important; }
.product-title, .woocommerce-loop-product__title{ color:var(--sg-text) !important; }
.woocommerce-info, .woocommerce-message, .woocommerce-error{
  background:var(--sg-surface) !important; border:1px solid var(--sg-line) !important; border-top:3px solid var(--sg-accent-ink) !important; color:var(--sg-text) !important;
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row select, .woocommerce input.input-text{
  background:var(--sg-bg) !important; border:1px solid var(--sg-line) !important; color:var(--sg-text) !important; border-radius:10px !important;
}

/* ---- footer ---- */
#footer, .footer-widgets, .absolute-footer, #footer .footer-2{ background-color:var(--sg-bg) !important; border-top:1px solid var(--sg-line); }
#footer, #footer p, #footer .widget, .absolute-footer, .absolute-footer a{ color:var(--sg-muted) !important; }
#footer a{ color:var(--sg-muted) !important; }
#footer a:hover{ color:var(--sg-accent-ink) !important; }
#footer h3, #footer .widget-title{ color:var(--sg-text) !important; }

/* newsletter signup popup (if opened) */
.mfp-content .lightbox-content, #header-newsletter-signup .banner-inner{ background:var(--sg-surface) !important; }