/* VITSA — breadcrumbs 12px everywhere (loads last to override theme/core) */

:root {
    --bb-breadcrumb-font-size: 12px;
    --bs-breadcrumb-font-size: 12px;
    --vitsa-breadcrumb-font-size: 12px;
}

.page-breadcrumbs,
.page-breadcrumbs .breadcrumb,
.page-breadcrumbs .breadcrumb-item,
.page-breadcrumbs .breadcrumb-item a,
.page-breadcrumbs .breadcrumb-item span,
.page-breadcrumbs .breadcrumb-item.active,
.page-breadcrumbs .breadcrumb-item.active span,
.page-breadcrumbs .extra-breadcrumb-name,
.breadcrumb,
.breadcrumb-item,
.breadcrumb-item a,
.breadcrumb-item span,
.breadcrumb-item.active,
.breadcrumb-item.active span,
.breadcrumb-item + .breadcrumb-item::before,
nav[aria-label="breadcrumb"],
nav[aria-label="breadcrumb"] a,
nav[aria-label="breadcrumb"] span,
.vitsa-shop__slug,
.vitsa-shop__slug a,
.vitsa-shop__slug-current,
.vitsa-shop__slug-sep,
.vitsa-product__breadcrumb,
.vitsa-product__breadcrumb a,
.vitsa-product__breadcrumb .vitsa-shop__slug-current,
.vitsa-product__breadcrumb .vitsa-shop__slug-sep,
.vitsa-compare-page__breadcrumb,
.vitsa-compare-page__breadcrumb .vitsa-shop__slug,
.vitsa-compare-page__breadcrumb .vitsa-shop__slug a,
.vitsa-compare-page__breadcrumb .vitsa-shop__slug-current,
.vitsa-compare-page__breadcrumb .vitsa-shop__slug-sep,
.vitsa-cart-page__breadcrumb,
.vitsa-cart-page__breadcrumb .vitsa-shop__slug,
.vitsa-cart-page__breadcrumb .vitsa-shop__slug a,
.vitsa-cart-page__breadcrumb .vitsa-shop__slug-current,
.vitsa-cart-page__breadcrumb .vitsa-shop__slug-sep,
.ps-breadcrumb,
.ps-breadcrumb li,
.ps-breadcrumb li a {
    font-size: 12px !important;
    line-height: 1.45;
}

/* PLP Products page — match FAQ breadcrumb vertical position */
.vitsa-shop--products {
    padding-top: 1rem !important;
}

/* PLP — white page bg to match customer overview */
body.vitsa-products-page,
body.vitsa-products-page #main-content,
body:has(.vitsa-shop--products),
body:has(.vitsa-shop--products) #main-content,
.vitsa-shop--products,
.vitsa-shop--products .vitsa-shop__body {
    background: #fff !important;
    background-color: #fff !important;
}

/* Breadcrumb trail colors — visible on all pages (cart, wishlist, static, etc.) */
.vitsa-shop__slug,
.vitsa-shop__slug a,
.vitsa-shop__slug-sep,
.vitsa-page-breadcrumb,
.vitsa-page-breadcrumb a,
.vitsa-page-breadcrumb .vitsa-shop__slug-sep,
.vitsa-compare-page__breadcrumb,
.vitsa-compare-page__breadcrumb a,
.vitsa-compare-page__breadcrumb .vitsa-shop__slug-sep,
.vitsa-cart-page__head .vitsa-shop__slug,
.vitsa-cart-page__head .vitsa-shop__slug a,
.vitsa-cart-page__head .vitsa-shop__slug-sep {
    color: hsl(150, 8%, 42%) !important;
}

