/*
 * KING BADGER — LOGO PINK THEME LOCK v4.0.0
 * Exact primary sampled from the supplied King Badger logo: #F23A81.
 * Presentation only: no routes, forms, AJAX actions, payment logic or data are changed.
 */
:root {
    --kb-logo-pink: #F23A81;
    --kb-logo-pink-hover: #DE2F72;
    --kb-logo-pink-deep: #C62661;
    --kb-logo-pink-soft: #FFF1F6;
    --kb-logo-pink-soft-2: #FFE4EE;
    --kb-logo-pink-border: #F4C4D6;
    --kb-logo-ink: #30272B;
    --kb-logo-muted: #80747A;
    --kb-logo-surface: #FFFFFF;
    --kb-logo-page: #FFFBFD;

    /* Bootstrap compatibility */
    --bs-primary: #F23A81;
    --bs-primary-rgb: 242, 58, 129;
    --bs-link-color: #F23A81;
    --bs-link-hover-color: #DE2F72;
}

html,
body {
    accent-color: var(--kb-logo-pink);
}

/* Override page-local King Badger variables without changing the page markup. */
html body [class*="kb-"],
html body [id*="kb"],
html body .checkout,
html body .payment-page,
html body .track-order {
    --kb-about-brand: var(--kb-logo-pink) !important;
    --kb-about-brand-dark: var(--kb-logo-pink-hover) !important;
    --kb-accent: var(--kb-logo-pink) !important;
    --kb-card-accent: var(--kb-logo-pink) !important;
    --kb-checkout-primary: var(--kb-logo-pink) !important;
    --kb-checkout-primary-dark: var(--kb-logo-pink-hover) !important;
    --kb-filter-accent: var(--kb-logo-pink) !important;
    --kb-filter-active: var(--kb-logo-pink-soft) !important;
    --kb-pay-primary: var(--kb-logo-pink) !important;
    --kb-pay-primary-dark: var(--kb-logo-pink-hover) !important;
    --kb-track-primary: var(--kb-logo-pink) !important;
    --kb-track-primary-dark: var(--kb-logo-pink-hover) !important;
}

/* Primary actions used across storefront, customer account, auth, checkout and payment. */
html body .btn-primary,
html body .btn-dark,
html body .theme-btn1.fsh-btn-dark,
html body .fsh-btn-dark,
html body .up-btn-dark,
html body .up2-btn-dark,
html body .up3-btn-dark,
html body .up-sm-btn-dark,
html body .kb-return-btn,
html body .fsh-blog-card-btn,
html body .kb-footer-newsletter button,
html body #kbMaternityFooter .kb-footer-newsletter button {
    background: var(--kb-logo-pink) !important;
    background-image: none !important;
    border-color: var(--kb-logo-pink) !important;
    color: #fff !important;
    box-shadow: none !important;
}

html body .btn-primary:hover,
html body .btn-primary:focus,
html body .btn-primary:active,
html body .btn-dark:hover,
html body .btn-dark:focus,
html body .theme-btn1.fsh-btn-dark:hover,
html body .fsh-btn-dark:hover,
html body .up-btn-dark:hover,
html body .up2-btn-dark:hover,
html body .up3-btn-dark:hover,
html body .up-sm-btn-dark:hover,
html body .kb-return-btn:hover,
html body .fsh-blog-card-btn:hover,
html body #kbMaternityFooter .kb-footer-newsletter button:hover {
    background: var(--kb-logo-pink-hover) !important;
    background-image: none !important;
    border-color: var(--kb-logo-pink-hover) !important;
    color: #fff !important;
}

/* Blog cards: override old dark-red pseudo-element animations too. */
html body .fsh-blog-card-btn,
html body .fsh-blog-card-btn::before,
html body .fsh-blog-card-btn::after {
    background-color: var(--kb-logo-pink) !important;
    border-color: var(--kb-logo-pink) !important;
}
html body .fsh-blog-card-btn:hover,
html body .fsh-blog-card-btn:hover::before,
html body .fsh-blog-card-btn:hover::after {
    background-color: var(--kb-logo-pink-hover) !important;
    border-color: var(--kb-logo-pink-hover) !important;
}

/* PDP action card and brand accents. */
html body .kb-buy-card .kb-primary-btn {
    color: var(--kb-logo-pink) !important;
    border-color: var(--kb-logo-pink) !important;
    background: #fff !important;
}
html body .kb-buy-card .kb-primary-btn:hover:not(:disabled) {
    color: var(--kb-logo-pink-hover) !important;
    border-color: var(--kb-logo-pink-hover) !important;
    background: var(--kb-logo-pink-soft) !important;
}
html body .kb-buy-card .kb-secondary-btn {
    color: #fff !important;
    border-color: var(--kb-logo-pink) !important;
    background: var(--kb-logo-pink) !important;
    background-image: none !important;
}
html body .kb-buy-card .kb-secondary-btn:hover:not(:disabled) {
    color: #fff !important;
    border-color: var(--kb-logo-pink-hover) !important;
    background: var(--kb-logo-pink-hover) !important;
}
html body .kb-size-chart-link,
html body .kb-policy-inline-link,
html body .kb-measure-link,
html body .kb-offer-panel a,
html body .kb-offer-panel button,
html body .wishlist-btn.active,
html body .kb-wishlist-btn.active {
    color: var(--kb-logo-pink) !important;
}
html body .kb-measure-figure svg,
html body .kb-measure-figure svg * {
    color: var(--kb-logo-pink) !important;
}
html body .kb-measure-figure svg circle[fill="#713547"],
html body .kb-measure-figure svg circle[fill="#7a2d43"] {
    fill: var(--kb-logo-pink) !important;
}

