.product-transition {
    position: relative;
}

.mansarda-product-status-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    max-width: calc(100% - 24px);
    padding: 7px 12px;
    border-radius: 999px;
    color: #fff;
    font-family: "Google Sans", sans-serif;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: .01em;
    text-align: center;
    box-shadow: 0 5px 16px rgba(41, 38, 99, .14);
}

.woocommerce ul.products li.product .product-transition > .mansarda-product-status-badge {
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: 8;
    pointer-events: none;
}

.mansarda-product-status-badge--archive {
    background: #89182c;
}

.mansarda-product-status-badge--coming-soon {
    background: #c69930;
}

.mansarda-product-status-badge--back-soon {
    background: #ba6127;
}

.mansarda-single-product-status {
    margin: 0 0 14px;
}

.mansarda-single-product-status .mansarda-product-status-badge {
    font-size: 12px;
}

.mansarda-archive-message {
    margin: 18px 0;
    padding: 14px 16px;
    border-left: 3px solid #89182c;
    background: rgba(137, 24, 44, .06);
    color: #292663;
    line-height: 1.6;
}

.mansarda-coming-soon-date {
    margin: 0 0 12px;
    color: #292663;
    font-size: 14px;
}

#wc_bis_product_form {
    margin-top: 16px;
}

#wc_bis_product_form .wc_bis_form_title {
    line-height: 1.6;
}

.mps-hidden-by-archive {
    display: none !important;
}

@media (max-width: 767px) {
    .mansarda-product-status-badge {
        padding: 6px 10px;
        font-size: 10px;
    }

    .woocommerce ul.products li.product .product-transition > .mansarda-product-status-badge {
        top: 9px;
        left: 9px;
    }
}

/* Prevent an initial flash of archived items before the category-bar JS initializes. */
.mansarda-shop-category-bar-enabled:not(.mansarda-archive-filter-active) li.mansarda-product-is-archive {
    display: none !important;
}

/*
 * Bookory prints its generic WooCommerce stock label above the title.
 * When a Mansarda-specific status is active, that generic label is
 * redundant and can conflict with Rasprodato / Novo – uskoro /
 * Uskoro ponovo dostupno.
 */
.single-product .product.mansarda-product-status--archive .entry-summary-top .inventory_status,
.single-product .product.mansarda-product-status--coming-soon .entry-summary-top .inventory_status,
.single-product .product.mansarda-product-status--back-soon .entry-summary-top .inventory_status {
    display: none !important;
}

/* =========================================================
   STATUS CIRCLES — v1.3.1

   No raster artwork is used on the front end.
   The badge is recreated in CSS from the supplied Illustrator/SVG
   reference: Google Sans Bold, white type, perfectly circular shape.

   Illustrator reference proportions:
   - circle diameter: 521.06 units
   - type size: 75 units = 14.394% of circle diameter
   ========================================================= */

.single-product div.product.mansarda-product-status--archive .woocommerce-product-gallery__image,
.single-product div.product.mansarda-product-status--coming-soon .woocommerce-product-gallery__image,
.single-product div.product.mansarda-product-status--back-soon .woocommerce-product-gallery__image,
.bookory-products li.product.mansarda-product-status--archive .product-image,
.bookory-products li.product.mansarda-product-status--coming-soon .product-image,
.bookory-products li.product.mansarda-product-status--back-soon .product-image,
ul.products li.product.mansarda-product-status--archive .product-image,
ul.products li.product.mansarda-product-status--coming-soon .product-image,
ul.products li.product.mansarda-product-status--back-soon .product-image {
    position: relative;
}

.single-product div.product.mansarda-product-status--archive .woocommerce-product-gallery__image::after,
.single-product div.product.mansarda-product-status--coming-soon .woocommerce-product-gallery__image::after,
.single-product div.product.mansarda-product-status--back-soon .woocommerce-product-gallery__image::after,
.bookory-products li.product.mansarda-product-status--archive .product-image::after,
.bookory-products li.product.mansarda-product-status--coming-soon .product-image::after,
.bookory-products li.product.mansarda-product-status--back-soon .product-image::after,
ul.products li.product.mansarda-product-status--archive .product-image::after,
ul.products li.product.mansarda-product-status--coming-soon .product-image::after,
ul.products li.product.mansarda-product-status--back-soon .product-image::after {
    --mps-status-size: 90px;
    --mps-status-font-size: 13px;
    --mps-status-padding: 7px;

    content: "";
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 20;

    display: flex;
    align-items: center;
    justify-content: center;

    width: var(--mps-status-size);
    height: var(--mps-status-size);
    max-width: calc(100% - 20px);
    max-height: calc(100% - 20px);
    box-sizing: border-box;
    padding: var(--mps-status-padding);
    border-radius: 50%;

    color: #fff;
    font-family: "Google Sans", "Google Sans Text", Arial, sans-serif;
    font-size: var(--mps-status-font-size);
    font-style: normal;
    font-weight: 700;
    line-height: 1.06;
    letter-spacing: 0;
    text-align: center;
    white-space: pre;

    background-image: none;
    background-repeat: no-repeat;
    pointer-events: none;
}

