/* ===== Agence Claire — hero /agence/ : dégradé animé (repris du bloc Agence de la fourche) ===== */
@property --cl-c1{syntax:'<color>';inherits:false;initial-value:#F7DD3A}
@property --cl-c2{syntax:'<color>';inherits:false;initial-value:#FF7A59}
@property --cl-c3{syntax:'<color>';inherits:false;initial-value:#FFF6C2}
@property --cl-c4{syntax:'<color>';inherits:false;initial-value:#FFD60A}
@property --cl-x1{syntax:'<percentage>';inherits:false;initial-value:20%}
@property --cl-y1{syntax:'<percentage>';inherits:false;initial-value:30%}
@property --cl-x2{syntax:'<percentage>';inherits:false;initial-value:80%}
@property --cl-y2{syntax:'<percentage>';inherits:false;initial-value:75%}
@property --cl-x3{syntax:'<percentage>';inherits:false;initial-value:50%}
@property --cl-y3{syntax:'<percentage>';inherits:false;initial-value:55%}
@property --cl-x4{syntax:'<percentage>';inherits:false;initial-value:75%}
@property --cl-y4{syntax:'<percentage>';inherits:false;initial-value:15%}

.page-id-18 .elementor-element-27c3377b{position:relative;background-color:#F7DD3A !important;overflow:visible !important;isolation:isolate}
.page-id-18 .elementor-element-27c3377b > *{position:relative;z-index:1}
.page-id-18 .elementor-element-27c3377b::before{
  content:"";position:absolute;z-index:0;left:0;right:0;top:-160px;bottom:0;pointer-events:none;
  background:
    radial-gradient(38% 55% at var(--cl-x1) var(--cl-y1), var(--cl-c1), transparent 70%),
    radial-gradient(40% 60% at var(--cl-x2) var(--cl-y2), var(--cl-c2), transparent 70%),
    radial-gradient(28% 40% at var(--cl-x3) var(--cl-y3), var(--cl-c3), transparent 70%),
    radial-gradient(30% 45% at var(--cl-x4) var(--cl-y4), var(--cl-c4), transparent 70%),
    #F7DD3A;
  animation:cl-move1 14s ease-in-out infinite, cl-move2 18s ease-in-out infinite, cl-cols 16s ease-in-out infinite;
}
@keyframes cl-move1{0%,100%{--cl-x1:20%;--cl-y1:30%;--cl-x3:50%;--cl-y3:55%}50%{--cl-x1:35%;--cl-y1:15%;--cl-x3:38%;--cl-y3:70%}}
@keyframes cl-move2{0%,100%{--cl-x2:80%;--cl-y2:75%;--cl-x4:75%;--cl-y4:15%}50%{--cl-x2:62%;--cl-y2:85%;--cl-x4:88%;--cl-y4:35%}}
@keyframes cl-cols{
  0%,100%{--cl-c1:#F7DD3A;--cl-c2:#FF7A59;--cl-c3:#FFF6C2;--cl-c4:#FFD60A}
  33%{--cl-c1:#FF8A5B;--cl-c2:#F7DD3A;--cl-c3:#FAA383;--cl-c4:#FF8A5B}
  66%{--cl-c1:#FFE95C;--cl-c2:#FFB800;--cl-c3:#FFF6C2;--cl-c4:#FFD60A}
}
/* En-tête transparent en haut de page, jaune dès qu'on défile (navigateurs récents) */
@supports (animation-timeline: scroll()){
  .page-id-18 .elementor-element-19932418{animation:cl-hdr linear both;animation-timeline:scroll(root);animation-range:0 120px}
  @keyframes cl-hdr{from{background-color:rgba(247,221,58,0)}to{background-color:#F7DD3A}}
}
@media (prefers-reduced-motion:reduce){.page-id-18 .elementor-element-27c3377b::before{animation:none}}