/* 10/10/2026 : logo vectoriel net + bouton d'inscription plus incitatif (chargé après responsive.css) */

/* Logo SVG : même encombrement que l'ancien PNG (440 x 100) */
#h1 img.ccl-logo { display: block; width: 440px; max-width: 100%; height: auto; }
@media (max-width: 820px) {
  #h1 img.ccl-logo { width: 92%; max-width: 440px; margin: 0 auto; }
}

/* Bouton « Je m'inscris gratuitement » */
#home_box_2 { text-align: center; }
a.ccl-cta-inscription {
  position: relative; overflow: hidden;
  padding: 13px 30px !important; border-radius: 999px !important;
  background: #e8195e; background: linear-gradient(180deg, #ff4d8d 0%, #e0105a 100%) !important;
  border: 1px solid #c90d4f;
  box-shadow: 0 4px 0 #a50a42, 0 8px 18px rgba(224,16,90,.35) !important;
  text-shadow: 0 1px 1px rgba(120,0,40,.35);
  animation: cclPulse 2.6s ease-in-out 1.5s infinite;
  transition: transform .12s, box-shadow .12s;
}
a.ccl-cta-inscription:hover, a.ccl-cta-inscription:focus {
  background: linear-gradient(180deg, #ff5f99 0%, #e8195e 100%) !important;
  transform: translateY(-2px);
  box-shadow: 0 6px 0 #a50a42, 0 12px 22px rgba(224,16,90,.4) !important;
  animation-play-state: paused;
}
a.ccl-cta-inscription:active { transform: translateY(3px); box-shadow: 0 1px 0 #a50a42, 0 4px 10px rgba(224,16,90,.35) !important; }
/* Reflet lumineux qui traverse le bouton de temps en temps */
a.ccl-cta-inscription::after {
  content: ""; position: absolute; top: 0; left: -60%; width: 40%; height: 100%;
  background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.45), rgba(255,255,255,0));
  transform: skewX(-20deg); animation: cclReflet 5s ease-in-out 2s infinite; pointer-events: none;
}
.ccl-cta-inscription-titre { font-size: 21px !important; letter-spacing: .2px; }
.ccl-cta-fleche { display: inline-block; margin-left: 6px; transition: transform .15s; }
a.ccl-cta-inscription:hover .ccl-cta-fleche { transform: translateX(4px); }
.ccl-cta-rassure { margin-top: 10px !important; }

@keyframes cclPulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.04); } }
@keyframes cclReflet { 0% { left: -60%; } 30%, 100% { left: 130%; } }
@media (prefers-reduced-motion: reduce) {
  a.ccl-cta-inscription, a.ccl-cta-inscription::after { animation: none; }
}
@media (max-width: 820px) {
  a.ccl-cta-inscription { padding: 13px 24px !important; }
  .ccl-cta-inscription-titre { font-size: 19px !important; }
}
@media (max-width: 360px) {
  a.ccl-cta-inscription { padding: 12px 16px !important; }
  .ccl-cta-inscription-titre { font-size: 17px !important; }
}