/*
Theme Name: Sunypac Enfant
Description: Theme enfant de Sunypac. Vous pouvez maintenant effectuer vos modifications en toute sécurité.
Author: WPMarmite
Author URI: https://wpmarmite.com
Template: sunypac
Version: 1.0
*/

p {
    font-family: "Poppins", Sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #114676;
	font-weight: 300;
	line-height: 16px;
}

.landing p {
	font-weight: 300;
	line-height: 20px;
}

a {
    color: #F5991E;
}

a:hover, a:focus, a:active {
    color: #F5991E;
}

h2 {
    font-family: "Barlow Condensed", Sans-serif;
    font-size: 48px;
    font-weight: 600;
    color: #114676;
}

ul {
	font-family: "Poppins", Sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #114676;
	font-weight: 300;
	margin: 0;
}

li {
	line-height: 20px;
}

.white p {
	color: #fff;
}

strong {
	font-weight: 900;
}

.menu-title p {
    font-family: "Poppins", Sans-serif;
    font-size: 13px;
    font-weight: 400;
    color: #FFFFFF;
	font-weight: 300;
	line-height: 16px;
}

.menu-title span {
    font-family: "Barlow", Sans-serif;
    font-size: 17px;
    font-weight: 500;
    color: #FFFFFF;
}

.title-no-hn span {
    font-family: "Barlow Condensed", Sans-serif;
    font-size: 35px;
    font-weight: 600;
    color: #114676;
}


/* BOUTONS */

.btn-bleu .elementor-button {
    background-color: #124676;
    font-family: "Barlow", Sans-serif;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
}
/* =========================
   CF7 - FORMULAIRE COMPLET
========================= */

/* Conteneur */
#formulaire-responsive{
  max-width:600px; /* à ajuster */
  width:100%;
  margin:0 auto;
  font-family:"Montserrat", Sans-serif;
  color:#0D425E;
  font-size:17px;
}

.rang-form{ width:100%; }

.demi-colonne,
.colonne,
.colonne2{
  float:left;
  position:relative;
  padding:0.65rem;
  width:100%;
  box-sizing:border-box;
}

.colonne2 p {
	color: #fff;
}

.demi-colonne,
.colonne{
  height:65px;
}

.clearfix:after{
  content:"";
  display:table;
  clear:both;
}

@media only screen and (min-width:48em){
  .demi-colonne{ width:50%; }
}

.wpcf7 form.sent .wpcf7-response-output {
    border-color: #fff;
    margin-top: 75px;
    border: 1px solid #fff;
    color: #fff;
}


.hidden{ display:none!important; }

/* Champs CF7 */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea{
  width:100%;
  padding:8px 8px 8px 15px;
  border:1px solid #ffffff; /* corrigé (#fffff -> invalide) */
  border-radius:30px;
  box-sizing:border-box;
  background-color:transparent;
  color:#fff;
}

.wpcf7 textarea{
  border-radius:15px;
}

/* Focus */
.wpcf7 input:focus,
.wpcf7 textarea:focus{
  background:transparent;
  outline:none;
}

/* Placeholder (coup sûr + compat) */
#formulaire-responsive .wpcf7 input::placeholder,
#formulaire-responsive .wpcf7 textarea::placeholder{
  color:#fff !important;
  opacity:1 !important;
}

#formulaire-responsive .wpcf7 input::-webkit-input-placeholder,
#formulaire-responsive .wpcf7 textarea::-webkit-input-placeholder{
  color:#fff !important;
}

#formulaire-responsive .wpcf7 input::-moz-placeholder,
#formulaire-responsive .wpcf7 textarea::-moz-placeholder{
  color:#fff !important;
  opacity:1 !important;
}

#formulaire-responsive .wpcf7 input:-ms-input-placeholder,
#formulaire-responsive .wpcf7 textarea:-ms-input-placeholder{
  color:#fff !important;
}

/* Bouton CF7 (évite les conflits avec input[type="submit"]) */
.wpcf7 input.wpcf7-submit{
  color:#fff;
  font-family:"Barlaow", Sans-serif;
  font-size:15px;
  height:49px;
  background-color:#F5991E;
  text-transform:inherit;
  padding:0 40px;
  display:block;
  margin:0 auto;
  cursor:pointer;
  font-weight:600;
  border-radius:30px;
  border:none;
  margin-top: 25px;
  margin-bottom: -100px;
  text-transform: initial;
}

.wpcf7 input.wpcf7-submit:hover{
  background:#F5991E;
  color:#ffffff;
}

