/*
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
*/

/* Start toevoegen van je CSS stijlen hieronder */


/* Gravity Forms: donkere tekst op lichte velden */
.gform-theme--framework input[type].gform-text-input-reset {
    --gf-local-height: auto;
    --gf-local-color: #111820;
    --gf-local-font-family: var(--gf-ctrl-readonly-font-family);
    --gf-local-font-size: var(--gf-ctrl-readonly-font-size);
    --gf-local-font-style: var(--gf-ctrl-readonly-font-style);
    --gf-local-font-weight: var(--gf-ctrl-readonly-font-weight);
    --gf-local-letter-spacing: var(--gf-ctrl-readonly-letter-spacing);
    --gf-local-line-height: var(--gf-ctrl-readonly-line-height);
    block-size: var(--gf-local-height);
    color: var(--gf-local-color);
    font-family: var(--gf-local-font-family);
    font-size: var(--gf-local-font-size);
    font-style: var(--gf-local-font-style);
    font-weight: var(--gf-local-font-weight);
    letter-spacing: var(--gf-local-letter-spacing);
    line-height: var(--gf-local-line-height);
}

/* Gravity Forms totaalvelden en readonly/reset inputs */
.gform-theme--framework input[type].gform-text-input-reset,
.gform-theme--framework input.ginput_total,
.gform_wrapper .ginput_total,
.gform_wrapper input[readonly].gform-text-input-reset {
    background-color: #ffffff !important;
    color: #111820 !important;
    -webkit-text-fill-color: #111820 !important;
    border-color: rgba(17, 24, 32, 0.12) !important;
    box-shadow: 0 0 0 1000px #ffffff inset !important;
}

/* Gravity Forms validatie: dezelfde oranje accentkleur als verplicht */
.gform_wrapper .gfield_error [aria-invalid="true"],
.gform_wrapper .gfield_error input,
.gform_wrapper .gfield_error textarea,
.gform_wrapper .gfield_error select,
.gform_wrapper input[aria-invalid="true"],
.gform_wrapper textarea[aria-invalid="true"],
.gform_wrapper select[aria-invalid="true"] {
    border-color: #f2b705 !important;
    box-shadow: 0 0 0 1px rgba(242, 183, 5, 0.55) !important;
}

.gform_wrapper .gfield_error .gfield_label,
.gform_wrapper .gfield_validation_message,
.gform_wrapper .validation_message,
.gform_wrapper .gform_validation_errors,
.gform_wrapper .gform_validation_errors h2,
.gform_wrapper .gform_submission_error,
.gform_wrapper .gfield_error legend,
.gform_wrapper .gfield_error label {
    color: #f2b705 !important;
}

/* Gravity Forms basisvelden en knoppen in AMK-stijl */
.gform-theme--framework,
.gform_wrapper.gform-theme--framework {
    --gf-ctrl-color: #111820;
    --gf-ctrl-bg-color: #ffffff;
    --gf-ctrl-border-color: rgba(17, 24, 32, 0.12);
    --gf-ctrl-border-focus-color: rgba(242, 183, 5, 0.9);
    --gf-form-gap-y: 1.1rem;
}

.gform_wrapper input[type="text"]:not(.gform-text-input-reset),
.gform_wrapper input[type="email"],
.gform_wrapper input[type="tel"],
.gform_wrapper input[type="url"],
.gform_wrapper input[type="password"],
.gform_wrapper input[type="number"],
.gform_wrapper input[type="search"],
.gform_wrapper select,
.gform_wrapper textarea {
    background-color: #ffffff !important;
    color: #111820 !important;
    -webkit-text-fill-color: #111820 !important;
    border: 1px solid rgba(17, 24, 32, 0.12) !important;
    border-radius: 8px !important;
    box-shadow: 0 0 0 1000px #ffffff inset !important;
    padding: 0.95rem 1rem !important;
    transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
}

