/*
 * Theme Name: JB's Duurzame Installaties
 * Author: Insomedia
 * Version: 1.0
 * Description: Thema voor JB's Duurzame Installaties gemaakt voor Insomedia.
 */

.woocommerce ul.products li.product a.woocommerce-loop-product__link { display: flex; flex-direction: column; height: 100%; }
.woocommerce ul.products li.product a img { border-radius: 10px; }
.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
    font-size: 1.125em;
    font-weight: 600;
    flex-grow: 1;
}

.woocommerce .products ul::after, .woocommerce .products ul::before, .woocommerce ul.products::after, .woocommerce ul.products::before {
    display: none;
}

.woocommerce ul.products li.product .price {
    font-size: 1.25rem;
    color: var(--color-secondary);
    font-weight: 700;
    margin-bottom: 0;
}

.loop-arrow { right: 0; bottom: 6px; }

.woocommerce .term-description { padding-top: 40px; margin-bottom: 40px; }
.woocommerce .term-description .page-title { font-size: 2rem; font-weight: 700; }

.woocommerce .category-description { padding-bottom: 40px; }
.woocommerce .category-description h2, .woocommerce .category-description h3 {
    font-size: 2em;
    font-weight: 600;
}

.woocommerce table.shop_table { background: rgba(255,255,255,0.07); color: #fff; }
.woocommerce table.shop_table th { color: #fff; }
.woocommerce table.shop_table td a { color: #fff; }
.woocommerce a.remove { background: #fff; }
.woocommerce-cart table.cart input { border: 1px solid #fff; border-radius: 5px; overflow: hidden; }

/* Gravity Forms */
.gform-theme--api, .gform-theme--foundation {
    --gf-form-gap-y: 20px !important;
}

#gform_wrapper_1[data-form-index="0"].gform-theme, [data-parent-form="1_0"] {
    --gf-ctrl-label-color-primary: #fff !important;
    --gf-color-primary-darker: var(--color-secondary) !important;
    --gf-font-size-secondary: 16px !important;
    --gf-color-primary: var(--color-secondary) !important;
    --gf-color-primary-contrast: var(--color-primary) !important;
    --gf-radius: 0.5rem !important;
}

#gform_wrapper_2[data-form-index="0"].gform-theme, [data-parent-form="2_0"] {
    --gf-ctrl-label-color-primary: #fff !important;
    --gf-color-primary-darker: var(--color-secondary) !important;
    --gf-font-size-secondary: 16px !important;
    --gf-color-primary: var(--color-secondary) !important;
    --gf-color-primary-contrast: var(--color-primary) !important;
    --gf-radius: 0.5rem !important;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt {
    background-color: var(--color-secondary) !important;
    color: #000 !important;
}

.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
    float: none;
    width :100%;
    padding: 20px 40px;
}

.woocommerce-privacy-policy-text a { color: #fff; }