/*
Theme Name: Carrosserie Charny Child
Theme URI: https://carrosseriecharny.com/
Template: hello-elementor
Author: Octantis Team
Author URI: https://octantis.ca
Version: 06.08.26.1786041011
Updated: 2026-08-06 14:30:11

*/
:root {
    --color-primary: #001F37;
    --color-secondary: #FCC32B ;
    --color-tertiary: #F6F6F6;
}


#gform_wrapper_1 #gform_fields_1,
#gform_wrapper_2 #gform_fields_2,
#gform_wrapper_3 #gform_fields_3{
    gap: 20px;
}
#gform_wrapper_1 #gform_fields_1 input[type="text"], #gform_wrapper_1 #gform_fields_1 input[type="email"], #gform_wrapper_1 #gform_fields_1 input[type="tel"], #gform_wrapper_1 #gform_fields_1 textarea,
#gform_wrapper_2 #gform_fields_2 input[type="text"], #gform_wrapper_2 #gform_fields_2 input[type="email"], #gform_wrapper_2 #gform_fields_2 input[type="tel"], #gform_wrapper_2 #gform_fields_2 textarea,
#gform_wrapper_3 #gform_fields_3 input[type="text"], #gform_wrapper_3 #gform_fields_3 input[type="email"], #gform_wrapper_3 #gform_fields_3 input[type="tel"], #gform_wrapper_3 #gform_fields_3 textarea{
    border: none;
    border-radius: 0;
    box-shadow: none;
    background-color: var(--color-tertiary);
    padding: 15px 10px;
    font-family: 'DM Sans';
    font-size: 17px;
}
#gform_wrapper_1 #gform_fields_1 input[type="text"]:focus,
#gform_wrapper_1 #gform_fields_1 input[type="email"]:focus,
#gform_wrapper_1 #gform_fields_1 input[type="tel"]:focus,
#gform_wrapper_1 #gform_fields_1 textarea:focus,
#gform_wrapper_2 #gform_fields_2 input[type="text"]:focus,
#gform_wrapper_2 #gform_fields_2 input[type="email"]:focus,
#gform_wrapper_2 #gform_fields_2 input[type="tel"]:focus,
#gform_wrapper_2 #gform_fields_2 textarea:focus,
#gform_wrapper_3 #gform_fields_3 input[type="text"]:focus,
#gform_wrapper_3 #gform_fields_3 input[type="email"]:focus,
#gform_wrapper_3 #gform_fields_3 input[type="tel"]:focus,
#gform_wrapper_3 #gform_fields_3 textarea:focus {
    outline: none;
    box-shadow: 0 0 0 2px var(--color-secondary);
}

#gform_wrapper_1 #gform_fields_1 input[type="file"],
#gform_wrapper_2 #gform_fields_2 input[type="file"],
#gform_wrapper_3 #gform_fields_3 input[type="file"]{
    border: none;
    border-radius: 0;
    box-shadow: none;
    background-color: var(--color-tertiary);
    padding: 12px 10px;
    font-family: 'DM Sans';
    font-size: 15px;
    color: var(--color-primary);
    height: auto !important;
    line-height: normal !important;
}
#gform_wrapper_1 #gform_fields_1 input[type="file"]:focus,
#gform_wrapper_2 #gform_fields_2 input[type="file"]:focus,
#gform_wrapper_3 #gform_fields_3 input[type="file"]:focus {
    outline: none;
    box-shadow: 0 0 0 2px var(--color-secondary);
}
#gform_wrapper_1 #gform_fields_1 input[type="file"]::file-selector-button,
#gform_wrapper_2 #gform_fields_2 input[type="file"]::file-selector-button,
#gform_wrapper_3 #gform_fields_3 input[type="file"]::file-selector-button{
    font-family: 'DM Sans';
    font-size: 14px;
    font-weight: 700;
    background-color: var(--color-secondary);
    color: var(--color-primary);
    border: none;
    border-radius: 0;
    padding: 8px 15px;
    margin-right: 15px;
    cursor: pointer;
    height: auto !important;
    line-height: normal !important;
    transition: background-color 0.2s ease, color 0.2s ease;
}
#gform_wrapper_1 #gform_fields_1 input[type="file"]::file-selector-button:hover,
#gform_wrapper_2 #gform_fields_2 input[type="file"]::file-selector-button:hover,
#gform_wrapper_3 #gform_fields_3 input[type="file"]::file-selector-button:hover{
    background-color: var(--color-primary);
    color: var(--color-secondary);
}

#gform_wrapper_1 #gform_submit_button_1,
#gform_wrapper_2 #gform_submit_button_2,
#gform_wrapper_3 #gform_submit_button_3{
    font-family: 'DM Sans';
    font-size: 18px;
    font-weight: 700;
    background-color: var(--color-secondary);
    color: var(--color-primary);
    border: none;
    border-radius: 0;
}
#gform_wrapper_1 #gform_submit_button_1,
#gform_wrapper_2 #gform_submit_button_2{
    width: 100%;
}
#gform_wrapper_1 #gform_submit_button_1::after,
#gform_wrapper_2 #gform_submit_button_2::after,
#gform_wrapper_3 #gform_submit_button_3::after {
    content: "";
    display: inline-block;
    width: 25px; /* Ajuste la largeur selon ton besoin */
    height: 25px; /* Ajuste la hauteur selon ton besoin */
    vertical-align: middle;
    margin-left: 5px;

    /* On applique le SVG comme masque */
    background-color: var(--color-primary); /* Couleur par défaut */
    -webkit-mask: url(https://carrosseriecharny.com/wp-content/uploads/2026/08/prime_arrow-right.svg) no-repeat center / contain;
    mask: url(https://carrosseriecharny.com/wp-content/uploads/2026/08/prime_arrow-right.svg) no-repeat center / contain;
}

#gform_wrapper_1 #gform_submit_button_1:hover,
#gform_wrapper_2 #gform_submit_button_2:hover,
#gform_wrapper_3 #gform_submit_button_3:hover {
    background-color: #004E8A;
    color: var(--color-secondary);
}

/* Changement de couleur de la flèche au hover */
#gform_wrapper_1 #gform_submit_button_1:hover::after,
#gform_wrapper_2 #gform_submit_button_2:hover::after,
#gform_wrapper_3 #gform_submit_button_3:hover::after {
    background-color: var(--color-secondary);
}

.hover-trigger .hover-show .text{
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  margin-top: 0 !important;
  transition: max-height 0.8s ease, opacity 0.6s ease, margin-top 0.6s ease;
}
.hover-trigger:hover .hover-show .text{
  max-height: 200px; /* Ajustez selon la longueur de votre texte */
  opacity: 1;
  margin-top: 10px !important;
}

.hover-trigger:hover .title, .hover-trigger:hover .text{
    color: white;
}


.gform_fileupload_rules {
    display: none;
}