/*
Theme Name:     Twenty Twenty-Four Klippel
Author:         Klippel GmbH
Author URI:     https://www.klippel.de
Template:       twentytwentyfour
Version:        1.0
Text Domain:    twentytwentyfour-klippel
*/

.wp-block-site-title :where(a) {
    font-size: 1.875rem;
    line-height: 2rem;
    text-transform: uppercase;
    color: var(--wp--preset--color--grey-500);
    font-weight: 500;
    letter-spacing: 0.075rem;
}

/* single product page: image gallery use full width of column */
.woocommerce .wp-block-woocommerce-product-image-gallery {
    max-width: none;
}

:root :where(.is-layout-flex) {
    gap: 2.2rem;
}

.woocommerce table.shop_attributes th {
    text-align: left;
    width: 30%;
    min-width: 110px;
}

/* disable zoom-on-mouseover-effect */
.woocommerce-product-gallery__wrapper .zoomImg,
.wp-block-woocommerce-product-image-gallery .zoomImg {
    pointer-events: none !important;
    display: none !important;
}

.woocommerce-product-gallery .woocommerce-product-gallery__image img {
    cursor: default !important;
}

/* header shadow */
header {
    box-shadow: 0px 0px 12px 0px rgb(196, 196, 196);
}

/* footer navigation menu gap */
.wp-block-navigation.is-vertical {
    gap: 0.5rem;
}

/* hide default sorting select and result count on catalogue page */
.wc-block-catalog-sorting,
.wc-block-product-results-count {
    display: none;
}

/* style for blockquote */
blockquote {
    border: 1px solid #bbb;
    border-radius: 4px;
    box-shadow: 0px 0px 5px rgba(100, 100, 100, 0.2);
    padding: 0.3rem 1rem;
}

/* min-height of main page */
.post-type-archive-product main {
    min-height: 640px;
}

/* override minimum width of product card column on catalogue page */
.wc-block-product-template__responsive.columns-3 {
    grid-template-columns: repeat(auto-fill, minmax(max(350px, calc(33.33333% - .83333em)), 1fr));
}

/* sale badge styles */
.woocommerce .wp-block-woocommerce-product-image-gallery span.onsale {
    top: 0.3rem;
}
.woocommerce .wp-block-woocommerce-product-image-gallery span.onsale,
.wc-block-product .wc-block-components-product-image .wc-block-components-product-sale-badge {
    background-color: var(--wp--preset--color--accent-3);
    width: fit-content;
    min-height: 2rem;
    line-height: 2rem;
    font-size: 1.5rem;
    border: 8px double var(--wp--preset--color--base);
    transform: rotateZ(-15deg);
    border-radius: 15px;
}
.wc-block-product .wc-block-components-product-image .wc-block-components-product-sale-badge {
    top: 0;
    left: -10px;
    color: white;
}

.home .wp-block-woocommerce-product-collection.kl-block-width-lg {
    max-width: var(--wp--style--global--wide-size);
}

.kl-block-width-full {
    max-width: 100%;
}

/* style for contact form checkboxes */
.wpcf7-checkbox .wpcf7-list-item {
    display: block;
}

/* style for discounted price */
.wc-block-components-product-price > del {
    color: #D93636;
}
.wc-block-components-product-price > del > .woocommerce-Price-amount {
    font-size: 1.4rem;
}
.woocommerce-price-suffix {
    display: block;
    font-size: 1rem;
    color: var(--wp--preset--color--grey-500);
}