@charset "UTF-8";

/*!
Theme Name: Thème Enfant VPCrazy / Blocksy
Author: VPCrazy
Version: 2.1
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Copyright: (c) 2021 VPCrazy.
Requires at least: 5.2
Requires PHP: 7.0
Tested up to: 5.5
Text Domain: blocksychild
Tags: blog, e-commerce, wide-blocks, block-styles, grid-layout, one-column, two-columns, three-columns, four-columns, right-sidebar, left-sidebar, translation-ready, custom-colors, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, theme-options, threaded-comments, buddypress, rtl-language-support, news
Template: blocksy
*/




.overlayVPCrazy {
    position: fixed;
    top: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 1) 80%, rgba(255, 255, 255, 0));
    z-index: 1000;
    transition: top 0.5s, bottom 1s, opacity 0.5s; /* Ajout de l'animation pour opacity */
    mix-blend-mode: soft-light;
    transition-timing-function: ease-in-out;
    pointer-events: none; /* Permet aux événements de pointer de traverser l'overlayVPCrazy */
}

/* === BEGIN: CF7 your-file -> dropzone (HTML inchangé) === */
.wpcf7-form-control-wrap[data-name="your-file"]{
  position: relative;
  display: block;
  width: 100%;
  min-height: 92px;
  padding: 18px 18px 18px 78px; /* place pour l’icône */
  border: 2px dashed var(--theme-form-field-border-initial-color);
  border-radius: 14px;
  background: rgba(255,255,255,.2);
  transition: border-color .15s ease, background-color .15s ease, transform .05s ease;
  cursor: pointer;
  box-sizing: border-box;
}

/* Icône */
.wpcf7-form-control-wrap[data-name="your-file"]::before{
  content: "\1F4CE";
  position: absolute;
  left: 18px;
  top: 18px;
  font-size: 45px;
  line-height: 1;
  pointer-events: none;
}

/* Texte */
.wpcf7-form-control-wrap[data-name="your-file"]::after{
  content:
    "Glissez/Cliquez pour envoyer un fichier (pdf, doc, docx, xls, ods,  ai, avif, svg, png, emf, jpg, webp) — 10 Mo";
  display: block;
  white-space: pre-line;
  pointer-events: none;
	font-size:12x;
  font-weight: 400;
}
/* Quand un fichier est sélectionné, on remplace le texte */
.wpcf7-form-control-wrap[data-name="your-file"][data-vpc-filename]::after{
  content: "Fichier sélectionné : " attr(data-vpc-filename) "\A" "Cliquez pour remplacer — 10 Mo";
  font-weight: 600;
}
/* Focus clavier (quand l’input prend le focus) */
.wpcf7-form-control-wrap[data-name="your-file"]:focus-within{
  outline: none;
  border-color: var(--theme-form-field-border-initial-color);
  background: var(--has-classic-forms, var(--theme-form-field-background-initial-color));
}

/* Hover = feedback “dropzone” (sans vrai dragover) */
.wpcf7-form-control-wrap[data-name="your-file"]:hover{
  border-color: var(--theme-form-field-border-focus-color);
  background: #dddddd33;
}
/* Placeholders (tous champs du site) */
input::placeholder,
textarea::placeholder{
  color: #ccc!important;
  opacity: .9!important; 

}
/* Le vrai champ file couvre tout, invisible mais cliquable */
.wpcf7-form-control-wrap[data-name="your-file"] > input.wpcf7-file{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  margin: 0;
}

/* Optionnel : état “erreur” si CF7 met aria-invalid=true (Chrome/Safari/Edge OK) */
.wpcf7-form-control-wrap[data-name="your-file"]:has(> input[aria-invalid="true"]){
  border-style: solid;
  border-color: rgba(220,53,69,.7);
  background: rgba(220,53,69,.06);
}
/* === END === */