/*
 Theme Name:   Small Child Theme
 Theme URI:    https://small.ancorathemes.com
 Description:  Small Child Theme
 Author:       AncoraThemes
 Author URI:   https://ancorathemes.com
 Template:     small
 Version:      1.0.0
 Tags:         flexible-header, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, full-width-template, microformats, post-formats, theme-options, threaded-comments, translation-ready
 Text Domain:  small
*/


/* =Theme customization starts here
------------------------------------------------------------ */

/* CF7 submit – override hard (theme-proof) */
.form-style-1 .wpcf7-form input.wpcf7-submit,
.form-style-1 .wpcf7-form button.wpcf7-submit,
.form-style-1 input[type="submit"].wpcf7-submit {
  background: #064635 !important;
  background-color: #064635 !important;
  border-color: #064635 !important;
  color: #fff !important;
  box-shadow: none !important;
}

/* Hover / focus */
.form-style-1 .wpcf7-form input.wpcf7-submit:hover,
.form-style-1 .wpcf7-form input.wpcf7-submit:focus {
  background: #043628 !important;
  background-color: #043628 !important;
  border-color: #043628 !important;
  color: #fff !important;
}

/* Certains thèmes colorent via pseudo-éléments */
.form-style-1 .wpcf7-form input.wpcf7-submit::before,
.form-style-1 .wpcf7-form input.wpcf7-submit::after {
  background: #064635 !important;
}

/* Certains thèmes utilisent une variable de couleur de bouton */
.form-style-1 {
  --btn-bg: #064635;
  --btn-bg-hover: #043628;
  --theme-color: #064635;
}

/* Base : conteneur du champ */
.form-style-1 .style-line {
  position: relative;
  display: block;
}
/* 1) Le wrapper devient une ligne "relative" */
.form-style-1 .style-line{
  position: relative !important;
  display: block !important;
}

/* 2) On force l'icône (pseudo-element) à être à gauche, centré verticalement */
.form-style-1 .style-line:before{
  position: absolute !important;
  left: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  display: inline-block !important;
  width: 28px !important;          /* largeur réservée icône */
  text-align: center !important;
  margin: 0 !important;
  line-height: 1 !important;
}

/* 3) Les champs sont décalés pour ne pas passer sous l'icône */
.form-style-1 .style-line input,
.form-style-1 .style-line textarea{
  display: block !important;
  width: 100% !important;
  padding-left: 38px !important;   /* espace icône + marge */
  box-sizing: border-box !important;
}

/* 4) Textarea: on aligne l’icône sur la 1ère ligne (pas au milieu du bloc) */
.form-style-1 .style-line.icon-textarea:before{
  top: 18px !important;
  transform: none !important;
}