/* Outline buttons and clickable accents. */
html body .btn-outline-primary,
html body .fsh-btn-outline-dark,
html body .up-btn-light:hover,
html body .up3-btn-outline-secondary:hover {
    color: var(--kb-logo-pink) !important;
    border-color: var(--kb-logo-pink) !important;
}
html body .btn-outline-primary:hover,
html body .btn-outline-primary:focus,
html body .fsh-btn-outline-dark:hover {
    color: #fff !important;
    background: var(--kb-logo-pink) !important;
    border-color: var(--kb-logo-pink) !important;
}

/* Bootstrap/page navigation states — removes stray blue active tabs such as Store. */
html body .bg-primary,
html body .text-bg-primary,
html body .badge.bg-primary,
html body .progress-bar,
html body .nav-pills .nav-link.active,
html body .nav-pills .show > .nav-link,
html body .list-group-item.active,
html body .dropdown-item.active,
html body .dropdown-item:active,
html body .page-item.active .page-link {
    background-color: var(--kb-logo-pink) !important;
    border-color: var(--kb-logo-pink) !important;
    color: #fff !important;
}
html body .text-primary {
    color: var(--kb-logo-pink) !important;
}
html body .border-primary {
    border-color: var(--kb-logo-pink) !important;
}
html body .nav-tabs .nav-link.active,
html body .nav-tabs .nav-link:hover,
html body .sidebar-nav-link.active,
html body .sidebar-nav-item.active .sidebar-nav-link,
html body .sidebar-nav-link:hover {
    color: var(--kb-logo-pink) !important;
    border-color: var(--kb-logo-pink) !important;
}
html body .sidebar-nav-link.active,
html body .sidebar-nav-item.active .sidebar-nav-link,
html body .sidebar-nav-link:hover {
    background: var(--kb-logo-pink-soft) !important;
}

/* Form focus / selections. */
html body .form-control:focus,
html body .form-select:focus,
html body input:focus,
html body textarea:focus,
html body select:focus,
html body .nice-select:focus,
html body .select2-container--focus .select2-selection,
html body .select2-container--open .select2-selection {
    border-color: var(--kb-logo-pink) !important;
    box-shadow: 0 0 0 .18rem rgba(242,58,129,.14) !important;
    outline: 0 !important;
}
html body .form-check-input:checked,
html body input[type="checkbox"]:checked,
html body input[type="radio"]:checked {
    background-color: var(--kb-logo-pink) !important;
    border-color: var(--kb-logo-pink) !important;
}
html body input[type="range"] {
    accent-color: var(--kb-logo-pink) !important;
}
html body .select2-container--default .select2-results__option--highlighted[aria-selected],
html body .select2-container--default .select2-results__option--highlighted[data-selected] {
    background: var(--kb-logo-pink) !important;
    color: #fff !important;
}

/* Storefront/footer/header brand interaction colors. */
html body #kbMaternityFooter .kb-footer-links a:hover,
html body #kbMaternityFooter .kb-footer-contact-list a:hover,
html body #kbMaternityFooter .kb-footer-socials a,
html body .kb-theme a:hover,
html body .kb-theme a:focus {
    color: var(--kb-logo-pink) !important;
}
html body #kbMaternityFooter .kb-footer-socials a {
    border-color: rgba(242,58,129,.32) !important;
}
html body #kbMaternityFooter .kb-footer-socials a:hover {
    background: var(--kb-logo-pink) !important;
    border-color: var(--kb-logo-pink) !important;
    color: #fff !important;
}

/* Preserve actual product colour swatches: do NOT force swatch backgrounds. */
html body .color-swatch,
html body [data-color],
html body .product-color,
html body .variant-color {
    /* Intentionally no background override. */
}

/* Mobile consistency. */
@media (max-width: 767.98px) {
    html body .btn-primary,
    html body .btn-dark,
    html body .theme-btn1.fsh-btn-dark,
    html body .fsh-btn-dark,
    html body .up-btn-dark,
    html body .up2-btn-dark,
    html body .up3-btn-dark,
    html body .up-sm-btn-dark {
        min-height: 44px;
    }
    html body .fsh-blog-card-btn {
        min-height: 46px;
    }
}