/*
 * Accents graphiques inspirés des visuels ECS Lyon (affiches) : surlignage au pinceau,
 * souligné tracé à la main, autocollant incliné, flèche dessinée, traits d'emphase.
 * Couleurs de la charte uniquement (#36096A, #24053f, #FFD100). SVG inline, aucune image.
 * Désactivable : filtre ecs_accents_actifs (inc/accents.php).
 */

/* Surlignage au pinceau : jaune (texte violet) ou violet (texte blanc) */
.ecs-brush{position:relative;display:inline-block;padding:.02em .22em .04em;color:#24053f;isolation:isolate;transform:rotate(-1.2deg)}
.ecs-brush::before{content:"";position:absolute;inset:-.06em -.12em -.08em;z-index:-1;background:#FFD100;border-radius:.35em .55em .4em .6em/.6em .35em .55em .4em;clip-path:polygon(1% 12%,8% 2%,30% 6%,52% 0,74% 5%,97% 2%,100% 20%,98% 44%,100% 70%,97% 96%,78% 100%,55% 94%,34% 100%,10% 96%,0 84%,3% 52%)}
.ecs-brush--violet{color:#fff}
.ecs-brush--violet::before{background:#36096A}
.ecs-brush--sombre{color:#fff}
.ecs-brush--sombre::before{background:#24053f}

/* Souligné tracé à la main (jaune) sous un mot ou un titre */
.ecs-swoosh{position:relative;display:inline-block}
.ecs-swoosh::after{content:"";position:absolute;left:-2%;right:-2%;bottom:-.18em;height:.42em;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 20' preserveAspectRatio='none'><path d='M3 14 C 40 6, 80 18, 120 9 S 180 4, 197 12' fill='none' stroke='%23FFD100' stroke-width='6' stroke-linecap='round'/></svg>") no-repeat center/100% 100%;pointer-events:none}
.ecs-swoosh--violet::after{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 20' preserveAspectRatio='none'><path d='M3 14 C 40 6, 80 18, 120 9 S 180 4, 197 12' fill='none' stroke='%2336096A' stroke-width='6' stroke-linecap='round'/></svg>")}

/* Autocollant incliné (comme « Ton alternance, tes droits, tes devoirs ! ») */
.ecs-sticker{display:inline-block;background:#FFD100;color:#24053f;font:700 15px/1.2 Lexend,sans-serif;padding:10px 16px;border-radius:14px 18px 12px 20px;transform:rotate(-5deg);box-shadow:0 10px 24px -14px rgba(36,5,63,.5);letter-spacing:.01em;text-wrap:balance}
.ecs-sticker--violet{background:#36096A;color:#fff}
.ecs-sticker--abs{position:absolute;z-index:3}
.ecs-sticker--white{background:#fff;color:#36096A}

/* Flèche dessinée à la main, pointant vers un bouton (jaune par défaut) */
.ecs-arrow{display:inline-block;width:64px;height:48px;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 48'><path d='M4 6 C 20 2, 44 10, 50 34' fill='none' stroke='%23FFD100' stroke-width='4' stroke-linecap='round'/><path d='M38 30 L 51 37 L 56 24' fill='none' stroke='%23FFD100' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat center/contain;vertical-align:middle;pointer-events:none}
.ecs-arrow--violet{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 48'><path d='M4 6 C 20 2, 44 10, 50 34' fill='none' stroke='%2336096A' stroke-width='4' stroke-linecap='round'/><path d='M38 30 L 51 37 L 56 24' fill='none' stroke='%2336096A' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/></svg>")}
.ecs-arrow--abs{position:absolute;z-index:2}

/* Traits d'emphase (rayons courts) autour d'un titre */
.ecs-rays{position:relative;display:inline-block}
.ecs-rays::before,.ecs-rays::after{content:"";position:absolute;width:26px;height:26px;pointer-events:none;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'><g stroke='%23FFD100' stroke-width='3.5' stroke-linecap='round'><path d='M3 23 L 10 16'/><path d='M3 12 L 11 12'/><path d='M14 3 L 14 11'/></g></svg>") no-repeat center/contain}
.ecs-rays::before{left:-34px;top:-10px}
.ecs-rays::after{right:-34px;top:-10px;transform:scaleX(-1)}

/* Pictogrammes de l'agenda (calendrier, horloge, lieu), tracés en violet */
.ecs-ico{display:inline-block;width:18px;height:18px;vertical-align:-3px;margin-right:6px;background:no-repeat center/contain}
.ecs-ico--horloge{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2336096A' stroke-width='2.4' stroke-linecap='round'><circle cx='12' cy='12' r='9'/><path d='M12 7v5l3 2'/></svg>")}
.ecs-ico--lieu{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2336096A' stroke-width='2.4' stroke-linecap='round'><path d='M12 21s7-6.2 7-11a7 7 0 0 0-14 0c0 4.8 7 11 7 11z'/><circle cx='12' cy='10' r='2.5'/></svg>")}
.ecs-ico--calendrier{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2336096A' stroke-width='2.4' stroke-linecap='round'><rect x='3' y='5' width='18' height='16' rx='3'/><path d='M3 10h18M8 3v4M16 3v4'/></svg>")}

/* Bandeau « bulle » en bas d'une section, comme « Alors préparez vos questions ! » */
.ecs-callout{display:inline-flex;align-items:center;gap:12px;background:#FFD100;color:#24053f;font:700 clamp(18px,2vw,24px)/1.15 Lexend,sans-serif;padding:14px 22px;border-radius:18px 24px 14px 26px;transform:rotate(-1.5deg)}
.ecs-callout .ecs-callout__mega{width:34px;height:34px;flex:none;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2336096A'><path d='M3 10v4a2 2 0 0 0 2 2h2l5 4V4L7 8H5a2 2 0 0 0-2 2z'/><path d='M16 8a4 4 0 0 1 0 8M18.5 5.5a8 8 0 0 1 0 13' fill='none' stroke='%2336096A' stroke-width='2' stroke-linecap='round'/></svg>") no-repeat center/contain}

@media (max-width:759px){
  .ecs-rays::before,.ecs-rays::after{display:none}
  .ecs-sticker--abs{position:static;transform:rotate(-3deg);margin:0 0 12px}
  .ecs-arrow--abs{display:none}
}
@media (prefers-reduced-motion:reduce){.ecs-brush,.ecs-sticker,.ecs-callout{transform:none}}