.gform_wrapper select {
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    color: #111820 !important;
    -webkit-text-fill-color: #111820 !important;
    text-shadow: none !important;
    min-height: 54px !important;
    height: 54px !important;
    line-height: 1.2 !important;
    background-image:
        linear-gradient(45deg, transparent 50%, #111820 50%),
        linear-gradient(135deg, #111820 50%, transparent 50%);
    background-position:
        calc(100% - 22px) calc(50% - 3px),
        calc(100% - 16px) calc(50% - 3px);
    background-size: 6px 6px, 6px 6px;
    background-repeat: no-repeat;
    padding: 0.7rem 2.75rem 0.7rem 1rem !important;
    vertical-align: middle !important;
}

.gform_wrapper textarea {
    min-height: 11rem;
    resize: vertical;
}

.gform_wrapper input[type="text"]::placeholder,
.gform_wrapper input[type="email"]::placeholder,
.gform_wrapper input[type="tel"]::placeholder,
.gform_wrapper input[type="url"]::placeholder,
.gform_wrapper input[type="password"]::placeholder,
.gform_wrapper input[type="number"]::placeholder,
.gform_wrapper input[type="search"]::placeholder,
.gform_wrapper textarea::placeholder {
    color: #687482 !important;
    opacity: 1 !important;
}

.gform_wrapper input[type="text"]:focus,
.gform_wrapper input[type="email"]:focus,
.gform_wrapper input[type="tel"]:focus,
.gform_wrapper input[type="url"]:focus,
.gform_wrapper input[type="password"]:focus,
.gform_wrapper input[type="number"]:focus,
.gform_wrapper input[type="search"]:focus,
.gform_wrapper select:focus,
.gform_wrapper textarea:focus {
    background-color: #ffffff !important;
    color: #111820 !important;
    -webkit-text-fill-color: #111820 !important;
    caret-color: #111820 !important;
    border-color: rgba(242, 183, 5, 0.9) !important;
    box-shadow: 0 0 0 1px rgba(242, 183, 5, 0.55), 0 0 0 1000px #ffffff inset !important;
    outline: none !important;
}

.gform_wrapper input:-webkit-autofill,
.gform_wrapper textarea:-webkit-autofill,
.gform_wrapper select:-webkit-autofill,
.gform_wrapper input:-webkit-autofill:hover,
.gform_wrapper textarea:-webkit-autofill:hover,
.gform_wrapper select:-webkit-autofill:hover,
.gform_wrapper input:-webkit-autofill:focus,
.gform_wrapper textarea:-webkit-autofill:focus,
.gform_wrapper select:-webkit-autofill:focus {
    -webkit-text-fill-color: #111820 !important;
    box-shadow: 0 0 0 1000px #ffffff inset !important;
}

.gform_wrapper .gfield_label,
.gform_wrapper legend.gfield_label,
.gform_wrapper .gform-field-label {
    color: #f7f7f3;
    font-weight: 600;
    text-align: left !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
}

.gform_wrapper .gfield_description,
.gform_wrapper .gsection_description,
.gform_wrapper .instruction {
    color: rgba(247, 247, 243, 0.72);
}

.gform_wrapper .gform_button,
.gform_wrapper .gform_next_button,
.gform_wrapper .gform_previous_button,
.gform_wrapper input[type="submit"],
.gform_wrapper input[type="button"] {
    background: #ff1c0f !important;
    border: 1px solid #ff1c0f !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    padding: 0.9rem 1.5rem !important;
    font-weight: 600;
    box-shadow: none !important;
}

.gform_wrapper .gform_previous_button {
    background: transparent !important;
    border-color: rgba(247, 247, 243, 0.18) !important;
    color: #f7f7f3 !important;
}

.gform_wrapper .gform_button:hover,
.gform_wrapper .gform_next_button:hover,
.gform_wrapper input[type="submit"]:hover,
.gform_wrapper input[type="button"]:hover {
    filter: brightness(1.03);
}

.gform_wrapper .gform_validation_errors {
    background: rgba(242, 183, 5, 0.08) !important;
    border: 1px solid rgba(242, 183, 5, 0.32) !important;
    border-radius: 12px !important;
    padding: 1rem 1.1rem !important;
}

.gform_wrapper .ginput_container_consent,
.gform_wrapper .gfield_checkbox,
.gform_wrapper .gfield_radio,
.gform_wrapper .gchoice {
    text-align: left !important;
}

.gform_wrapper .gchoice {
    display: flex;
    align-items: flex-start;
    gap: 1.1rem;
    margin-bottom: 0.7rem;
}

.gform_wrapper .gchoice input[type="checkbox"],
.gform_wrapper .gchoice input[type="radio"] {
    margin-top: 0.2rem;
    margin-right: 0.15rem !important;
    flex: 0 0 auto;
}

.gform_wrapper .gchoice label,
.gform_wrapper .ginput_container_consent label {
    color: #f7f7f3;
    text-align: left !important;
    line-height: 1.45;
    margin: 0 !important;
}

.gform_wrapper .gfield--type-radio .ginput_container,
.gform_wrapper .gfield--type-checkbox .ginput_container,
.gform_wrapper .gfield--type-consent .ginput_container {
    display: block;
}

.gform_wrapper .gfield--type-radio .gfield_description,
.gform_wrapper .gfield--type-checkbox .gfield_description,
.gform_wrapper .gfield--type-consent .gfield_description {
    margin-top: 0.45rem;
}

@media (min-width: 783px) {
    .gform_wrapper .gform_fields {
        row-gap: 1.25rem;
    }

    .gform_wrapper .gfield {
        align-self: start;
    }

    .gform_wrapper .gfield_label,
    .gform_wrapper legend.gfield_label,
    .gform_wrapper .gform-field-label {
        margin-bottom: 0.65rem !important;
    }

    .gform_wrapper .gfield--width-half,
    .gform_wrapper .gfield--width-third,
    .gform_wrapper .gfield--width-quarter {
        justify-self: stretch;
    }
}

/* Reactieformulier */
#respond input[type="text"],
#respond input[type="email"],
#respond input[type="url"],
#respond textarea,
select.gt_selector {
    background-color: #ffffff !important;
    color: #000000 !important;
    padding: 5px !important;
    box-sizing: border-box !important;
}

#respond input[type="text"]::placeholder,
#respond input[type="email"]::placeholder,
#respond input[type="url"]::placeholder,
#respond textarea::placeholder {
    color: #000000 !important;
    opacity: 1 !important;
}

#respond input[type="text"]::-webkit-input-placeholder,
#respond textarea::-webkit-input-placeholder {
    color: #000000 !important;
}

