/*
Theme Name:   Twenty Twenty-Four Child
Theme URI:    https://github.com/Clickadelic/twentytwentyfour-child
Description:  TwentyTwentyFour Gutenberg-ready child theme for the default WP-theme TwentyTwentyFour.
Author:       Hans Kuijpers
Author URI:   https://hkweb.nl
Template:     twentytwentyfour
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags:         Gutenberg, FSE
Text Domain:  twentytwentyfour
*/

body {
    background-image: url("/wp-content/uploads/2019/06/back_01.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

main,
.woocommerce > .wp-site-blocks > .wp-block-group {
    --main-background-size: var(--wp--style--global--content-size);

    position: relative;
    margin-block-end: 4rem;

    &::after {
        position: absolute;
        display: block;
        content: '';
        background: white;
        inline-size: calc(var(--main-background-size) + 3rem);
        max-inline-size: 100%;
        left: 50%;
        transform: translateX(-50%);
        top: 0;
        height: calc(100% + 3rem);
        z-index: -1;
        border-radius: 1rem;
    }

    &:has(.alignwide) {
        --main-background-size: var(--wp--style--global--wide-size);
    }
}


.woocommerce table.shop_attributes th {
    vertical-align: top;
    text-align: left;
}

.single-product .wp-block-post-excerpt {
    display: none;
}

.wp-block-post.product {
    display: flex;
    flex-direction: column;
    gap: 1em;

    > * {
        margin-bottom: 0;
    }

    & .wp-block-buttons {
        order: 99;
        margin-top: auto;
    }
}


.wp-element-button,
.wp-block-button__link {
    --wp--preset--color--contrast: #347530;
}

.wp-element-button:hover,
.wp-block-button__link:hover {
    --wp--preset--color--contrast-2: #447d36;
}

.wp-element-button:focus,
.wp-block-button__link:focus {
    --wp--preset--color--contrast-2: #447d36;
}

.wp-block-navigation__responsive-container-open {
    position: absolute;
    top: -84px;
}

.wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle {
    padding-left: 6px;
}


.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list {
    --navigation-layout-justification-setting: flex-start;
}

header .wp-container-core-group-is-layout-2 {
    flex: 1 0 12.5rem;
}

.product-search {
    flex: 1;
}

.product-search-form {
    height: 2.5rem;
    width: 100%;
}