/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

:root {
    --contrast: #222222;
    --contrast-2: #E8C547;
    --contrast-3: #1a4a9b;
    --base: #f0f0f0;
    --base-2: #f7f8f9;
    --base-3: #ffffff;
    --accent: #4A7B21;
}

/* Produktseite */
.product_title {
    font-size: 1.25em;
    padding-bottom: 20px;
}

.wapf-field-label label span {
    font-weight: 700;
    font-size: 17px;
}

.quantity.buttons-added {
    padding-bottom: 20px;
}

.wapf-field-container.wapf-field-number.field-3aace30,
.wapf-field-container.wapf-field-number.field-c1eeffd,
li.wc-block-components-product-details__factor,
li.wc-block-components-product-details__weight-factor {
    display: none;
}

.min-order-qty {
    margin-top: 10px;
    font-weight: bold;
    font-size: 1rem;
    background: #fff3cd;
    padding: 10px;
    margin: 10px 0;
    border-left: 4px solid #ffeeba;
}

/* END Produktseite */

/* BUTTONS */
.woocommerce a.button,
.woocommerce button.button.alt,
input.wpcf7-form-control.wpcf7-submit.has-spinner,
button.wp-block-search__button.wp-element-button,
a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained,
button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained {
    align-items: center !important;
    background-color: var(--accent) !important;
    color: #ffffff !important;
    display: inline-flex;
    text-decoration: none;
    border-radius: 30px !important;
    padding: 0.7rem 1.5rem !important;
}

button.single_add_to_cart_button.button.alt {
    height: 50px;
}

.woocommerce a.button:hover,
.woocommerce button.button.alt:hover,
input.wpcf7-form-control.wpcf7-submit.has-spinner:hover,
button.wp-block-search__button.wp-element-button:hover,
a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained:hover,
button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained:hover {
    background-color: var(--contrast-3) !important;
    color: #ffffff;
}

/* END BUTTONS */

/* Kontaktformular */
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"],
textarea,
select {
    border-radius: 30px;
}

.form-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    max-width: 100%;
    box-sizing: border-box;
}

.left-column,
.right-column {
    flex: 1;
    min-width: 280px;
    box-sizing: border-box;
}

/* Labels & Inputs richtig anpassen */
.form-grid label {
    display: block;
    width: 100%;
}

.form-grid input,
.form-grid textarea {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

/* Mobil: alles untereinander */
@media (max-width: 768px) {
    .form-grid {
        flex-direction: column;
    }
}

/* END Kontaktformular */

/* Sticky Footer */
body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.container.grid-container {
    width: 100%;
}

.site-footer {
    margin-top: auto;
}

/* END Sticky Footer */

/* Materialauswahl */
.wapf-swatch--text label {
    padding: 3px 8px !important;
}

.wapf-swatch--text {
    margin: 0 5px 5px 0 !important;
}

/* END Materialauswahl */

/* Produkt Tabs */
div.woocommerce-tabs {
    background: rgba(0, 0, 0, .02);
}

ul.tabs.wc-tabs {
    background: white !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
    background: white !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    background-color: rgba(0, 0, 0, .02) !important;
}

.woocommerce div.product .woocommerce-tabs .panel {
    margin: 0 0 2em;
    padding: 20px;
}

.woocommerce-Tabs-panel h2 {
    font-size: 20px;
    font-weight: 600;
}

/* alata-regular - latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Alata';
    font-style: normal;
    font-weight: 400;
    src: url('https://b3d-druck.ch/wp-content/uploads/fonts/alata-v11-latin-regular.woff2') format('woff2');
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}