/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

/* Hide "Select options" text — replace with cleaner label */
.woocommerce ul.products li.product a.button.product_type_variable::after {
    content: 'Bekijk product';
}

form select,
form input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="reset"]),
textarea {
    width: 100% !important;
    font-family: var(--e-global-typography-text-font-family) !important;
    font-weight: var(--e-global-typography-text-font-weight) !important;
    font-size: 0.9rem !important;
    padding: .6rem .875rem !important;
    border: 1.5px solid var(--e-global-color-34d57d1) !important;
    border-radius: 0.5rem !important;
    background: var(--e-global-color-9f98840) !important;
    transition: border-color 0.2s ease !important;
    appearance: none !important;
    -webkit-appearance: none !important;
}

form select:focus,
form input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="reset"]):focus,
textarea:focus {
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(23,65,139,.1) !important;
    border-color: var(--e-global-color-primary) !important;
}

form input[type="checkbox"],
form input[type="radio"] {
    width: 1rem;
    height: 1rem;
    flex-shrink: 0;
    appearance: auto;
    -webkit-appearance: auto;
    accent-color: var(--e-global-color-primary);
    cursor: pointer;
    margin: 0;
    padding: 0;
    border: none;
    background: none;
    border-radius: 0;
}

form select:focus, form input:focus,
form .quantity:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(23,65,139,.1);
    border-color: var(--e-global-color-primary);
}

.gform_button,
.gform_button[type="submit"] {
    background-color: var(--e-global-color-accent) !important;
    color: var(--e-global-color-text) !important;
    font-family: var(--e-global-typography-text-font-family) !important;
    font-size: 0.9375rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.03em !important;
    padding: 0.6875rem 1.5rem !important;
    border-radius: 0.375rem !important;
    border: none !important;
    cursor: pointer !important;
    transition: background-color 0.2s ease, box-shadow 0.2s ease !important;
    appearance: auto !important;
    -webkit-appearance: auto !important;
    width: auto !important;
}

.gform_button:hover,
.gform_button[type="submit"]:hover {
    background-color: #c98800 !important;
    box-shadow: 0 4px 12px rgba(247,164,0,.35) !important;
}