/* Amarcord shop: square white outline for manually built image-grid category buttons.
   Scoped to the shop page structure block only; no product-page variant controls are touched. */
body.o_website_sale_products #oe_structure_website_sale_products_1
    section.s_masonry_block[data-snippet="s_masonry_block"][data-name="Kacheln"]
    .o_grid_item:not(.o_grid_item_image) a.btn.btn-custom[href^="/shop/category/"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 36px !important;
    width: auto !important;
    max-width: min(92%, 360px) !important;
    padding: 8px 18px !important;
    border: 2px solid #ffffff !important;
    border-color: #ffffff !important;
    border-style: solid !important;
    border-width: 2px !important;
    border-radius: 0 !important;
    background-color: transparent !important;
    color: #ffffff !important;
    line-height: 1.15 !important;
    text-align: center !important;
    text-decoration: none !important;
    box-shadow: none !important;
}

body.o_website_sale_products #oe_structure_website_sale_products_1
    section.s_masonry_block[data-snippet="s_masonry_block"][data-name="Kacheln"]
    .o_grid_item:not(.o_grid_item_image) p {
    margin: 0 !important;
    text-align: center !important;
}

@media (max-width: 767.98px) {
    body.o_website_sale_products #oe_structure_website_sale_products_1
        section.s_masonry_block[data-snippet="s_masonry_block"][data-name="Kacheln"]
        .o_grid_item:not(.o_grid_item_image) a.btn.btn-custom[href^="/shop/category/"] {
        min-height: 32px !important;
        padding: 7px 14px !important;
        white-space: normal !important;
    }
}

/* Sinovo 2026-06-24: light darkening for the three manual shop category images. */
body.o_website_sale_products #oe_structure_website_sale_products_1
    section.s_masonry_block[data-snippet="s_masonry_block"][data-name="Kacheln"]
    .o_grid_item.o_grid_item_image img,
body.o_website_sale_products #oe_structure_website_sale_products_1
    section.s_masonry_block[data-snippet="s_masonry_block"][data-name="Kacheln"]
    .o_grid_item.o_grid_item_image .o_we_bg_filter {
    filter: brightness(0.82) !important;
}

body.o_website_sale_products #oe_structure_website_sale_products_1
    section.s_masonry_block[data-snippet="s_masonry_block"][data-name="Kacheln"]
    .o_grid_item.o_grid_item_image {
    background-color: rgba(0, 0, 0, 0.12) !important;
}