.page-footer,.copyright{background:#000000!important;}
.white-background {
  background-color: white;
  border-radius: 4px;
}
/* ===== Desktop ===== */
@media (min-width: 768px) {

    /* Search bar: wider, shifted left away from the cart */
    .block-search {
        float:left!important;
	width: 361px!important;
        margin-right: 40px;
    }

    /* Menu items: smaller text and tighter spacing */
    .navigation .level0 {
        font-size: 12px;
        margin-right: 4px;
    }
    .navigation .level0 > .level-top {
        padding: 0 10px;
        line-height: 44px;
    }
}

/* ===== Mobile ===== */
@media (max-width: 767px) {

    /* Hide the magnifying-glass button */
    .block-search .label {
        display: none;
    }

    /* Keep the search input visible */
    .block-search input {
        position: static;
        left: auto;
    }

    /* Full-width row under the logo / cart */
    .block-search {
        clear: both;
        width: 100%;
        margin-top: 10px;
    }
    .block-search .control {
        border-top: 0;
        margin: 0;
        padding: 0 0 10px;
    }
.page-header {
    border-bottom: none;
    margin-bottom: 20px;
}


}


/* ===== Desktop: remove top bar, Sign In / Create Account next to cart ===== */
@media (min-width: 768px) {

    /* Remove the grey top bar */
    .page-header .panel.wrapper,
    .page-header .panel.wrapper .panel.header {
        background: transparent !important;
        background-color: transparent !important;
        border: 0 !important;
    }
    .panel.header {
        position: relative !important;
        height: 0 !important;
        min-height: 0 !important;
        padding: 0 !important;
    }

    /* Links in line with the search bar and cart */
    .panel.header > .header.links {
        position: absolute !important;
        top: 30px !important;     /* raise/lower in 2px steps to line up */
        right: 95px !important;   /* gap from the cart */
        margin: 0 !important;
        z-index: 5;
        white-space: nowrap;
        line-height: 32px;        /* roughly the search box height */
    }

    /* Hide "Welcome to Merchace" */
    .panel.header .header.links .greet.welcome {
        display: none !important;
    }

    /* Dark link text */
    .panel.header .header.links,
    .panel.header .header.links li,
    .panel.header .header.links a,
    .panel.header .header.links a:visited,
    .panel.header .header.links .customer-name,
    .panel.header .header.links .customer-name .action.switch {
        color: #333 !important;
    }
    .panel.header .header.links a:hover {
        color: #000 !important;
        text-decoration: underline;
    }
}
.navigation .level0.active > .level-top,
   .navigation .level0.has-active > .level-top,
   .navigation .level0 .submenu .active > a,
   .navigation .level0.active > a:not(.ui-state-active),
   .navigation .level0.has-active > a:not(.ui-state-active) {
       border-color: #4C8BFF !important;
   }



/* ===== Button colours ===== */

/* Primary buttons: Add to Cart, Checkout, Sign In, Place Order */
.action.primary,
button.action.primary,
.action.primary:visited {
    background: #4C8BFF !important;
    border-color: #4C8BFF !important;
    color: #ffffff !important;
}
.action.primary:hover,
.action.primary:focus,
.action.primary:active {
    background: #154c91 !important;
    border-color: #154c91 !important;
    color: #ffffff !important;
}

/* Secondary buttons: Update Cart, Search, Compare, etc. */
button:not(.primary):not(.action-close):not(.nav-toggle),
.action.secondary,
.action.default {
    background: #f2f6fb !important;
    border-color: #4C8BFF !important;
    color: #4C8BFF !important;
}
button:not(.primary):not(.action-close):not(.nav-toggle):hover,
.action.secondary:hover,
.action.default:hover {
    background: #4C8BFF !important;
    color: #ffffff !important;
}





/* ===== Seller dashboard / account sidebar: active link colour ===== */
.block-collapsible-nav .item.current a,
.block-collapsible-nav .item.current > strong,
.account-nav .item.current a,
.account-nav .item.current > strong {
    border-color: ##4C8BFF !important;
    color: #1a5fb4 !important;
}
.block-collapsible-nav .item a:hover,
.account-nav .item a:hover {
    color: #4C8BFF!important;
}



/* Current page: blue text and blue left border */
#block-collapsible-nav .nav.item.current > strong,
#block-collapsible-nav .nav.item.current > a {
    border-left-color: #4C8BFF !important;
    color: #1a5fb4 !important;
}

/* Other links: blue on hover */
#block-collapsible-nav .nav.item > a:hover {
    color: #1a5fb4 !important;
    background: #f2f6fb;
}

/* ===== Webkul seller menu: active item blue (current item only) ===== */
[class*="wk-mp"] li.current > a,
[class*="wk-mp"] li.current > strong,
[class*="wk-mp"] li.active > a,
[class*="wk-mp"] li.active > strong,
.wk-mp-menu li.current > a,
.wk-mp-menu li.active > a {
    border-left-color: #4C8BFF !important;
    border-color: #4C8BFF !important;
    color: #1a5fb4 !important;
}

/* ===== Mobile: account menu at the top, above the content ===== */
@media (max-width: 767px) {
    .account .columns {
        display: flex;
        flex-direction: column;
    }
    .account .sidebar-main {
        order: -1;                 /* move menu above main content */
        width: 100%;
    }
    .account .column.main {
        order: 0;
        width: 100%;
    }
    .account .block-collapsible-nav {
        position: relative !important;
        top: 0 !important;
        margin-bottom: 20px;
    }
    .account .page-main {
        padding-top: 0;
    }
}


/* ===== Mobile: remove extra gap above menu on Webkul marketplace pages ===== */
@media (max-width: 767px) {
    body[class*="marketplace-"] .page-main {
        padding-top: 0 !important;
        margin-top: 0 !important;
    }
    body[class*="marketplace-"] .columns,
    body[class*="marketplace-"] .sidebar-main {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
}


img.payment-icon {
    width: 26px!important;
    margin-left: 7px!important;
}

.checkout-payment-method .payment-method-title {
    padding: 20px 0;
    margin: 0;
    margin-left: 22px!important;
}

/* ===== Webkul seller banner: fixed height, cropped not squashed ===== */
@media (min-width: 768px) {
    .wk-mp-header-container-right .wk-mp-banner-image {
        width: 100% !important;
        height: 300px !important;     /* adjust to taste */
        object-fit: contain;
        object-position: center;
    }
}

.wk-mp-header-container-right img.wk-mp-banner-image
 {
    border: 1px solid #CCCCCC;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.15);
    padding: 10px;
    width: fit-content;
    /* height: 400px; */
    min-height: 50px!important;
    max-height: 87px!important;
}