/* Single-product gallery: same proportions, slightly larger circle. */
.single-product div.product.mansarda-product-status--archive .woocommerce-product-gallery__image::after,
.single-product div.product.mansarda-product-status--coming-soon .woocommerce-product-gallery__image::after,
.single-product div.product.mansarda-product-status--back-soon .woocommerce-product-gallery__image::after {
    --mps-status-size: 102px;
    --mps-status-font-size: 14.7px;
    --mps-status-padding: 8px;
}

/* Rasprodato / Sold Out — Mansarda red. */
.single-product div.product.mansarda-product-status--archive .woocommerce-product-gallery__image::after,
.bookory-products li.product.mansarda-product-status--archive .product-image::after,
ul.products li.product.mansarda-product-status--archive .product-image::after {
    content: "Rasprodato";
    background-color: #89182c;
}

html[lang^="en"] .single-product div.product.mansarda-product-status--archive .woocommerce-product-gallery__image::after,
html[lang^="en"] .bookory-products li.product.mansarda-product-status--archive .product-image::after,
html[lang^="en"] ul.products li.product.mansarda-product-status--archive .product-image::after {
    content: "Sold Out";
}

/* Novo uskoro / Coming Soon — Mansarda ochre. */
.single-product div.product.mansarda-product-status--coming-soon .woocommerce-product-gallery__image::after,
.bookory-products li.product.mansarda-product-status--coming-soon .product-image::after,
ul.products li.product.mansarda-product-status--coming-soon .product-image::after {
    content: "Novo\A uskoro";
    background-color: #c69930;
}

html[lang^="en"] .single-product div.product.mansarda-product-status--coming-soon .woocommerce-product-gallery__image::after,
html[lang^="en"] .bookory-products li.product.mansarda-product-status--coming-soon .product-image::after,
html[lang^="en"] ul.products li.product.mansarda-product-status--coming-soon .product-image::after {
    content: "Coming\A Soon";
}

/* Uskoro ponovo dostupno / Available again soon — Mansarda green. */
.single-product div.product.mansarda-product-status--back-soon .woocommerce-product-gallery__image::after,
.bookory-products li.product.mansarda-product-status--back-soon .product-image::after,
ul.products li.product.mansarda-product-status--back-soon .product-image::after {
    content: "Uskoro\A ponovo\A dostupno";
    background-color: #2a563b;
}

html[lang^="en"] .single-product div.product.mansarda-product-status--back-soon .woocommerce-product-gallery__image::after,
html[lang^="en"] .bookory-products li.product.mansarda-product-status--back-soon .product-image::after,
html[lang^="en"] ul.products li.product.mansarda-product-status--back-soon .product-image::after {
    content: "Available\A again\A soon";
}

.single-product div.product.mansarda-product-status--archive .woocommerce-product-gallery__image img,
.single-product div.product.mansarda-product-status--archive .woocommerce-product-gallery__image a,
.single-product div.product.mansarda-product-status--coming-soon .woocommerce-product-gallery__image img,
.single-product div.product.mansarda-product-status--coming-soon .woocommerce-product-gallery__image a,
.single-product div.product.mansarda-product-status--back-soon .woocommerce-product-gallery__image img,
.single-product div.product.mansarda-product-status--back-soon .woocommerce-product-gallery__image a {
    position: relative;
    z-index: 1;
}

.products .product .onsale,
.bookory-products .product .onsale {
    position: relative;
    z-index: 21;
}

@media (max-width: 767px) {
    .single-product div.product.mansarda-product-status--archive .woocommerce-product-gallery__image::after,
    .single-product div.product.mansarda-product-status--coming-soon .woocommerce-product-gallery__image::after,
    .single-product div.product.mansarda-product-status--back-soon .woocommerce-product-gallery__image::after,
    .bookory-products li.product.mansarda-product-status--archive .product-image::after,
    .bookory-products li.product.mansarda-product-status--coming-soon .product-image::after,
    .bookory-products li.product.mansarda-product-status--back-soon .product-image::after,
    ul.products li.product.mansarda-product-status--archive .product-image::after,
    ul.products li.product.mansarda-product-status--coming-soon .product-image::after,
    ul.products li.product.mansarda-product-status--back-soon .product-image::after {
        --mps-status-size: 76px;
        --mps-status-font-size: 10.9px;
        --mps-status-padding: 6px;
        top: 8px;
        right: 8px;
        max-width: calc(100% - 16px);
        max-height: calc(100% - 16px);
    }

    .single-product div.product.mansarda-product-status--archive .woocommerce-product-gallery__image::after,
    .single-product div.product.mansarda-product-status--coming-soon .woocommerce-product-gallery__image::after,
    .single-product div.product.mansarda-product-status--back-soon .woocommerce-product-gallery__image::after {
        --mps-status-size: 88px;
        --mps-status-font-size: 12.7px;
        --mps-status-padding: 7px;
    }
}