/* ------------------------------------------------------------------
   Blue theme based on catalog-mobile.pdf
   Palette: primary #2240D8 · navy #101A6E · text #131A2A · muted #67718A
            border #E3E7EF · background #F4F6FC · light accent #8FA2FF
   Main colours are set in Admin → Appearance → Theme options → Style.
   These rules only cover places where the theme hard-codes its yellow.
   ------------------------------------------------------------------ */

/* Star ratings (theme hard-codes #fcb800) */
.ps-block--store .br-wrapper a,
.ps-block--store-2 .br-wrapper a,
.ps-block--store-banner .ps-block__user .ps-block__user-avatar .br-wrapper a,
.ps-product .ps-product__rating .br-wrapper a,
.ps-product--horizontal .ps-product__rating .br-wrapper a {
    color: #2240D8;
}

/* Header search buttons: desktop (hard-coded yellow) and mobile (hard-coded black) */
.header--standard .ps-form--quick-search button,
.ps-form--search-mobile button {
    background-color: #101A6E;
    color: #FFFFFF;
}

/* Checkout button on narrow screens without the mobile checkout bar.
   Martfury adds its mobile bar only for phone browsers (detected by user agent),
   but hides the normal Checkout button below 768px. A desktop browser at phone
   width (e.g. the SuperApp web version) got neither - show the normal one. */
@media (max-width: 767.98px) {
    #checkout-form:not(:has(.mobile-checkout-footer)) .d-none.d-md-flex:has(.payment-checkout-btn) {
        display: flex !important;
    }
}

/* Newsletter error message: was yellow, use a clear error red */
.newsletter-form .newsletter-message.newsletter-error-message {
    color: #D93025;
}

/* S4S bottom bar: Cart with a live item-count badge (next to Search) */
.navigation--list .s4s-nav-cart {
    position: relative;
}
.navigation--list .s4s-nav-cart .s4s-nav-badge {
    position: absolute;
    top: -4px;
    left: 50%;
    right: auto;
    margin-left: 4px;
    width: auto;
    min-width: 18px;
    height: 18px;
    padding: 0 4px;
    border-radius: 9px;
    background: #D93025;
    border: 2px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.navigation--list .s4s-nav-cart .s4s-nav-badge i {
    display: block;
    font-style: normal;
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
}

/* S4S: inside the SuperApp, its EN | BM toggle controls the language; hide the shop's own switchers */
.s4s-in-app .s4s-lang-switch {
    display: none !important;
}

/* S4S: inside the SuperApp, sign-in is owned by the SuperApp (single sign-on), so the shop's
   own Log out / Login / Register entry points are hidden there. The website keeps them. */
.s4s-in-app #cms-customer-logout,
.s4s-in-app .ps-block--user-header .ps-block__right a[href*="/login"],
.s4s-in-app .ps-block--user-header .ps-block__right a[href*="/register"] {
    display: none !important;
}