#respond input[type="text"]::-moz-placeholder,
#respond textarea::-moz-placeholder {
    color: #000000 !important;
    opacity: 1 !important;
}

/* Suggestielijsten */
.amk-merk-suggest,
.amk-type-suggest {
    position: relative;
    margin-top: 2px;
    background: #ffffff;
    color: #000000;
    border: 1px solid #ccc;
    border-radius: 4px;
    max-height: 220px;
    overflow-y: auto;
    font-size: 14px;
    box-shadow: 0 4px 12px rgba(0,0,0,.25);
    z-index: 1000;
}

.amk-merk-suggest ul,
.amk-type-suggest ul {
    list-style: none;
    margin: 0;
    padding: 4px 0;
}

.amk-merk-suggest-item,
.amk-type-suggest-item {
    padding: 4px 10px;
    cursor: pointer;
    white-space: nowrap;
}

.amk-merk-suggest-item:hover,
.amk-type-suggest-item:hover {
    background: #f3f3f3;
}

/* Evenementenformulier */
.amk-row1,
.amk-row2 {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 8px;
}

.amk-col {
    flex: 1 1 45%;
    min-width: 220px;
}

.amk-col-auto {
    flex: 0 0 auto;
    align-self: center;
}

.amk-inline {
    display: flex;
    gap: 12px;
    align-items: center;
    flex-wrap: wrap;
}