.vitsa-shop__slug a:hover,
.vitsa-page-breadcrumb a:hover,
.vitsa-compare-page__breadcrumb a:hover,
.vitsa-cart-page__head .vitsa-shop__slug a:hover {
    color: var(--primary-color, #6eb12e) !important;
}

.vitsa-shop__slug-current,
.vitsa-page-breadcrumb .vitsa-shop__slug-current,
.vitsa-compare-page__breadcrumb .vitsa-shop__slug-current,
.vitsa-cart-page__head .vitsa-shop__slug-current {
    color: hsl(150, 15%, 12%) !important;
    font-weight: 500;
}

/* Policy / static / account pages — left-aligned breadcrumbs (not centered) */
.vitsa-static-page-wrap .vitsa-page-breadcrumb,
.vitsa-policy-page-wrap .vitsa-page-breadcrumb,
.container-shop .vitsa-page-breadcrumb,
.vitsa-account__breadcrumb,
.vitsa-account__breadcrumb.vitsa-page-breadcrumb {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start !important;
    width: 100%;
    text-align: left !important;
}

.vitsa-static-page-wrap .vitsa-page-breadcrumb,
.vitsa-policy-page-wrap .vitsa-page-breadcrumb {
    margin: 0 0 0.75rem;
}

.vitsa-account__breadcrumb.vitsa-page-breadcrumb {
    margin-top: 0 !important;
    margin-bottom: 0.75rem !important; /* match FAQ / static pages */
}

/* Underline on breadcrumb trail — site-wide */
.page-breadcrumbs a,
.page-breadcrumbs .breadcrumb-item a,
.page-breadcrumbs .breadcrumb-item.active,
.page-breadcrumbs .breadcrumb-item.active span,
.breadcrumb-item a,
.breadcrumb-item.active,
.breadcrumb-item.active a,
.breadcrumb-item.active span,
nav[aria-label="breadcrumb"] a,
.vitsa-shop__slug a,
.vitsa-shop__slug-current,
.vitsa-product__breadcrumb a,
.vitsa-product__breadcrumb .vitsa-shop__slug-current,
.vitsa-compare-page__breadcrumb a,
.vitsa-compare-page__breadcrumb .vitsa-shop__slug-current,
.vitsa-cart-page__breadcrumb a,
.vitsa-cart-page__breadcrumb .vitsa-shop__slug-current,
.vitsa-cart-page__head .vitsa-shop__slug a,
.vitsa-cart-page__head .vitsa-shop__slug-current,
.vitsa-page-breadcrumb a,
.vitsa-page-breadcrumb .vitsa-shop__slug-current,
.ps-breadcrumb li a {
    text-decoration: underline !important;
    text-underline-offset: 0.15em;
}

.page-breadcrumbs a:hover,
.breadcrumb-item a:hover,
.breadcrumb-item.active a:hover,
nav[aria-label="breadcrumb"] a:hover,
.vitsa-shop__slug a:hover,
.vitsa-shop__slug-current,
.vitsa-product__breadcrumb a:hover,
.vitsa-product__breadcrumb .vitsa-shop__slug-current,
.vitsa-compare-page__breadcrumb a:hover,
.vitsa-compare-page__breadcrumb .vitsa-shop__slug-current,
.vitsa-cart-page__breadcrumb a:hover,
.vitsa-cart-page__breadcrumb .vitsa-shop__slug-current,
.vitsa-cart-page__head .vitsa-shop__slug a:hover,
.vitsa-cart-page__head .vitsa-shop__slug-current,
.vitsa-page-breadcrumb a:hover,
.vitsa-page-breadcrumb .vitsa-shop__slug-current,
.ps-breadcrumb li a:hover {
    text-decoration: underline !important;
    text-underline-offset: 0.15em;
}

/* Separators — no underline */
.vitsa-shop__slug-sep,
.vitsa-product__breadcrumb .vitsa-shop__slug-sep,
.vitsa-compare-page__breadcrumb .vitsa-shop__slug-sep,
.vitsa-cart-page__breadcrumb .vitsa-shop__slug-sep,
.vitsa-cart-page__head .vitsa-shop__slug-sep,
.breadcrumb-item + .breadcrumb-item::before {
    text-decoration: none !important;
}

/* Primary page headings — 32px site-wide */
.vitsa-page-title,
.vitsa-static-page__title,
.vitsa-shop__title,
.vitsa-compare-page__heading,
.vitsa-compare-page__title,
.page-header .page-title h1,
.page-title h1,
h1.page-title,
h2.page-title,
.bb-customer-page h2.customer-page-title,
.vitsa-order-view__title,
.vitsa-product__details-head-title,
.vitsa-wishlist-page__title,
.vitsa-cart-page__head .vitsa-page-title {
    font-size: var(--vitsa-page-title-size, 32px) !important;
}

/* Policy pages — section titles 20px (main page title stays 32px) */
.vitsa-policy-page-wrap .ck-content h1,
.vitsa-policy-page-wrap .ck-content h2,
.vitsa-policy-page-wrap .ck-content h3,
.vitsa-policy-page-wrap .ck-content h4,
.vitsa-policy-page-wrap .ck-content h5,
.vitsa-policy-page-wrap .ck-content h6 {
    font-size: 20px !important;
    line-height: 1.3;
}

.vitsa-policy-page-wrap .ck-content h1,
.vitsa-policy-page-wrap .ck-content h2,
.vitsa-policy-page-wrap .ck-content h3,
.vitsa-policy-page-wrap .ck-content h4,
.vitsa-policy-page-wrap .ck-content h5,
.vitsa-policy-page-wrap .ck-content h6 {
    font-weight: 700 !important;
    color: hsl(150, 15%, 12%) !important;
}

/* PDP product name — 18px (not a page title) */
body.vitsa-pdp-ref .vitsa-product__title-row .product_title.entry-title {
    font-size: 18px !important;
}

/* Megamenu sidebar category row — selected / hover / current */
#vitsa-megamenu-portal .vitsa-mega-menu--sidebar .vitsa-mega-menu__tab.is-active,
#vitsa-megamenu-portal .vitsa-mega-menu--sidebar .vitsa-mega-menu__tab:hover,
#vitsa-megamenu-portal .vitsa-mega-menu--sidebar .vitsa-mega-menu__tab.is-current,
#vitsa-megamenu-portal .vitsa-mega-menu--sidebar .vitsa-mega-menu__tab.is-current.is-active {
    background: #f4f6f5 !important;
    background-color: #f4f6f5 !important;
    color: #6eb12e !important;
}

