/*
----------------------------------------------------------------

mollie-custom-colors.css
Custom Color Scheme for Gravity Forms Mollie Add-On
Matching the website's color palette:
- Green: #467f05
- Brown: #9f8447  
- Dark Gray: #222e1f

This file is part of the Kliko Configurator plugin.
----------------------------------------------------------------
*/

/* Admin Interface - Connect Button */
#gform_mollie_connect_button svg path.bg {
    fill: #467f05 !important;
}

#gform_mollie_connect_button svg:hover path.bg {
    fill: #3a6a04 !important;
}

/* Frontend Credit Card Fields */
.gform_wrapper.gravity-theme .ginput_container_mollie_components .ginput_card_field,
.gform_wrapper.gform_legacy_markup_wrapper .ginput_container_mollie_components .ginput_card_field {
    border: 1px solid #9f8447 !important;
    transition: border-color 0.3s ease;
}

.gform_wrapper.gravity-theme .ginput_container_mollie_components .ginput_card_field:focus,
.gform_wrapper.gform_legacy_markup_wrapper .ginput_container_mollie_components .ginput_card_field:focus {
    border-color: #467f05 !important;
    outline: none;
    box-shadow: 0 0 0 2px rgba(70, 127, 5, 0.2) !important;
}

.gform_wrapper.gravity-theme .gfield_error .ginput_container_mollie_components .ginput_card_field,
.gform_wrapper.gform_legacy_markup_wrapper .gfield_error .ginput_container_mollie_components .ginput_card_field {
    border: 1px solid #222e1f !important;
}

/* Payment Method Select */
.gform_wrapper.gravity-theme .ginput_mollie_payment_method select,
.gform_wrapper.gform_legacy_markup_wrapper .ginput_mollie_payment_method select {
    background-color: #467f05 !important;
    color: #fff !important;
    border: 1px solid #467f05 !important;
    padding: 8px 12px;
    border-radius: 4px;
    font-size: inherit;
    transition: background-color 0.3s ease;
}

.gform_wrapper.gravity-theme .ginput_mollie_payment_method select:hover,
.gform_wrapper.gform_legacy_markup_wrapper .ginput_mollie_payment_method select:hover {
    background-color: #3a6a04 !important;
}

.gform_wrapper.gravity-theme .ginput_mollie_payment_method select:focus,
.gform_wrapper.gform_legacy_markup_wrapper .ginput_mollie_payment_method select:focus {
    background-color: #3a6a04 !important;
    outline: none;
    box-shadow: 0 0 0 2px rgba(70, 127, 5, 0.2) !important;
}

/* Submit Button */
.gform_wrapper.gravity-theme .gform_footer input[type="submit"],
.gform_wrapper.gform_legacy_markup_wrapper .gform_footer input[type="submit"] {
    background-color: #467f05 !important;
    color: #fff !important;
    border: 1px solid #467f05 !important;
    padding: 12px 24px;
    border-radius: 4px;
    font-size: inherit;
    font-weight: 500;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.gform_wrapper.gravity-theme .gform_footer input[type="submit"]:hover,
.gform_wrapper.gform_legacy_markup_wrapper .gform_footer input[type="submit"]:hover {
    background-color: #3a6a04 !important;
}

.gform_wrapper.gravity-theme .gform_footer input[type="submit"]:focus,
.gform_wrapper.gform_legacy_markup_wrapper .gform_footer input[type="submit"]:focus {
    background-color: #3a6a04 !important;
    outline: none;
    box-shadow: 0 0 0 2px rgba(70, 127, 5, 0.2) !important;
}

/* Additional styling for better integration */
.gform_wrapper.gravity-theme .gfield--type-mollie .gfield_label,
.gform_wrapper.gform_legacy_markup_wrapper .gfield--type-mollie .gfield_label {
    color: #222e1f !important;
    font-weight: 500;
}

.gform_wrapper.gravity-theme .gfield--type-mollie .gfield_description,
.gform_wrapper.gform_legacy_markup_wrapper .gfield--type-mollie .gfield_description {
    color: #9f8447 !important;
}

/* Error message styling */
.gform_wrapper.gravity-theme .gfield_error .validation_message,
.gform_wrapper.gform_legacy_markup_wrapper .gfield_error .validation_message {
    color: #222e1f !important;
    font-weight: 500;
}

/* Override any remaining blue colors */
.gform_wrapper .ginput_container_mollie_components .ginput_card_field {
    border-color: #9f8447 !important;
}

.gform_wrapper .ginput_container_mollie_components .ginput_card_field:focus {
    border-color: #467f05 !important;
}

.gform_wrapper .gfield_error .ginput_container_mollie_components .ginput_card_field {
    border-color: #222e1f !important;
}

/* Force override for any blue elements */
[style*="blue"], [style*="#07f"], [style*="#006de9"] {
    color: #467f05 !important;
    background-color: #467f05 !important;
    border-color: #467f05 !important;
}