@media (max-width: 640px) {
    .amk-row1 .amk-col,
    .amk-row2 .amk-col {
        flex: 1 1 100%;
        min-width: 100%;
    }
}

/* MailPoet captcha */
.mailpoet_form input.mailpoet_text[name="data[captcha]"],
#mailpoet_captcha_full input[type="text"],
.mailpoet_captcha_form .mailpoet_text {
    color: #000000 !important;
    background-color: #ffffff !important;
    -webkit-text-fill-color: #000000 !important;
    opacity: 1 !important;
}

.mailpoet_form input.mailpoet_text[name="data[captcha]"]:focus {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
}

/* Gravity Forms complexe velden: product, totaal, radio/checkbox en enhanced selects */
.gform_wrapper .gfield .ginput_container,
.gform_wrapper .gfield .ginput_container * {
    text-align: left;
}

.gform_wrapper .gfield--type-product,
.gform_wrapper .gfield--type-total,
.gform_wrapper .gfield--type-shipping,
.gform_wrapper .gfield--type-price,
.gform_wrapper .gfield--type-radio,
.gform_wrapper .gfield--type-checkbox,
.gform_wrapper .gfield--type-consent,
.gform_wrapper .gfield--type-select {
    align-self: start;
}

.gform_wrapper .gfield_price label,
.gform_wrapper .gfield_price legend,
.gform_wrapper .gfield_total label,
.gform_wrapper .gfield_total legend,
.gform_wrapper .gfield--type-product .gfield_label,
.gform_wrapper .gfield--type-total .gfield_label,
.gform_wrapper .gfield--type-shipping .gfield_label,
.gform_wrapper .gfield--type-price .gfield_label {
    text-align: left !important;
    display: block !important;
}

.gform_wrapper .gfield_price .ginput_container,
.gform_wrapper .gfield_total .ginput_container,
.gform_wrapper .gfield--type-product .ginput_container,
.gform_wrapper .gfield--type-total .ginput_container,
.gform_wrapper .gfield--type-shipping .ginput_container,
.gform_wrapper .gfield--type-price .ginput_container {
    display: block;
    width: 100%;
}

.gform_wrapper .gfield_price .gfield_description,
.gform_wrapper .gfield_total .gfield_description,
.gform_wrapper .gfield--type-product .gfield_description,
.gform_wrapper .gfield--type-shipping .gfield_description,
.gform_wrapper .gfield--type-price .gfield_description {
    max-width: 62ch;
    margin-top: 0.55rem;
}

.gform_wrapper .gfield--type-radio .gchoice,
.gform_wrapper .gfield--type-checkbox .gchoice,
.gform_wrapper .gfield--type-consent .gchoice {
    align-items: center;
}

.gform_wrapper .gfield--type-radio .gchoice label,
.gform_wrapper .gfield--type-checkbox .gchoice label,
.gform_wrapper .gfield--type-consent .gchoice label {
    padding-left: 0.05rem;
}

.gform_wrapper .gfield--type-radio .gchoice label,
.gform_wrapper .gfield--type-checkbox .gchoice label,
.gform_wrapper .gfield--type-consent .gchoice label {
    font-weight: 500;
}

.gform_wrapper .gfield select option {
    color: #111820;
    background: #ffffff;
}

.gform_wrapper .gfield select,
.gform_wrapper .ginput_container_select select,
.gform_wrapper .gfield--type-select select,
.gform_wrapper .ginput_container_address select,
.gform_wrapper select[name^="input_"],
.gform_wrapper select[id^="input_"],
.gform_wrapper .gfield select:focus,
.gform_wrapper .ginput_container_select select:focus,
.gform_wrapper .gfield--type-select select:focus,
.gform_wrapper .ginput_container_address select:focus,
.gform_wrapper select[name^="input_"]:focus,
.gform_wrapper select[id^="input_"]:focus {
    color: #111820 !important;
    -webkit-text-fill-color: #111820 !important;
    opacity: 1 !important;
    --theme-form-text-initial-color: #111820 !important;
    --theme-form-text-focus-color: #111820 !important;
    --theme-form-field-background-initial-color: #ffffff !important;
    --theme-form-field-background-focus-color: #ffffff !important;
}

