/*
Theme Name:   Gezy Elementor Child
Theme URI:    https://gezy.local
Description:  Child theme for Hello Elementor - Custom theme for Gezy with custom functionalities
Author:       Lundi Matin
Author URI:   https://gezy.local
Template:     hello-elementor
Version:      1.0.0
License:      GNU General Public License v3 or later
License URI:  https://www.gnu.org/licenses/gpl-3.0.html
Text Domain:  gezy-elementor-child
Domain Path:  /languages
Tags:         elementor, child-theme, custom
*/

/*
 * This is the child theme for Hello Elementor.
 * All customizations should be made in this theme to preserve changes during parent theme updates.
 *
 * Parent theme styles are enqueued via functions.php
 * Add your custom CSS below this comment block.
 */

/* ==========================================================================
   Custom Styles
   ========================================================================== */

/* Add your custom CSS here */

body {
   font-family: "Outfit", Sans-serif;
}

/* Formulaire de contact */

.form-row {
   display: flex;
   gap : 15px;
   margin-top: 5px;
}

.form-half {
   flex: 1;
}

.form-half input[type="text"],
.form-half input[type="email"],
.form-half textarea {
   width: 100%;
   box-sizing: border-box;
}

.wpcf7-form {
   label {
      display: block;
      span {
         width: 100%;
         input[type='text'],
         input[type='email'],
         input[type='tel'],
         textarea {
            font-family: "Outfit", Sans-serif;
            width: 100%;
         }
      }
   }
}

.wpcf7-form input {
	border: 1px solid #252525;
	border-radius: 6px;
	padding: 10px;
}

.wpcf7-select {
	margin-top: -10px;
	background-color: white;
	border: 1px solid #252525;
	border-radius: 6px;
	padding: 10px;
}

.wpcf7-textarea {
	margin-top: -10px;
	border: 1px solid #252525;
	border-radius: 6px;
	padding: 10px;
}

.wpcf7-not-valid-tip {
   font-size: small;
   font-style: italic;
   font-weight: 300 !important;
}

.wpcf7 form .wpcf7-response-output {
   text-align: center;
   border-radius: var(--border-radius);
   color: #000E36 !important;
   border: 2px solid #000E36 !important;
}

/* Hide empty response output during validating state (autofill artifact fix) */
.wpcf7 form.validating .wpcf7-response-output:empty {
   display: none !important;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
   color: #ffb900 !important;
}
.wpcf7 form.sent .wpcf7-response-output {
  color: #46b450;
}

/* ==========================================================================
   Contact Form 7 - Contenteditable Field Enhancement
   ========================================================================== */

/**
 * Contenteditable field styling for sous-domaine field
 *
 * This CSS provides styling for the contenteditable span that replaces the
 * standard text input. The goal is to match the appearance of a standard
 * input field while enabling inline-block layout behavior.
 *
 * See: wp-content/themes/gezy-elementor-child/doc/CF7-CONTENTEDITABLE-FIELD-PRD.md
 */

/* Base styling - match standard input appearance */
.cf7-contenteditable-field {
   display: inline-block;
   font-family: inherit;
   font-weight: 800;
   color: #000E36;
   margin-bottom: 0.6rem;
   outline: none;
   cursor: text;
   text-decoration: none;
}

/* Placeholder styling - shown when field is empty */
.cf7-contenteditable-field.is-empty::before {
   content: attr(data-placeholder);
   color: #999;
   pointer-events: none;
   font-weight: 500;
}
.cf7-contenteditable-field::after {
   content: var(--domain-name, '.nom-de-domaine-à-renseigner');
   border-bottom: none !important;
}

.cf7-contenteditable-field.is-empty:not(.wpcf7-not-valid)::before {
   border-bottom: 2px dashed #999;
}
.cf7-contenteditable-field.wpcf7-not-valid {
   padding-bottom: 4px;
   border-bottom: 2px solid #dc3545;
}

/* Focus state - highlight when user is typing */
/* .cf7-contenteditable-field:focus {
   border-bottom: 2px dashed black;
} */

/* Validation error state - red border and background */
/* .cf7-contenteditable-field.wpcf7-not-valid {
   border-bottom: 2px dashed #dc3545;
} */

/* Error state focus - maintain red border on focus */
/* .cf7-contenteditable-field.wpcf7-not-valid:focus {
   border-bottom: 2px solid #dc3545;
} */