/* ==========================================================================
   Rumi Hawk Impex — brand colours
   Palette taken from the Rumi Hawk Impex logo: black, gold, white.
   Loaded after style.css so these values re-theme the template.
   ========================================================================== */

:root {
    --main-theme-color: #b8912f;   /* deep gold - buttons, hovers, accents */
    --gold: #c8a75e;               /* logo gold - accents on dark backgrounds */
    --gold-bright: #e0c68a;
    --gold-deep: #8a6c1f;
    --gold-soft: #f4eedd;
    --ink: #111111;

    --dark-bg-color: #faf8f2;
    --heading-color: #0a0d14;
    --paragraph-color: #6f7480;
}

a,
h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--heading-color);
    margin: 0;
}

/* --- replace the stock red accents with brand gold ----------------------- */

.product_wrappers_one .thumb .badges span.hot {
    background-color: var(--main-theme-color);
}

.product_wrappers_one .thumb .badges span.sale {
    background-color: var(--gold-deep);
}

.product_wrappers_one .thumb .actions .action {
    background-color: var(--main-theme-color);
}

.product_wrappers_one .thumb .actions .action.active {
    color: var(--main-theme-color);
}

.product_wrappers_one .thumb .actions .action:hover:not(.active) {
    color: #fff;
    background-color: var(--gold-deep);
}

.product_wrappers_one .thumb .add-to-cart:hover {
    color: var(--main-theme-color);
}

.product_wrappers_one:hover .content .title a:hover {
    color: var(--main-theme-color);
}

/* --- header / mobile header --------------------------------------------- */

.mobile-header-bg-color--golden {
    background: #fff;
    border-bottom: 1px solid var(--gold-soft);
}

.header-bottom-color--golden,
.sticky-header.sticky.sticky-color--golden {
    background: #fff;
}

/* --- misc template surfaces that were tinted for the old palette --------- */

#team_area {
    background-color: var(--ink);
}

.instgram_post > a::before {
    background: var(--gold);
}

#footer_one {
    background-color: var(--dark-bg-color);
}
