/*------------------------------
LINKS GLOBAL
------------------------------*/

a{
    color:var(--color-primaire-d01);
}

:where(.brxe-accordion .accordion-content-wrapper) a, 
:where(.brxe-icon-box .content) a, 
:where(.brxe-list) a, 
:where(.brxe-post-content) a:not(.bricks-button), 
:where(.brxe-posts .dynamic p) a, 
:where(.brxe-shortcode) a, 
:where(.brxe-tabs .tab-content) a, 
:where(.brxe-team-members) .description a, 
:where(.brxe-testimonials) .testimonial-content-wrapper a, 
:where(.brxe-text) a, 
:where(a.brxe-text), 
:where(.brxe-text-basic) a, 
:where(a.brxe-text-basic), 
:where(.brxe-post-comments) .comment-content a {
    display :inline;
    font-weight: 500;
    text-decoration: none;
    color:var(--color-primaire-d01);
    line-height: 1.25;
    padding-bottom: 2px;
    background-position: bottom right;
    background-size: 0% 2px;
    background-image: linear-gradient(var(--color-custom-02), var(--color-custom-02));
    background-repeat: no-repeat;
    transition: background-size .4s ease, color 0.3s ease;
	-webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}

:where(.brxe-accordion .accordion-content-wrapper) a:hover, 
:where(.brxe-icon-box .content) a:hover, 
:where(.brxe-list) a:hover, 
:where(.brxe-post-content) a:not(.bricks-button):hover, 
:where(.brxe-posts .dynamic p) a:hover, 
:where(.brxe-shortcode) a:hover, 
:where(.brxe-tabs .tab-content) a:hover, 
:where(.brxe-team-members) .description a:hover, 
:where(.brxe-testimonials) .testimonial-content-wrapper a:hover, 
:where(.brxe-text) a:hover, 
:where(a.brxe-text):hover, 
:where(.brxe-text-basic) a:hover, 
:where(a.brxe-text-basic):hover, 
:where(.brxe-post-comments) .comment-content a:hover {
    text-decoration: none;
    color:var(--color-custom-02);
    background-position: bottom left ;
    background-size: 100% 2px;
}

:where(.brxe-accordion .accordion-content-wrapper) a:not(.link_solo)::after, 
:where(.brxe-icon-box .content) a:not(.link_solo)::after, 
:where(.brxe-list) a:not(.link_solo)::after, 
:where(.brxe-post-content) a:not(.bricks-button):not(.link_solo)::after, 
:where(.brxe-posts .dynamic p) a:not(.link_solo)::after, 
:where(.brxe-shortcode) a:not(.link_solo)::after, 
:where(.brxe-tabs .tab-content) a:not(.link_solo)::after, 
:where(.brxe-team-members) .description a:not(.link_solo)::after, 
:where(.brxe-testimonials) .testimonial-content-wrapper a:not(.link_solo)::after, 
:where(.brxe-text) a:not(.link_solo)::after, 
:where(a.brxe-text):not(.link_solo)::after, 
:where(.brxe-text-basic) a:not(.link_solo)::after, 
:where(a.brxe-text-basic):not(.link_solo)::after, 
:where(.brxe-post-comments) .comment-content a:not(.link_solo)::after {
  content: '';                    /* vide, l'image passe en background */
  display: inline-block;         /* indispensable pour que width/height marchent */
  width: 1em;
  height: 1em;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="%23365A47"><path d="M16 2a14 14 0 1 0 14 14A14.016 14.016 0 0 0 16 2m7.707 14.707-5 5a1 1 0 0 1-1.414-1.414L20.586 17H9a1 1 0 0 1 0-2h11.586l-3.293-3.293a1 1 0 0 1 1.414-1.414l5 5a1 1 0 0 1 0 1.414" data-name="right arrow"/></svg>');
  background-size: contain;      /* ajuste le SVG à la taille de la boîte */
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: middle;
  margin-left: 6px;
  margin-bottom: 2px;
  transition: transform 0.3s ease, filter 0.05s ease;
  transform: rotate(-45deg);
}

:where(.brxe-accordion .accordion-content-wrapper) a:hover::after, 
:where(.brxe-icon-box .content) a:hover::after, 
:where(.brxe-list) a:hover::after, 
:where(.brxe-post-content) a:not(.bricks-button):hover::after, 
:where(.brxe-posts .dynamic p) a:hover::after, 
:where(.brxe-shortcode) a:hover::after, 
:where(.brxe-tabs .tab-content) a:hover::after, 
:where(.brxe-team-members) .description a:hover::after, 
:where(.brxe-testimonials) .testimonial-content-wrapper a:hover::after, 
:where(.brxe-text) a:hover::after, 
:where(a.brxe-text):hover::after, 
:where(.brxe-text-basic) a:hover::after, 
:where(a.brxe-text-basic):hover::after, 
:where(.brxe-post-comments) .comment-content a:hover::after {
  transform: rotate(0deg);
	filter: brightness(0) saturate(100%) invert(68%) sepia(81%) saturate(243%) hue-rotate(354deg) brightness(90%) contrast(94%);
}