/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

/* === FLUIDCO HEADER STYLES - Applied by Justin Petersen Quantum Labs === */

/* ---- TOP BAR: Black background, white text ---- */
.whb-top-bar {
    background-color: #1a1a1a !important;
}
.whb-top-bar .whb-row-inner,
.whb-top-bar .container {
    background-color: #1a1a1a !important;
}
.whb-top-bar a,
.whb-top-bar span,
.whb-top-bar p,
.whb-top-bar .wd-tools-text,
.whb-top-bar .wd-social-icons a {
    color: #ffffff !important;
}
.whb-top-bar a:hover {
    color: #e8c415 !important;
}

/* ---- GENERAL HEADER: Black background ---- */
.whb-general-header {
    background-color: #1a1a1a !important;
}
.whb-general-header .whb-row-inner,
.whb-general-header .container {
    background-color: #1a1a1a !important;
}
.whb-general-header .wd-tools-text,
.whb-general-header .wd-tools-icon,
.whb-general-header a {
    color: #ffffff !important;
}
.whb-general-header a:hover,
.whb-general-header .wd-tools-element:hover .wd-tools-icon,
.whb-general-header .wd-tools-element:hover .wd-tools-text {
    color: #e8c415 !important;
}

/* ---- HEADER BOTTOM (search bar row): Black background ---- */
.whb-header-bottom {
    background-color: #1a1a1a !important;
}
.whb-header-bottom .whb-row-inner,
.whb-header-bottom .container {
    background-color: #1a1a1a !important;
}
.whb-header-bottom .wd-nav > ul > li > a,
.whb-header-bottom .wd-nav > ul > li > a span {
    color: #ffffff !important;
}
.whb-header-bottom .wd-nav > ul > li:hover > a,
.whb-header-bottom .wd-nav > ul > li.current-menu-item > a {
    color: #e8c415 !important;
}

/* ---- STICKY HEADER: Black background ---- */
.whb-sticky-row.whb-sticky-real {
    background-color: #1a1a1a !important;
}
.whb-sticky-row.whb-sticky-real .wd-nav > ul > li > a {
    color: #ffffff !important;
}
.whb-sticky-row.whb-sticky-real .wd-nav > ul > li:hover > a {
    color: #e8c415 !important;
}

/* ---- SEARCH BAR: Style to match black theme ---- */
.whb-header-bottom .searchform,
.whb-header-bottom .wd-search-form {
    background-color: #2a2a2a !important;
    border-color: #333333 !important;
}
.whb-header-bottom .searchform input.s,
.whb-header-bottom .wd-search-form input.s {
    background-color: #2a2a2a !important;
    color: #ffffff !important;
}
.whb-header-bottom .searchform input.s::placeholder,
.whb-header-bottom .wd-search-form input.s::placeholder {
    color: #aaaaaa !important;
}
.whb-header-bottom .searchform .wd-search-cat-btn,
.whb-header-bottom .wd-search-cat-btn {
    background-color: #333333 !important;
    color: #ffffff !important;
    border-color: #444444 !important;
}
.whb-header-bottom .searchform button[type="submit"],
.whb-header-bottom .wd-search-form button[type="submit"] {
    background-color: #e8c415 !important;
    color: #1a1a1a !important;
}

/* ---- CART ICON: Show the shopping-cart.svg image, yellow count badge ---- */
/* Desktop cart (design-3) */
.whb-nedhm962r512y1xz9j06 .wd-tools-icon,
.wd-header-cart.wd-tools-custom-icon .wd-tools-icon {
    position: relative;
    display: inline-block;
}
.whb-nedhm962r512y1xz9j06 .wd-tools-icon::before,
.wd-header-cart.wd-tools-custom-icon .wd-tools-icon::before {
    content: "";
    display: inline-block;
    width: 26px;
    height: 26px;
    background-image: url("https://fluidco.co.za/wp-content/uploads/2023/04/shopping-cart.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    filter: brightness(0) invert(1);
    vertical-align: middle;
}
.whb-nedhm962r512y1xz9j06 .wd-tools-icon:hover::before,
.wd-header-cart.wd-tools-custom-icon .wd-tools-icon:hover::before {
    filter: brightness(0) saturate(100%) invert(80%) sepia(60%) saturate(500%) hue-rotate(5deg) brightness(105%);
}

/* Cart count badge: yellow */
.wd-header-cart .wd-cart-number,
.wd-header-cart .wd-tools-count {
    background-color: #e8c415 !important;
    color: #1a1a1a !important;
}

/* Mobile cart (design-5) */
.whb-trk5sfmvib0ch1s1qbtc .wd-tools-icon::before {
    content: "";
    display: inline-block;
    width: 22px;
    height: 22px;
    background-image: url("https://fluidco.co.za/wp-content/uploads/2023/04/shopping-cart.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    filter: brightness(0) invert(1);
    vertical-align: middle;
}

/* ---- MOBILE HEADER: Black background ---- */
.whb-row.whb-general-header .whb-hidden-lg,
.whb-row .whb-col-mobile {
    background-color: #1a1a1a !important;
}

/* ---- HEADER BORDER: Remove white border between rows ---- */
.whb-top-bar,
.whb-general-header,
.whb-header-bottom {
    border-bottom-color: #333333 !important;
}

/* === END FLUIDCO HEADER STYLES === */