/* === PINA – Événement : harmonisation couleurs (scopé) === */
.template-evenement {
  --pina-bg:        #EDE6D8;   /* fond général beige */
  --pina-panel:     #F4EFE6;   /* panneaux/blocs */
  --pina-ink:       #1F3A2E;   /* texte vert bouteille */
  --pina-muted:     #6F7C74;   /* texte secondaire */
  --pina-accent:    #C85A2E;   /* terracotta (accent) */
  --pina-accent-2:  #D2A052;   /* doré léger */
  --pina-border:    rgba(31,58,46,.18);
  --pina-shadow:    0 8px 24px rgba(31,58,46,.08);
  --pina-radius:    14px;
}

/* Fond + texte */
.template-evenement body { background: var(--pina-bg); color: var(--pina-ink); }
.template-evenement h1,h2,h3,h4 { color: var(--pina-ink); letter-spacing:.3px; }

/* Conteneur du template (ton <div class="container">) */
.template-evenement .container{
  max-width: 1080px;
  margin: 0 auto;
}

/* Cartes/blocs (form + groupes) */
.template-evenement form,
.template-evenement .wpcf7,
.template-evenement .gform_wrapper form,
.template-evenement .ff-el-form,
.template-evenement .nf-form-content{
  background: var(--pina-panel);
  border:1px solid var(--pina-border);
  border-radius: var(--pina-radius);
  box-shadow: var(--pina-shadow);
  padding:1rem;
}
@media (min-width: 900px){
  .template-evenement form,
  .template-evenement .wpcf7,
  .template-evenement .gform_wrapper form,
  .template-evenement .ff-el-form,
  .template-evenement .nf-form-content{ padding:1.4rem; }
}

/* Champs */
.template-evenement input[type="text"],
.template-evenement input[type="email"],
.template-evenement input[type="tel"],
.template-evenement input[type="number"],
.template-evenement input[type="date"],
.template-evenement select,
.template-evenement textarea{
  background:#fff; color:var(--pina-ink);
  border:1px solid var(--pina-border);
  border-radius: var(--pina-radius);
  padding:.75rem .9rem;
  outline:none;
  transition:border-color .2s, box-shadow .2s, background .2s;
  box-shadow: 0 2px 6px rgba(31,58,46,.04) inset;
}
.template-evenement ::placeholder{ color:var(--pina-muted); opacity:.9; }

.template-evenement input:focus,
.template-evenement select:focus,
.template-evenement textarea:focus{
  border-color: var(--pina-accent);
  box-shadow: 0 0 0 3px rgba(200,90,46,.18);
}

/* Select : flèche dorée */
.template-evenement select{
  -webkit-appearance:none; -moz-appearance:none; appearance:none;
  background-image:
    linear-gradient(45deg, transparent 50%, var(--pina-accent-2) 50%),
    linear-gradient(135deg, var(--pina-accent-2) 50%, transparent 50%),
    linear-gradient(to right, transparent, transparent);
  background-position:
    calc(100% - 18px) calc(50% - 3px),
    calc(100% - 12px) calc(50% - 3px),
    100% 0;
  background-size:6px 6px,6px 6px,2.5rem 100%;
  background-repeat:no-repeat;
  padding-right:2.8rem;
}

/* Radios/checkbox */
.template-evenement input[type="radio"],
.template-evenement input[type="checkbox"]{
  accent-color: var(--pina-accent);
}

/* Boutons */
.template-evenement .button,
.template-evenement button,
.template-evenement input[type="submit"],
.template-evenement input[type="button"],
.template-evenement .wp-block-button__link{
  background: var(--pina-accent);
  color:#fff; border:1px solid transparent;
  border-radius: calc(var(--pina-radius) - 2px);
  padding:.75rem 1.1rem; font-weight:600;
  transition: transform .06s, box-shadow .2s, background .2s;
  box-shadow: 0 6px 16px rgba(200,90,46,.25);
}
.template-evenement .button:hover,
.template-evenement button:hover,
.template-evenement input[type="submit"]:hover,
.template-evenement .wp-block-button__link:hover{
  background:#B34F29;
  transform: translateY(-1px);
  box-shadow: 0 10px 22px rgba(200,90,46,.28);
}

/* Lien accent */
.template-evenement a{ color: var(--pina-accent); text-decoration-color: transparent; }
.template-evenement a:hover{ text-decoration-color: currentColor; }

/* Petites images en haut (si présentes) */
.template-evenement .wp-block-image img{
  border-radius: calc(var(--pina-radius) - 4px);
  box-shadow: var(--pina-shadow);
}