/**
 * Brands Series — Hyvä layout overrides (cat 128+).
 * @see dev-doc/brands_series_implement_log.html
 */

/*
 * Old site: body { background-color: #fff; }
 * Hyvä base sets body { background: var(--color-bg) } (slate-50) — brand intro / collections area must be pure white.
 */
body.brands-details-body {
    background-color: #fff;
}

body.brands-details-body #maincontent {
    display: block !important;
    min-height: unset;
    overflow-x: hidden;
}

body.brands-details-body .page-main,
body.brands-details-body #maincontent.page-main,
body.brands-details-body.page-layout-1column #maincontent {
    margin: 0 !important;
    margin-block: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    max-width: none;
    padding-inline: 0;
    flex-grow: 0 !important;
}

body.brands-details-body #maincontent > .columns {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.brands-details-body .brands-wrapper {
    max-width: none;
    padding: 0;
}

body.brands-details-body .category-view {
    padding-left: 0;
    padding-right: 0;
}

body.brands-details-body #category-view-container {
    margin-top: 0;
    margin-bottom: 0;
}

body.brands-details-body .category-cms {
    margin-bottom: 0;
}

/* Swiper replaces slick — map nav buttons to legacy arrow positions */
.brands-series .listSlider.swiper,
.brands-series .locationSlider.swiper {
    position: relative;
}

.brands-series .listSlider .swiper-button-prev,
.brands-series .listSlider .swiper-button-next,
.brands-series .locationSlider .swiper-button-prev,
.brands-series .locationSlider .swiper-button-next {
    background-color: transparent !important;
    color: #fff;
    width: 40px;
    height: 40px;
}

.brands-series .listSlider .swiper-button-prev::after,
.brands-series .listSlider .swiper-button-next::after,
.brands-series .locationSlider .swiper-button-prev::after,
.brands-series .locationSlider .swiper-button-next::after {
    font-size: 26px;
}

.brands-series .listSlider .swiper-button-disabled,
.brands-series .locationSlider .swiper-button-disabled {
    display: none !important;
}

@media only screen and (min-width: 1024px) {
    .brands-series .listSlider .swiper-button-prev,
    .brands-series .listSlider .swiper-button-next,
    .brands-series .locationSlider .swiper-button-prev,
    .brands-series .locationSlider .swiper-button-next {
        width: 48px;
        height: 48px;
    }
}

/* old_ref brands.min.css — top banner img full bleed (missing from series extraction) */
body.brands-details-body .brands-series .brands-productListing-topImage {
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}

.brands-series .brands-productListing-topImage .brands-productListing-topImage-imgWrapper img {
    display: block;
    width: 100%;
    max-width: none;
    height: auto;
}

body.brands-details-body #category-view-container > .page-main,
body.brands-details-body .category-view > .page-main {
    max-width: none !important;
    width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Single/few locations — skip Swiper; centre slides like old slick layout */
.brands-series .locationSlider:not(.swiper-initialized) {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.brands-series .locationSlider:not(.swiper-initialized) > .locationItem {
    flex: 0 1 calc(33.333% - 10px);
    max-width: calc(33.333% - 10px);
}

@media only screen and (max-width: 1023px) {
    .brands-series .locationSlider:not(.swiper-initialized) > .locationItem {
        flex: 0 1 calc(50% - 10px);
        max-width: calc(50% - 10px);
    }
}

@media only screen and (max-width: 767px) {
    .brands-series .locationSlider:not(.swiper-initialized) > .locationItem {
        flex: 0 1 100%;
        max-width: 100%;
    }
}

body.brands-details-body .brands-series .brands-productListing-locationPanel .brands-productListing-locationPanel-storelocator {
    text-align: center !important;
    width: 100%;
}

body.brands-details-body .brands-series .brands-productListing-locationPanel .brands-productListing-locationPanel-storelocator a {
    display: inline-block;
}

/* old_ref brands.min.css — collections itemTitle gold underline (missing from series extraction) */
.brands-productListing-collections .brands-productListing-collections-listContent .listWrapper .listItem .itemTitle {
    position: relative;
}

.brands-productListing-collections .brands-productListing-collections-listContent .listWrapper .listItem .itemTitle::after {
    content: "";
    display: block;
    width: 48px;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #a37e2c;
}