/*
Theme Name: ShoppingCart Child
Description: Child theme for ShoppingCart
Template: shoppingcart
Version: 1.0
*/

/* =========================
   ZONZIBA CUSTOM STYLES
========================= */

.top-bar{
    background-color: #1F2933;
}
.top-bar,
.top-bar a{
    color: #ffffff !important;
}
.top-bar a:hover{
    color: #ffffff !important;
}
.top-bar .textwidget ul li{
    margin-right: 2em !important;
}    

#site-branding {
    background-image:
        linear-gradient(rgba(248, 89, 0, 0.20), rgba(248, 89, 0, 0.25)),
        url("images/header-bg.png");
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
}

#search-box input[type="search"] {
    border: 0px solid #f85900;
    border-right: none;
    background-color: #ffffff;
}

#search-box .woocommerce-product-search button[type="submit"] {
    background-color: #1F2933;
}

.header-right,
.header-right a,
.my-cart-wrap{
    color: #ffffff !important;
}

.sticky-wrapper #sticky-header {
    background-color: transparent;
    transition: background-color 0.2s ease;
}

/* ===== Zonziba Sticky Header Fix ===== */
.sticky-wrapper.is-sticky #sticky-header {
    background: #F85900 !important;
    background-image: none !important;
    width: 100% !important;
}

.sticky-wrapper.is-sticky #sticky-header:before,
.sticky-wrapper.is-sticky #sticky-header .main-header,
.sticky-wrapper.is-sticky #sticky-header #site-branding {
    background-image: none !important;
}

.sticky-wrapper.is-sticky #sticky-header .main-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    width: 100%;
}

.sticky-wrapper.is-sticky #sticky-header #site-branding {
    display: block;
    flex: 0 0 auto;
    padding: 5px 15px 5px 0;
}

.sticky-wrapper.is-sticky #sticky-header #site-navigation {
    flex: 1 1 auto;
    min-width: 0;
}

.sticky-wrapper.is-sticky #sticky-header .header-right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex: 0 0 auto;
    padding-top: 0;
    margin-left: 20px;
    white-space: nowrap;
}

.sticky-wrapper.is-sticky #sticky-header .main-navigation a,
.sticky-wrapper.is-sticky #sticky-header .main-navigation a:after,
.sticky-wrapper.is-sticky #sticky-header .main-navigation a:hover,
.sticky-wrapper.is-sticky #sticky-header .main-navigation ul li.current-menu-item > a,
.sticky-wrapper.is-sticky #sticky-header .main-navigation ul li.current_page_ancestor > a,
.sticky-wrapper.is-sticky #sticky-header .main-navigation ul li.current-menu-ancestor > a,
.sticky-wrapper.is-sticky #sticky-header .main-navigation ul li.current_page_item > a,
.sticky-wrapper.is-sticky #sticky-header .main-navigation ul li:hover > a,
.sticky-wrapper.is-sticky #sticky-header .main-navigation li.current-menu-ancestor.menu-item-has-children > a:after,
.sticky-wrapper.is-sticky #sticky-header .main-navigation li.current-menu-item.menu-item-has-children > a:after,
.sticky-wrapper.is-sticky #sticky-header .main-navigation ul li:hover > a:after,
.sticky-wrapper.is-sticky #sticky-header .main-navigation li.menu-item-has-children > a:hover:after,
.sticky-wrapper.is-sticky #sticky-header .main-navigation li.page_item_has_children > a:hover:after {
    color: #ffffff !important;
}

.sticky-wrapper.is-sticky #sticky-header .header-right,
.sticky-wrapper.is-sticky #sticky-header .header-right a,
.sticky-wrapper.is-sticky #sticky-header .cart-box,
.sticky-wrapper.is-sticky #sticky-header .wishlist-box,
.sticky-wrapper.is-sticky #sticky-header .wishlist-btn,
.sticky-wrapper.is-sticky #sticky-header .sx-cart-views,
.sticky-wrapper.is-sticky #sticky-header .wcmenucart-contents,
.sticky-wrapper.is-sticky #sticky-header .my-cart-wrap,
.sticky-wrapper.is-sticky #sticky-header .my-cart-wrap div,
.sticky-wrapper.is-sticky #sticky-header .my-cart-wrap .amount,
.sticky-wrapper.is-sticky #sticky-header .header-right .wishlist-btn i,
.sticky-wrapper.is-sticky #sticky-header .header-right .wcmenucart-contents i {
    color: #ffffff !important;
}

.sticky-wrapper.is-sticky #sticky-header .wl-counter,
.sticky-wrapper.is-sticky #sticky-header .header-right .cart-value {
    color: #ffffff !important;
    background-color: rgba(255, 255, 255, 0.18) !important;
    border: 1px solid rgba(255, 255, 255, 0.45);
}

@media only screen and (max-width: 767px) {
    .sticky-wrapper.is-sticky #sticky-header .main-header {
        gap: 12px;
    }

    .sticky-wrapper.is-sticky #sticky-header .header-right {
        margin-left: 12px;
    }
}

.page-template-template-full-width #primary {
    float: none;
    width: 100%;
}