.gform_wrapper .gfield select:invalid,
.gform_wrapper .gfield select option[value=""] {
    color: #687482;
}

.gform_wrapper .ginput_container_address select option:checked,
.gform_wrapper .gfield select option:checked,
.gform_wrapper select[name^="input_"] option:checked,
.gform_wrapper select[id^="input_"] option:checked {
    color: #111820 !important;
    background: #ffffff !important;
}

.gform_wrapper .ginput_container_select .chosen-container-single .chosen-single,
.gform_wrapper .ginput_container_select .select2-container .select2-selection--single,
.gform_wrapper .ginput_container_select .select2-container .select2-selection--multiple {
    min-height: 54px !important;
    background: #ffffff !important;
    color: #111820 !important;
    border: 1px solid rgba(17, 24, 32, 0.12) !important;
    border-radius: 8px !important;
    box-shadow: 0 0 0 1000px #ffffff inset !important;
}

.gform_wrapper .ginput_container_select .chosen-container-single .chosen-single span,
.gform_wrapper .ginput_container_select .select2-container .select2-selection__rendered,
.gform_wrapper .ginput_container_select .select2-container .select2-selection__placeholder {
    color: #111820 !important;
    -webkit-text-fill-color: #111820 !important;
    line-height: 52px !important;
    opacity: 1 !important;
}

.gform_wrapper .ginput_container_select .chosen-container-single .chosen-single,
.gform_wrapper .ginput_container_select .select2-container .select2-selection--single,
.gform_wrapper .ginput_container_select .select2-container .select2-selection--multiple,
.gform_wrapper .ginput_container_select .chosen-container-single .chosen-single span,
.gform_wrapper .ginput_container_select .select2-container .select2-selection__rendered,
.gform_wrapper .ginput_container_select .select2-container .select2-selection__placeholder {
    color: #111820 !important;
    fill: #111820 !important;
    --theme-form-text-initial-color: #111820 !important;
    --theme-form-text-focus-color: #111820 !important;
}

.gform_wrapper .ginput_container_select .select2-container .select2-selection__arrow b,
.gform_wrapper .ginput_container_select .chosen-container-single .chosen-single div b {
    border-top-color: #111820 !important;
}

.gform_wrapper .ginput_container_select .select2-dropdown,
.gform_wrapper .ginput_container_select .chosen-drop {
    background: #ffffff !important;
    color: #111820 !important;
    border: 1px solid rgba(17, 24, 32, 0.12) !important;
}

.gform_wrapper .ginput_container_select .select2-results__option,
.gform_wrapper .ginput_container_select .chosen-results li {
    color: #111820 !important;
}

.gform_wrapper .ginput_container_select .select2-results__option--highlighted[aria-selected],
.gform_wrapper .ginput_container_select .chosen-results li.highlighted {
    background: rgba(242, 183, 5, 0.16) !important;
    color: #111820 !important;
}

@media (min-width: 783px) {
    .gform_wrapper .gfield--type-product,
    .gform_wrapper .gfield--type-total,
    .gform_wrapper .gfield--type-shipping,
    .gform_wrapper .gfield--type-price,
    .gform_wrapper .gfield--type-radio,
    .gform_wrapper .gfield--type-checkbox,
    .gform_wrapper .gfield--type-consent {
        grid-column: 1 / -1 !important;
        max-width: 100%;
    }

    .gform_wrapper .gfield_price .gfield_description,
    .gform_wrapper .gfield_total .gfield_description,
    .gform_wrapper .gfield--type-product .gfield_description,
    .gform_wrapper .gfield--type-shipping .gfield_description,
    .gform_wrapper .gfield--type-price .gfield_description {
        margin-left: 0 !important;
    }
}