/*
.wp-malenea-logo {
    width: 100%;
    max-width: 150px !important;
    height: auto;
}

.wp-block-cover .wp-block-navigation__submenu-container {
background: white !important;
color: black !important;
}

.wp-block-cover .wp-block-navigation__responsive-container {
color: black !important;
}

.wp-block-cover-fallback {
    background-image: url('https://malenea.de/wp-content/uploads/2025/09/hero-video-fallback.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
*/


.malenea-sold-out-overlay {
    position: absolute;
    left: 8px;
    top: 8px;
    color: #CC0000;
    font-size: .875em;
    font-weight: 600;
    padding: .25em .75em;
    border: 1px solid #CC0000;
    border-radius: 5px;
}

.wc-block-components-product-sale-badge {
    position: absolute;
    top: 0 !important;
    right: 0 !important;
}

.malenea-category-teaser-container {
    overflow-x: auto !important;
}

.malenea-category-teaser-minwidth {
    min-width: 320px;
}

/* Custom Paginator */

.wp-block-cover-fallback {
    background-image: url('https://malenea.de/wp-content/plugins/malenea/assets/hero-fallback.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.wp-malenea-logo img {
    width: 100% !important;
    max-width: 150px;
    height: auto;
}

body:not(.home) header {
    position: sticky;
    top: 0;
    background: white;
    z-index: 9998
}

.wp-block-query-pagination-numbers {
    display: flex;
    gap: 8px;
    line-height: normal;
}

.page-numbers {
    display: block;
    padding: 8px 12px;
    color: white;
    background-color: #a6be47;
    border-radius: 4px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
}

.page-numbers:hover {
    background-color: #636363;
    color: white;
}

.page-numbers.current {
    background-color: #636363;
    color: white;
}

.wp-block-query-pagination-next,
.wp-block-query-pagination-previous {
    display: flex;
    color: #000000;
    text-decoration: none;
    font-size: 32px;
    font-weight: 600;
    line-height: 19px;
    margin: 0 !important;
}

.wp-block-query-pagination .wp-block-query-pagination-next-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    margin-bottom: 10px;
}

.wp-block-query-pagination .wp-block-query-pagination-previous-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    margin-bottom: 10px;
}



/*.wp-block-query-pagination-next:hover {
    background-color: #636363;
    color: white;
}*/

/*.wp-block-query-pagination-next:before {
    content: '⯈';
    margin-left: 4px;
}

.wp-block-query-pagination-previous:before {
    content: '⯇';
    margin-left: 4px;
}*/

/* Custom styles woocommerce */

:where(.wp-site-blocks *:focus) {
    outline-width: 2px;
    outline-style: solid
}

.woocommerce a.added_to_cart {
    background: black;
    color: white;
    text-decoration: none;
    font-size: small;
    margin-top: 0;
    padding: 11px !important;
    border-radius: 5px;
}

.wp-block-button.wc-block-components-product-button {}

/*image gallery product detail rounded border*/
.wp-block-woocommerce-product-image-gallery {
    padding: 8px;
    border: 1px solid #CCCCCC;
    border-radius: 10px;
}

/* Make Product gallery on detail page always sty in view on scrolling */
.woocommerce .wp-block-woocommerce-product-image-gallery {
    position: sticky;
    top: 20px;
}

/*2em margin fix under Image gallery on Detail site*/
.woocommerce div.product div.images {
    margin-bottom: 0 !important;
}



/* Headlines der einzelnen Absätze wie Paypal, Adresse, etc. im Checkout Prozess */
h2.wc-block-components-checkout-step__title {
    font-size: var(--wp--preset--font-size--large, 32px) !important;
    font-weight: var(--wp--preset--font-weight--normal) !important;
    letter-spacing: -.5px;
}



/* Produktkarusell Startseite */

:root :where(.wp-block-post-title a:where(:not(.wp-element-button))) {
    color: #605695;
}

div[data-collection="woocommerce/product-collection/hand-picked"] ul {
    display: flex;
}

div[data-collection="woocommerce/product-collection/hand-picked"] ul li {
    display: flex;
    justify-content: space-between !Important;
    align-self: stretch !important;
    border: none !important;
}

div[data-collection="woocommerce/product-collection/hand-picked"] ul li h2 {
    font-family: serif !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    letter-spacing: -.2px !important;
}

/* Produktkarusell Startseite Next previous buttons arrows */
div[data-block-name="woocommerce/product-gallery-large-image-next-previous"] button {
    display: block;
    padding: 8px 12px;
    color: white;
    background-color: #a6be47;
    border-radius: 4px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
}






.wc-block-product {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

li.wc-block-product {
    position: relative;
    padding: 8px;
    border: 1px solid #CCCCCC;
    border-radius: 10px;
}

.wc-block-product-template__responsive.columns-3 {
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
}

.wc-block-product-template__responsive {
    grid-gap: 2em;
    display: -ms-grid;
    display: grid;
}

.wp-block-button.wc-block-components-product-button {
    display: flex;
    flex-direction: row !important;
    justify-content: flex-start;
    gap: 8px;
}

.woocommerce-product-attributes-item__label {
    text-align: left;
    vertical-align: top !important;
    white-space: nowrap;
}

.woocommerce-product-attributes {
    width: 100%;
    text-align: left !important;
    vertical-align: top;
    border-spacing: 10px;
    border-collapse: separate;
}




/* Warenkorb productlisting */

.wc-block-grid__product .wc-block-grid__product-image,
.wc-block-grid__product .wc-block-grid__product-link {
    display: flex;
    flex-direction: column;
}

.woocommerce-cart .wc-block-grid__products {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 8px;
}

.woocommerce-cart .wc-block-grid__product {
    max-width: calc(100% - 16px) !important;
    padding: 8px;
    border: 1px solid #CCCCCC;
    border-radius: 10px;
}

.woocommerce-cart .wc-block-grid__product:nth-of-type(1n+4) {
    display: none !important;
}

.wc-block-grid__product-title {
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    padding: 0;
}

/* Set content to full width */
.woocommerce-account .wp-block-post-title,
.woocommerce-account main .woocommerce,
.woocommerce-cart .wp-block-post-title,
.woocommerce-cart main .woocommerce,
.woocommerce-checkout .wp-block-post-title,
.woocommerce-checkout main .woocommerce {
    max-width: var(--wp--style--global--wide-size) !important;
}

/* Set content to full width */
.wp-container-core-post-content-is-layout-47fdd9b5>.alignwide {
    max-width: var(--wp--style--global--wide-size) !important;
}


/* Custom style for post listing on blog index page */
.wp-block-post-excerpt__more-link {
    display: inline-block;
    padding: 8px 12px;
    color: white;
    background-color: #a6be47;
    border-radius: 4px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
}

.wp-block-post-excerpt__more-link:hover {
    background-color: #636363;
    color: white;
    text-decoration: none;
}


/* Disable max-height to prevent wrong image sizes */
html :where(img[class*=wp-image-]) {
    width: 100%;
    max-width: unset;
    height: auto;
}

.wp-block-image img {
    width: 100%;
    max-width: unset;
    height: auto;
}