/*
Theme Name: e-novision Theme
Theme URI: https://e-novision.ch
Author: e-novision
Author URI: https://e-novision.ch
Description: Thème WP e-novision
Version: 1.0
License: GNU General Public License v2 or later
Text Domain: theme-enovision
*/


html 
{
  font-size: 14px;
}
body
{
    margin: 0;
    font-family: var(--e-global-typography-primary-font-family), Sans-serif;
}










/* STYLE GRAVITY FORM */
/* GRAVITY FORM */
/* Transition pour le label */
.gform_wrapper form .gform_fields
{
    grid-column-gap: 4% !important;
    grid-row-gap: 32px !important;
}
.gform_wrapper form .gfield
{
    position: relative;
}
.gform_wrapper form .gfield.gfield_visibility_hidden
{
    position: absolute;
}

.gform_wrapper form .gfield .gfield_label 
{
    opacity: 0;
    position: absolute;
    top: -15px;
    z-index: 9;
    left: 0px;
    font-size: 13px;
    color: var(--e-global-color-secondary); 
    font-weight: 400;
    transition: all 0.3s ease;
    pointer-events: none;
    padding: 2px 2px;
}

/* Label visible lorsqu'il y a du focus ou du contenu */
.gform_wrapper form .gfield input:focus ~ .gfield_label,
.gform_wrapper form .gfield textarea:focus ~ .gfield_label,
.gform_wrapper form .gfield input:not(:placeholder-shown) ~ .gfield_label,
.gform_wrapper form .gfield textarea:not(:placeholder-shown) ~ .gfield_label
{
    opacity: 1;
    top: -10px;
    font-size: 12px;
    color: var(--e-global-color-secondary);
}

/* Style de l'input */
.gform_wrapper form .gfield input,
.gform_wrapper form .gfield textarea,
.gform_wrapper form .gfield select
{
    font-size: 14px;
    outline: none;
    border: none;
    transition: border-color 0.3s;
    position: relative; /* Nécessaire pour la position absolue du label */

    border-bottom: 1px solid;
    border-radius: 0;
    background: transparent;
    padding: 5px 0 !important;

    box-shadow: none;
}
.gform_wrapper form .gfield input[type="checkbox"]
{
    border: 1px solid var(--e-global-color-primary) !important;
}

.gform_wrapper form .gfield textarea
{
    height: 100px !important;
}

/* Effet focus sur l'input */
.gform_wrapper form .gfield input:focus,
.gform_wrapper form .gfield textarea:focus 
{
    border-color: var(--e-global-color-primary);
}
.gform_wrapper form input[type="submit"]
{
    padding: 6px 34px !important;
    border: 1px solid;
    color: #fff !important;
    border-radius: 50px !important;
    background-color: var(--e-global-color-primary) !important;
}
.gform_wrapper form input[type="submit"]:hover,
.gform_wrapper form input[type="submit"]:focus
{
    background-color: var(--e-global-color-primary) !important;
    color: #fff !important;
}

.gform_wrapper .gform_drop_area::before
{
    color: var(--e-global-color-primary) !important;
}
.gform_wrapper .gform_drop_area button
{
    background-color: var(--e-global-color-primary) !important; 
}

.gform_footer
{
    margin-top: 50px !important;
}

/* Custom select2 multichoice */
.gfield--type-multiselect label
{
    opacity: 1 !important;
}
.gfield--type-multiselect .chosen-container-multi
{
    background-color: #ff000000 !important;
    border: none !important;
    border-radius: 0 !important; 
    box-shadow: none !important; 
    padding: 0 !important;
    border-bottom: 1px solid #fff !important; 
    margin-top: 15px !important; 
}
.gfield--type-multiselect .chosen-container-active
{
    outline-color: #ff000000 !important;
}
.gfield--type-multiselect .chosen-choices
{
    padding-left: 0 !important;
}
.gfield--type-multiselect .chosen-choices .search-choice
{
    background-color: var(--e-global-color-primary) !important;
}


/* gravity form radio btn */
.gfield--type-radio legend
{
    opacity: 1 !important;
}
.gfield--type-radio .ginput_container_radio
{
    margin-top: 15px;
}
.gfield--type-radio .ginput_container_radio label
{
    color: #fff !important;
}
.gfield--type-radio .ginput_container_radio .gfield-choice-input
{
    border: 0 !important;
    border-radius: 50% !important;
    background: #fff !important;
}
.gfield--type-radio .ginput_container_radio .gfield-choice-input::before
{
    background-color: var(--e-global-color-primary) !important;
    block-size: 10px !important;
    inline-size: 10px !important;
}

/* gravity form checkboxes */
.gfield--type-checkbox legend
{
    opacity: 1 !important;
}
.gfield--type-checkbox .ginput_container_checkbox
{
    margin-top: 15px;
}
.gravityform-custom-widget.dark .gfield--type-checkbox .ginput_container_checkbox label
{
    color: #000 !important;
}
.gravityform-custom-widget.light .gfield--type-checkbox .ginput_container_checkbox label
{
    color: #fff !important;
}
.gfield--type-checkbox .ginput_container_checkbox .gfield-choice-input
{
    border: 0 !important;
    background: #fff !important;
}
.gfield--type-checkbox .ginput_container_checkbox .gfield-choice-input::before
{
    color: var(--e-global-color-primary) !important;
}