/* ==========================================================
   Yuumi custom CSS - overrides for the Sm/market theme
   ========================================================== */

/* ---- Brand colours (change them here only) ---- */
:root {
    --yuumi-blue: #004E98;
    --yuumi-orange: #FF781F;
    --yuumi-grey: #EBEBEB;
    --yuumi-light-blue: #598DC5;
    --yuumi-dark-grey: #C0C0C0;
    --yuumi-light-blue: #598DC5;
    --yuumi-dark-grey: #C0C0C0;
}

/* ---- Footer ---- */
.footer-head { background-color: var(--yuumi-blue) !important; }
.page-footer { background-color: var(--yuumi-grey) !important; }
.ft-mobile-block { background-color: var(--yuumi-blue) !important; }
.footer-cat-social {
    border-bottom: 0;
    padding-bottom: 0 !important;
}
.footer-mobile .support-mobile ul li.email-mobile a:before {
    text-align: center;
    font-size: 18px;
}

/* ---- Header and search ---- */
.header-bottom.ontop-element { background-color: var(--yuumi-orange) !important; }
.action.search { background-color: var(--yuumi-blue) !important; }

/* ---- Mega menu ---- */
.desktop-menu .sm_megamenu_wrapper_vertical_menu ul.sm_megamenu_menu > li:hover > a {
    background-color: var(--yuumi-grey);
}
.nopadding {
    padding: 0 !important;
    margin: 0 !important;
}
.sm_megamenu_title > a { padding: 6px 0; }

/* ---- Home page ---- */
.pb-desktop-50 { padding-bottom: 0 !important; }
.mb-desktop-50 { margin-bottom: 5px !important; }
.block-title.filter-title { display: none !important; }
.home-slider-banner .r-banner-top .banner-image img {
    height: 140px;
    width: 100%;
    object-fit: cover;
}
.cats-tabs .col-tabs { padding-top: 0 !important; }
.cats-tabs .cat-title a {
    height: auto;
    line-height: 1.2em;
}
.cats-tabs .cat-title img { display: none; }

/* ---- Product grid ---- */
.product-item .price-box .price-label { display: none; }
.products-grid .product-item-name {
    height: 42px;
    overflow: hidden;
}

/* ---- Checkout: payment method logos ---- */
.checkout-index-index .payment-method-title label[for="bbipay"]::before,
.checkout-index-index .payment-method-title label[for="mpgs_hostedcheckout"]::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    height: 32px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.checkout-index-index .payment-method-title label[for="bbipay"]::before {
    width: 35px;
    height: 48px;
    background-image: url("/media/wysiwyg/brand/benefit-logo.png");
}
.checkout-index-index .payment-method-title label[for="mpgs_hostedcheckout"]::before {
    width: 50px;
    background-image: url("/media/wysiwyg/brand/credit-card.png");
}

/* ---- Report flag (desktop) ---- */
@media (min-width: 768px) {
    #reportflag {
        position: relative;
        top: 60px;
        right: 60px;
        padding-left: 28px;
    }
}

/* ---- Price filter: keep decimals on one line ---- */
.price-slider-values { display:flex !important; flex-wrap:nowrap !important; align-items:center; justify-content:center; gap:4px; }
.price-slider-values input[type="text"] { width:70px !important; min-width:0 !important; padding:0 2px !important; }
.price-slider-values .price-filter-separator { white-space:nowrap; }

/* ---- Main menu bar text (orange bar) ---- */
.header-container .desktop-menu .horizontal-block .sm_megamenu_menu > li > a {
    color: #FFFFFF !important;
}

/* ==== POPPINS TRIAL - delete everything from here down to go back to Open Sans ==== */
body, button, input, select, textarea,
h1, h2, h3, h4, h5, h6, p, a, li {
    font-family: 'Poppins', sans-serif !important;
}
/* ==== END POPPINS TRIAL ==== */

/* ---- Home page: category carousel picture background ---- */
.block-categories-v36 .block-categories .cat-wrap .item .image-cat {
    background: #FFFFFF !important;
}

/* ---- Home page: section title bars ---- */
/* Flash Sale bar (was red) */
.home-page-36 .block-home.block-flashsale .block-title {
    background: var(--yuumi-blue) !important;
}
/* Limited Stock Deals bar (was green) */
.home-page-36 .block-home.bg-color-title .block-title {
    background: var(--yuumi-light-blue) !important;
}

/* Limited Stock Deals bar: white title text */
.home-page-36 .block-home.bg-color-title .block-title,
.home-page-36 .block-home.bg-color-title .block-title strong {
    color: #FFFFFF !important;
}