/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
/* On cible l'image à l'intérieur de notre classe */
.mon-bel-arrondi img {
    border-radius: 30px !important;
}

.effet-neon {
    box-shadow: 0 0 10px #00d4ff, 0 0 20px #00d4ff !important;
    transition: transform 0.3s ease !important;
}

.effet-neon:hover {
    transform: scale(1.05) !important;
    box-shadow: 0 0 20px #00d4ff, 0 0 40px #00d4ff !important;
}

/* Effet néon spécifique pour le TEXTE */
/* On cible la classe ET toutes les balises de texte à l'intérieur (*, h1, h2, h3, span, p) */
.effet-neon-texte, 
.effet-neon-texte * {
    text-shadow: 0 0 10px #00d4ff, 0 0 20px #00d4ff !important;
    transition: all 0.3s ease !important;
}

/* Pareil pour le survol */
.effet-neon-texte:hover, 
.effet-neon-texte:hover * {
    text-shadow: 0 0 20px #00d4ff, 0 0 40px #00d4ff !important;
    transform: scale(1.02); /* Un zoom plus léger pour éviter les bugs de flou */
}

/* 
   KidzÉveil - Poster & Tape Style
   Specific CSS for About, FAQ, and Contact pages
*/

.ke-sticky-area {
  --ke-vanilla: #FFF9F0;
  --ke-pink: #FFD1DC;
  --ke-blue: #B9E5FB;
  --ke-yellow: #FFF5C3;
  --ke-mint: #D4F0E7;
  --ke-peach: #FFDAB9;
  --ke-lavender: #E6D8F0;
  --ke-ink: #3A3226;
  --ke-ink-light: #7A7060;
  --ke-tape: rgba(135, 206, 235, 0.4);
  
  background-color: transparent; /* Permet l'intégration dans Flatsome */
  font-family: inherit;
  color: var(--ke-ink);
  padding: 40px 20px;
}

/* Base Card Style */
.ke-sticky-area .ke-card {
  position: relative;
  background: #fff;
  border: 1px solid rgba(58, 50, 38, 0.1);
  border-radius: 2px;
  padding: 30px;
  box-shadow: 2px 3px 10px rgba(0,0,0,0.05);
  transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out, background-color 0.3s ease-in-out;
  margin-bottom: 30px;
  z-index: 1;
}

/* Hover Effect */
.ke-sticky-area .ke-card:hover {
  transform: rotate(0deg) scale(1.03) !important;
  box-shadow: 5px 10px 20px rgba(0,0,0,0.1);
  background-color: var(--ke-vanilla);
  z-index: 10;
}

/* Paper Grain Texture (Internal) */
.ke-sticky-area .ke-paper-grain::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  opacity: 0.3;
  pointer-events: none;
  mix-blend-mode: multiply;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.18'/%3E%3C/svg%3E");
  z-index: 0;
}

/* --- TAPE (Ruban adhésif) --- */
.ke-sticky-area .ke-tape {
  position: absolute;
  z-index: 2;
  pointer-events: none;
  background: linear-gradient(135deg, rgba(255,255,255,0.4) 0%, var(--ke-tape) 40%, rgba(135,206,235,0.2) 100%);
  box-shadow: 0 1px 2px rgba(0,0,0,0.04);
}

.ke-sticky-area .ke-tape-v { width: 22px; height: 60px; top: -20px; left: 50%; transform: translateX(-50%); clip-path: polygon(0% 2%, 100% 0%, 98% 100%, 2% 98%); }
.ke-sticky-area .ke-tape-h { width: 60px; height: 22px; top: -10px; left: 14px; clip-path: polygon(2% 0%, 98% 2%, 100% 95%, 0% 100%); transform: rotate(-8deg); }
.ke-sticky-area .ke-tape-tr { top: -8px; right: 16px; width: 54px; height: 20px; transform: rotate(12deg); clip-path: polygon(1% 3%, 97% 0%, 100% 96%, 0% 100%); }

/* --- POSTER (Format Affiche) --- */
.ke-sticky-area .ke-poster {
  padding: 40px;
  border-width: 2px;
}

/* --- STICKY NOTE (FAQ Style) --- */
.ke-sticky-area .ke-note {
  background: var(--ke-yellow);
  border: none;
  clip-path: polygon(0% 0%, 100% 0%, 100% 92%, 95% 95%, 85% 92%, 75% 95%, 65% 92%, 55% 95%, 45% 92%, 35% 95%, 25% 92%, 15% 95%, 5% 92%, 0% 95%);
}

.ke-sticky-area .ke-note-pink { background-color: var(--ke-pink); }
.ke-sticky-area .ke-note-blue { background-color: var(--ke-blue); }
.ke-sticky-area .ke-note-mint { background-color: var(--ke-mint); }

/* --- POLAROID (Photo Style) --- */
.ke-sticky-area .ke-polaroid {
  padding: 15px 15px 40px 15px;
  text-align: center;
}
.ke-sticky-area .ke-polaroid img {
  width: 100%;
  height: auto;
  display: block;
  border: 1px solid #eee;
  margin-bottom: 15px;
}
.ke-sticky-area .ke-polaroid-caption {
  font-size: 14px;
  font-weight: 600;
  color: var(--ke-ink-light);
}

/* Tipographie spécifique pour ne pas hériter des global styles si besoin */
.ke-sticky-area h3 { margin-top: 0; color: var(--ke-ink); font-weight: 700; }
.ke-sticky-area p { line-height: 1.6; }