/**
 * @version   1.0.0
 * @package   Matchbox
 * @author    Nuevvo - http://nuevvo.com
 * @copyright Copyright (c) 2010 - 2014 Nuevvo Webware Ltd. All rights reserved.
 * @license   http://nuevvo.com/license
 */

/* Add custom CSS code here for easier template updates */
.cb_template_bootstrap a:hover, #myCon a:hover, #overDiv a:hover {
    color: #a105f5 !important;
}
/* --- Aligner les cases à cocher sur la gauche --- */
.form-camv-accept {
  margin-top: 14px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start; /* force tout le contenu à gauche */
}

.form-camv-checkbox {
  display: flex;
  align-items: center; /* case + texte alignés verticalement */
  gap: 8px;
  width: 100%; /* occupe toute la largeur */
  text-align: left;
  font-weight: normal;
}

/* --- Forcer la couleur de l’input date (même que le reste) --- */
.form-camv-card input[type="date"] {
  color: #333 !important; /* texte uniforme */
}
.form-camv-card input[type="date"]::placeholder {
  color: #333 !important;
}
/* Style de base : fond gris clair, texte gris foncé */
#form-camv input,
#form-camv select {
  background-color: #f5f5f5;
  color: #333;
}

/* Quand on détecte que le champ est rempli */
#form-camv input.filled,
#form-camv select.filled {
  background-color: #e0e0e0; /* gris un peu plus foncé */
  color: #222; /* texte plus foncé */
}
/* Style par défaut */
#form-camv input,
#form-camv select {
  background-color: #f5f5f5;
  color: #333;
}

/* Quand le champ est rempli */
#form-camv input.filled,
#form-camv select.filled {
  background-color: #e0e0e0; /* gris foncé */
  color: #222;
}
/* Aligner cases à cocher + texte */
.form-camv-accept {
  text-align: left;         /* assure que tout le bloc est aligné à gauche */
}

.form-camv-checkbox {
  display: flex;
  align-items: center;      /* coche et texte centrés verticalement */
  gap: 8px;                 /* petit espace entre la coche et le texte */
  justify-content: flex-start;
}

.form-camv-checkbox input[type="checkbox"] {
  margin: 0;                /* supprime le décalage vertical */
}

.form-camv-checkbox label {
  font-weight: normal;
  margin: 0;                /* supprime marges inutiles */
}
/* === ALIGNEMENT FIABLE DES CHECKBOXES POUR TOUS NAVIGATEURS === */

/* Container general */
.form-camv-accept {
  width: 100%;
  text-align: left;               /* tout aligné à gauche */
}

/* Flex container propre et sans ambiguité */
.form-camv-checkbox {
  display: flex !important;       /* forcer le mode flex */
  align-items: center !important; /* coche + texte centrés verticalement */
  gap: 10px !important;           /* espace entre coche et texte */
  justify-content: flex-start !important;
  width: 100% !important;         /* occupe toute la largeur du formulaire */
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* Forcer l'apparence native de la checkbox et sa taille */
.form-camv-checkbox input[type="checkbox"] {
  -webkit-appearance: checkbox;   /* safari/chrome */
  appearance: checkbox;
  width: 18px;
  height: 18px;
  min-width: 18px;
  margin: 0;
  padding: 0;
  flex: 0 0 auto;                 /* ne s'étire pas */
  vertical-align: middle;
  box-sizing: content-box;
}

/* Le label prend le reste de la place et wrap proprement */
.form-camv-checkbox label {
  display: block;
  flex: 1 1 auto;                 /* occupe l'espace restant */
  margin: 0;
  line-height: 1.4;
  color: #333;
  white-space: normal;            /* autorise le retour à la ligne */
  word-break: break-word;         /* coupe si mot trop long */
  text-align: left;
}

/* Au cas où un style global aurait ajouté un margin-left excessif */
.form-camv-checkbox label[for] {
  margin-left: 0 !important;
  padding-left: 0 !important;
}

/* Petit confort visuel : espace entre checkbox et label (au cas où) */
.form-camv-checkbox input[type="checkbox"] + label,
.form-camv-checkbox label + input[type="checkbox"] {
  margin-left: 0;
}

/* Sécurité : si le template applique display:inline-block sur les inputs */
.form-camv-checkbox input[type="checkbox"] {
  display: inline-block !important;
}

/* Assure que le bloc entier ne déborde pas du container du formulaire */
.form-camv-accept,
.form-camv-checkbox {
  max-width: 100%;
  overflow: visible;
}
.form-camv-info {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 15px;
}

.form-camv-info p {
  font-size: 12px;
  font-weight: 300; /* plus fin */
  color: #777;      /* gris clair */
  margin: 4px 0;
}
.form-camv-card a {
  color: #0066cc;       /* bleu */
  text-decoration: underline;
}
/* --- Style du bouton Soumettre --- */
#form-camv button#btn-send-camv {
  font-size: 18px;             /* texte plus grand en permanence */
  font-weight: bold;           /* texte plus marqué */
  padding: 12px 16px;
  border-radius: 6px;
  border: 1px solid #ccc;
  background-color: #f3f3f3;   /* gris clair par défaut */
  color: #7e22ce;              /* texte violet intense en permanence */
  transition: all 0.3s ease;
}

/* --- Bouton activé (champs obligatoires remplis + cases cochées) --- */
#form-camv button#btn-send-camv:enabled {
  background-color: #e9d5ff;   /* fond violet clair */
  color: #7e22ce;              /* texte violet intense */
}

/* --- Survol du bouton activé --- */
#form-camv button#btn-send-camv:enabled:hover {
  background-color: #7e22ce;   /* fond violet intense */
  color: #fff;                 /* texte blanc */
  cursor: pointer;
}

/* --- Bouton désactivé --- */
#form-camv button#btn-send-camv:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
/* --- Style du bouton Soumettre --- */
#form-camv button#btn-send-camv {
  font-size: 18px !important;       /* texte plus grand en permanence */
  font-weight: bold !important;
  padding: 12px 16px !important;
  border-radius: 6px !important;
  border: 1px solid #ccc !important;
  background-color: #f3f3f3 !important;  /* gris clair par défaut */
  color: #7e22ce !important;        /* texte violet intense */
  transition: all 0.3s ease !important;
}

/* --- Bouton activé (champs obligatoires remplis + cases cochées) --- */
#form-camv button#btn-send-camv:enabled {
  background-color: #e9d5ff !important;  /* fond violet clair */
  color: #7e22ce !important;
}

/* --- Survol du bouton activé --- */
#form-camv button#btn-send-camv:enabled:hover {
  background-color: #7e22ce !important;  /* fond violet intense */
  color: #fff !important;                /* texte blanc */
  cursor: pointer !important;
}

/* --- Bouton désactivé --- */
#form-camv button#btn-send-camv:disabled {
  opacity: 0.6 !important;
  cursor: not-allowed !important;
}
/* === Forcer couleur du texte Community Builder en gris clair === */
.cb_template,
.cb_template .form-control-plaintext,
.cb_template .cbDateTimeago,
.cb_template .form-group label,
.cb_template .form-group,
.cb_template a,
.cb_template span,
.cb_template p {
  color: #ccc !important;  /* gris clair */
}