/* ============================================================
   LES CARNOULETTES — VERSION 5
   REFLET BLANC DIFFUS intégré au contour doré des majuscules
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Allura&display=swap');

:root{
 --lc5-noir:#020202;
 --lc5-or-fonce:#684000;
 --lc5-or-bronze:#966000;
 --lc5-or:#C98700;
 --lc5-or-moyen:#E3A91D;
 --lc5-or-clair:#FFD95A;
 --lc5-or-lumiere:#FFF1A3;
 --lc5-blanc:#FFFFFF;
}

/* TEXTE NORMAL */
.style-carnoulettes-metal-v5{
 font-family:"Allura","Brush Script MT",cursive;
 font-weight:400;
 font-size:4.8rem;
 line-height:1;
 color:var(--lc5-noir);
 -webkit-text-stroke:1.20px var(--lc5-or);
 text-shadow:
  .45px 0 var(--lc5-noir),
 -.45px 0 var(--lc5-noir),
 0 .45px var(--lc5-noir),
 0 -.45px var(--lc5-noir),
 .35px .35px 0 var(--lc5-blanc),
 .70px .70px 0 var(--lc5-or-clair),
 1.20px 1.30px 0 var(--lc5-or-moyen),
 1.90px 2.10px 0 var(--lc5-or-bronze),
 2.70px 3.20px 2px rgba(0,0,0,.78),
 0 0 2px var(--lc5-or-lumiere),
 0 0 5px rgba(255,241,163,.65);
 display:block;
 width: 100%;
 text-align: center;
 box-sizing: border-box;
 white-space:nowrap;
 transform:scaleX(1.04);
}

/* MAJUSCULES : contour doré + lumière blanche */
.lc5-capital-eclat{
 position:relative;
 display:inline-block;
 color:var(--lc5-noir);
 -webkit-text-stroke:1.35px var(--lc5-or);
 text-shadow:
 .50px 0 var(--lc5-noir),
 -.50px 0 var(--lc5-noir),
 0 .50px var(--lc5-noir),
 0 -.50px var(--lc5-noir),
 .35px .35px 0 var(--lc5-blanc),
 .75px .75px 0 var(--lc5-or-clair),
 1.30px 1.40px 0 var(--lc5-or-moyen),
 1.90px 2.10px 0 var(--lc5-or-bronze),
 2.70px 3.20px 2px rgba(0,0,0,.80),
 0 0 2px rgba(255,255,255,.72);
}

/* REFLET BLANC DIFFUS :
   il est blanc pur et ne contient AUCUNE teinte jaune.
   Sur fond blanc, il disparaît presque complètement.
   Sur le contour doré, il devient visible comme une réflexion. */
.lc5-capital-eclat::after{
 content:"";
 position:absolute;
 top:15%;
 right:3%;
 width:.55em;
 height:.20em;
 border-radius:50%;
 background:radial-gradient(
   ellipse at center,
   rgba(255,255,255,.95) 0%,
   rgba(255,255,255,.72) 30%,
   rgba(255,255,255,.32) 55%,
   rgba(255,255,255,0) 100%
 );
 filter:blur(2.8px);
 opacity:.88;
 transform:rotate(-18deg) scale(1.40);
 pointer-events:none;
}

/* LOGO */
.style-carnoulettes-metal-logo-v5{
 font-family:"Allura","Brush Script MT",cursive;
 font-weight:400;
 font-size:7.2rem;
 line-height:1;
 color:var(--lc5-noir);
 -webkit-text-stroke:1.35px var(--lc5-or);
 text-shadow:
 .50px 0 var(--lc5-noir),
 -.50px 0 var(--lc5-noir),
 0 .50px var(--lc5-noir),
 0 -.50px 0 var(--lc5-noir),
 .40px .40px 0 var(--lc5-blanc),
 .85px 1px 0 var(--lc5-or-clair),
 1.50px 1.70px 0 var(--lc5-or-moyen),
 2.20px 2.60px 0 var(--lc5-or-bronze),
 3.20px 4px 3px rgba(0,0,0,.82),
 0 0 2px rgba(255,255,255,.70);
 display:block;
 width: 100%;
 text-align: center;
 box-sizing: border-box;
 white-space:nowrap;
 transform:scaleX(1.04);
}

/* PETIT TEXTE */
.style-carnoulettes-metal-petit-v5{
 font-family:"Allura","Brush Script MT",cursive;
 font-weight:400;
 font-size:3.15rem;
 line-height:1;
 color:var(--lc5-noir);
 -webkit-text-stroke:.90px var(--lc5-or);
 text-shadow:
 .35px 0 var(--lc5-noir),
 -.35px 0 var(--lc5-noir),
 0 .35px var(--lc5-noir),
 0 -.35px 0 var(--lc5-noir),
 .35px .35px 0 var(--lc5-blanc),
 .80px .90px 0 var(--lc5-or-clair),
 1.40px 1.60px 0 var(--lc5-or-bronze),
 2px 2.5px 2px rgba(0,0,0,.75),
 0 0 2px rgba(255,255,255,.65);
 display:block;
 width: 100%;
 text-align: center;
 box-sizing: border-box;
}

/* FOND NOIR OPTIONNEL */
.lc5-fond-noir{
 background:#000;
 padding:20px 30px;
}