#vitsa-megamenu-portal .vitsa-mega-menu--sidebar .vitsa-mega-menu__tab.is-current,
#vitsa-megamenu-portal .vitsa-mega-menu--sidebar .vitsa-mega-menu__tab.is-current.is-active {
    font-weight: 600 !important;
    box-shadow: inset 3px 0 0 #6eb12e !important;
}

#vitsa-megamenu-portal .vitsa-mega-menu--sidebar .vitsa-mega-menu__tab.is-active .vitsa-mega-menu__tab-chevron,
#vitsa-megamenu-portal .vitsa-mega-menu--sidebar .vitsa-mega-menu__tab:hover .vitsa-mega-menu__tab-chevron,
#vitsa-megamenu-portal .vitsa-mega-menu--sidebar .vitsa-mega-menu__tab.is-current .vitsa-mega-menu__tab-chevron {
    color: #6eb12e !important;
}

/* All Categories button — light highlight when megamenu open (not black) */
.header--vitsa button.vitsa-nav-bar__trigger[data-vitsa-megamenu-trigger].is-open,
.header--vitsa button.vitsa-nav-bar__trigger[data-vitsa-megamenu-trigger][aria-expanded="true"] {
    background: #f4f6f5 !important;
    background-color: #f4f6f5 !important;
    color: #6eb12e !important;
    font-weight: 600 !important;
}

