/* === 1. ALGEMENE LETTERTYPE EN KLEURINSTELLING === */
body.woocommerce,
body.woocommerce-page {
    font-family: 'Wallop', sans-serif !important;
    color: #0E4667;
}

/* === 2. HEADER EN FOOTER TEKST WIT === */
header,
footer,
.site-header,
.site-footer,
.header,
.footer {
    color: #FFFFFF !important;
}

header *:not(a),
footer *:not(a),
.site-header *:not(a),
.site-footer *:not(a),
.header *:not(a),
.footer *:not(a) {
    color: #FFFFFF !important;
}

/* === 3. ALLE WOO KNOPPEN: STIJL EN WITTE TEKST === */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce-page a.button,
.woocommerce-page button.button,
.woocommerce-page input.button,
.woocommerce-page #respond input#submit,
.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button {
    background-color: #ff432f !important;
    border-radius: 100px;
    padding: 20px;
    font-weight: 700;
    font-style: italic;
    font-family: 'Wallop', sans-serif;
    text-transform: uppercase;
    color: #FFFFFF !important;
    border: none;
    text-decoration: none;
    cursor: pointer;
    display: inline-block;
    transition: background-color 0.3s ease;
    text-align: center;
}

/* === 4. KNOP HOVER === */
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce-page a.button:hover,
.woocommerce-page button.button:hover,
.woocommerce-page input.button:hover,
.woocommerce-page #respond input#submit:hover {
    background-color: #e03b29 !important;
}

/* === 5. INHOUDELIJKE TEKSTEN IN #0E4667 === */
.woocommerce .woocommerce-product-details__short-description,
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce .woocommerce-tabs .panel,
.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel,
.woocommerce .cart_totals,
.woocommerce .cart_totals *:not(button),
.woocommerce-checkout-review-order-table,
.woocommerce-checkout-review-order-table *:not(button),
.woocommerce table.shop_table td,
.woocommerce table.shop_table th,
.woocommerce .woocommerce-message,
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-error,
.single-product .summary,
.single-product .entry-summary,
.single-product .price {
    color: #0E4667 !important;
}

/* === 6. KNOP TEKSTEN OP SINGLE PRODUCT PAGINA BLIJVEN WIT === */
.single-product .woocommerce a.button,
.single-product .woocommerce button.button,
.single-product .woocommerce input.button {
    color: #FFFFFF !important;
}

/* === 7. RESPONSIVE MENU STYLING === */
@media screen and (max-width: 1200px) {
    .main-navigation {
        display: none;
    }

    .hamburger-menu {
        display: block;
    }
}

@media screen and (max-width: 420px) {
    .social-icons {
        display: none !important;
    }

    .hamburger-menu {
        margin-right: 10px;
    }

    .gratis-proefles-knop {
        margin-left: auto;
    }

    .header-wrapper {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
    }
}

/* === 8. STANDAARD VERBERG HAMBURGER MENU === */
.hamburger-menu {
    display: none;
    cursor: pointer;
}

/* === 9. BREDE FOOTER INDICATIE === */
.footerbreder {
    width: 70% !important;
}

.footerbreder p {
	font-weight: 400 !important;
}


.wp-block-woocommerce-add-to-cart-form .variations_button, .wp-block-woocommerce-add-to-cart-form form.cart {
	display: inline-block !important;
}

.woocommerce div.product form.cart button.single_add_to_cart_button, .woocommerce div.product form.cart button[name=add-to-cart] {
	margin-top: 20px !important;
}