/* Messages CF7 */
span.wpcf7-not-valid-tip{
  text-shadow:none;
  font-size:12px;
  color:#fff;
  background:#ff0000;
  padding:5px;
}

div.wpcf7-validation-errors{
  text-shadow:none;
  border:transparent;
  background:#f9cd00;
  padding:5px;
  color:#9C6533;
  text-align:center;
  margin:0;
  font-size:12px;
}

div.wpcf7-mail-sent-ok{
  text-align:center;
  text-shadow:none;
  padding:5px;
  font-size:12px;
  background:#59a80f;
  border-color:#59a80f;
  color:#fff;
  margin:0;
}

/* Divers (si utilisés sur ta page) */
#form p{
  font-family:"Zen Maru Gothic", Sans-serif;
  font-size:20px;
  color:#3772A6;
  font-weight:400;
  margin:-15px 0 0 0;
}

.grecaptcha-badge{
  visibility:hidden;
}

@media (max-width:767px){
  .wpgmp_map{ height:200px!important; }
  h2{ font-size:35px; }
}

/* Icône (si Font Awesome est bien chargé) */
.fa-arrow-right:before{
  background-color:transparent;
  content:"\f061";
  margin-left:20px;
  color:#fff;
  padding:5px;
  border-radius:50px;
  font-size:20px!important;
  margin-right:-12px;
}

/* =========================
   FORCE PLACEHOLDER CF7
   (thème / Elementor / overrides)
========================= */

/* 1) Ciblage CF7 classique + classe CF7 */
.wpcf7 input.wpcf7-form-control::placeholder,
.wpcf7 textarea.wpcf7-form-control::placeholder{
  color:#3772A6 !important;
  opacity:1 !important;
  -webkit-text-fill-color:#fff !important;
}

/* 2) Ciblage via le wrap CF7 (souvent plus spécifique) */
.wpcf7 .wpcf7-form-control-wrap input::placeholder,
.wpcf7 .wpcf7-form-control-wrap textarea::placeholder{
  color:#3772A6 !important;
  opacity:1 !important;
  -webkit-text-fill-color:#fff !important;
}

/* 3) Ciblage Elementor (souvent le vrai coupable) */
.elementor .wpcf7 input::placeholder,
.elementor .wpcf7 textarea::placeholder,
.elementor-widget-container .wpcf7 input::placeholder,
.elementor-widget-container .wpcf7 textarea::placeholder{
  color:#3772A6 !important;
  opacity:1 !important;
  -webkit-text-fill-color:#fff !important;
}

/* 4) Compat navigateurs */
.wpcf7 input::-webkit-input-placeholder,
.wpcf7 textarea::-webkit-input-placeholder{ color:#fff !important; }

.wpcf7 input::-moz-placeholder,
.wpcf7 textarea::-moz-placeholder{ color:#fff !important; opacity:1 !important; }

.wpcf7 input:-ms-input-placeholder,
.wpcf7 textarea:-ms-input-placeholder{ color:#fff !important; }

/* Bonus : si ton thème “délave” le placeholder */
.wpcf7 input::placeholder,
.wpcf7 textarea::placeholder{
  filter:none !important;
}

textarea {
    height: 100px;
}

.form-landing {
	color: #fff;
	font-family: "Poppins", Sans-serif;
}

/* =========================
FORM PAGE CONTACT
========================= */
#contact .wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"], .wpcf7 textarea {
    width: 100%;
    padding: 8px 8px 8px 15px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    background-color: transparent;
    color: #124676;
}

#contact .wpcf7 form.sent .wpcf7-response-output {
    margin-top: 75px;
    border: 1px solid #114676;
    color: #114676;
}

/* =========================
FORM LANDING
========================= */

#contact2 .wpcf7 input[type="email"] {
    color: #FFF!important;
}

#contact2 .wpcf7 input[type="tel"] {
    color: #FFF!important;
}

#contact2 .wpcf7 textarea {
    color: #FFF!important;
}

/* =========================
   TRUSTINDEX (inchangé)
========================= */

.ti-widget-container *{
  color:#114676;
  font-family:"barlow"!important;
  font-size:14px!important;
  font-weight:100;
}

.ti-load-more-reviews-button{
  margin-top:30px!important;
  padding:15px 50px!important;
  border-radius:0!important;
  color:#46CDE5!important;
  font-weight:500;
  text-transform:uppercase;
  font-size:11px!important;
}

/* =========================
   LANDING
========================= */

.faq p {
    font-family: "Barlow", Sans-serif;
    font-size: 15px;
    font-weight: 400!important;
    color: #114676;
    font-weight: 300;
    line-height: 16px;
}