.header--vitsa button.vitsa-nav-bar__trigger[data-vitsa-megamenu-trigger].is-open .vitsa-nav-bar__chevron,
.header--vitsa button.vitsa-nav-bar__trigger[data-vitsa-megamenu-trigger].is-open .vitsa-nav-bar__chevron svg,
.header--vitsa button.vitsa-nav-bar__trigger[data-vitsa-megamenu-trigger][aria-expanded="true"] .vitsa-nav-bar__chevron,
.header--vitsa button.vitsa-nav-bar__trigger[data-vitsa-megamenu-trigger][aria-expanded="true"] .vitsa-nav-bar__chevron svg {
    color: #6eb12e !important;
    fill: currentColor !important;
    stroke: currentColor !important;
}

/* Bottom nav — restore single left-aligned row (override style.css fixed widths) */
.header--vitsa .vitsa-nav-bar__inner {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    align-items: center !important;
    gap: 0.25rem !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
}

.header--vitsa .vitsa-nav-bar__inner > *,
.header--vitsa .vitsa-nav-bar__item {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
}

.header--vitsa .vitsa-nav-bar__trigger,
.header--vitsa .vitsa-nav-bar__link {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    padding: 0.875rem 1rem !important;
}

/* Search bar — align with Printer Cartridge (must load after style.css) */
@media (min-width: 992px) {
    .header--vitsa .header-middle .header-items.header__center {
        margin-left: var(--vitsa-search-offset, 0px) !important;
    }
}

/* Compare page — force left alignment in product columns */
.vitsa-compare-table td.vitsa-compare-table__col {
    text-align: left !important;
}

.vitsa-compare-table__product-card {
    align-items: flex-start !important;
    padding: 0 !important;
    margin: 0 !important;
}

.vitsa-compare-table__image-link {
    display: block !important;
    width: auto !important;
    max-width: 10rem !important;
    margin: 0 !important;
    text-align: left !important;
}

.vitsa-compare-table__image-wrap,
.vitsa-compare-table .img-fluid-eq {
    display: block !important;
    width: auto !important;
    max-width: 10rem !important;
    margin: 0 !important;
    text-align: left !important;
}

.vitsa-compare-table .img-fluid-eq .img-fluid-eq__dummy {
    display: none !important;
}

.vitsa-compare-table .img-fluid-eq .img-fluid-eq__wrap {
    position: static !important;
    width: auto !important;
    height: auto !important;
    inset: auto !important;
}

.vitsa-compare-table .img-fluid-eq .img-fluid-eq__wrap,
.vitsa-compare-table .img-fluid-eq .img-fluid-eq__wrap img,
.vitsa-compare-table__image {
    margin: 0 !important;
    margin-left: 0 !important;
    object-position: left center !important;
}

.vitsa-compare-table .vitsa-product-card__title,
.vitsa-compare-table .vitsa-product-card__title a,
.vitsa-compare-table__product-name,
.vitsa-compare-table__product-name a {
    text-align: left !important;
    font-weight: 400 !important;
}

.vitsa-compare-table th,
.vitsa-compare-table td {
    display: table-cell !important;
}

.vitsa-compare-table__price-wrap,
.vitsa-compare-table__price .product-price {
    display: block !important;
    width: 100% !important;
    text-align: left !important;
    margin: 0 !important;
    padding: 0 !important;
}

.vitsa-compare-table__price .product-price-sale:not(.d-none),
.vitsa-compare-table__price .product-price-original:not(.d-none) {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    align-items: baseline !important;
    text-align: left !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.vitsa-compare-table__price .product-price-sale.d-none,
.vitsa-compare-table__price .product-price-original.d-none {
    display: none !important;
}

.vitsa-compare-table__price .product-price-discount {
    display: inline-block !important;
    width: auto !important;
    max-width: max-content !important;
    text-align: left !important;
}

.vitsa-compare-table__value,
.vitsa-compare-table__empty-value,
.vitsa-compare-table__stock {
    text-align: left !important;
}