/* Repère commun aux liens externes éditoriaux ; téléphone, e-mail et URL internes exclus. */
:is(.entry-content a.trios-external-link, .article .main-content .content a[href^="http"]:not([href*="trio-s.fr"]), .article .orga a[href^="http"]:not([href*="trio-s.fr"]), .trios-practical-directory a.trios-external-link)::after {
    content: "" !important;
    display: inline-block;
    flex: 0 0 auto;
    width: 0.82em;
    height: 0.82em;
    margin-inline-start: 0.38em;
    vertical-align: 0.02em;
    background-color: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 2.5h4.5V7M13.5 2.5 7 9M6.5 3.5h-4v10h10v-4'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 2.5h4.5V7M13.5 2.5 7 9M6.5 3.5h-4v10h10v-4'/%3E%3C/svg%3E") center / contain no-repeat;
}

.entry-content a.trios-external-link:not(.wp-element-button):not(.btn) {
    color: #81561a;
    text-decoration: underline;
    text-decoration-color: #b99155;
    text-decoration-thickness: 1px;
    text-underline-offset: 0.22em;
}

.entry-content a.trios-external-link:not(.wp-element-button):not(.btn):hover {
    color: #704500;
    text-decoration-color: currentColor;
}

.entry-content a.trios-external-link:focus-visible {
    outline: 2px solid #81561a;
    outline-offset: 4px;
}

:is(.entry-content, .article .main-content .content) a.trios-external-link:has(img)::after {
    display: none;
}

/* Survol lisible : le trait gagne en épaisseur et en contraste. */
:is(.entry-content a.trios-external-link, .article .main-content .content a[href^="http"]:not([href*="trio-s.fr"]), .article .orga a[href^="http"]:not([href*="trio-s.fr"]), .trios-practical-directory a.trios-external-link):where(:not(.wp-element-button):not(.btn)) {
    text-decoration-line: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 0.22em;
    transition: color 180ms ease-out, text-decoration-color 180ms ease-out, text-decoration-thickness 180ms ease-out, text-underline-offset 180ms ease-out;
}

:is(.entry-content a.trios-external-link, .article .main-content .content a[href^="http"]:not([href*="trio-s.fr"]), .article .orga a[href^="http"]:not([href*="trio-s.fr"]), .trios-practical-directory a.trios-external-link):hover,
:is(.entry-content a.trios-external-link, .article .main-content .content a[href^="http"]:not([href*="trio-s.fr"]), .article .orga a[href^="http"]:not([href*="trio-s.fr"]), .trios-practical-directory a.trios-external-link):focus-visible {
    text-decoration-line: underline;
    text-decoration-color: currentColor;
    text-decoration-thickness: 3px;
    text-underline-offset: 0.3em;
    background-image: none;
}

:is(.entry-content a.trios-external-link, .article .main-content .content a[href^="http"]:not([href*="trio-s.fr"]), .article .orga a[href^="http"]:not([href*="trio-s.fr"]), .trios-practical-directory a.trios-external-link)::after {
    transition: transform 180ms ease-out;
}

:is(.entry-content a.trios-external-link, .article .main-content .content a[href^="http"]:not([href*="trio-s.fr"]), .article .orga a[href^="http"]:not([href*="trio-s.fr"]), .trios-practical-directory a.trios-external-link):hover::after,
:is(.entry-content a.trios-external-link, .article .main-content .content a[href^="http"]:not([href*="trio-s.fr"]), .article .orga a[href^="http"]:not([href*="trio-s.fr"]), .trios-practical-directory a.trios-external-link):focus-visible::after {
    transform: translate(0.13em, -0.13em);
}

@media (prefers-reduced-motion: reduce) {
    :is(.entry-content a.trios-external-link, .article .main-content .content a[href^="http"]:not([href*="trio-s.fr"]), .article .orga a[href^="http"]:not([href*="trio-s.fr"]), .trios-practical-directory a.trios-external-link),
    :is(.entry-content a.trios-external-link, .article .main-content .content a[href^="http"]:not([href*="trio-s.fr"]), .article .orga a[href^="http"]:not([href*="trio-s.fr"]), .trios-practical-directory a.trios-external-link)::after {
        transition: none;
    }
    :is(.entry-content a.trios-external-link, .article .main-content .content a[href^="http"]:not([href*="trio-s.fr"]), .article .orga a[href^="http"]:not([href*="trio-s.fr"]), .trios-practical-directory a.trios-external-link):hover::after,
    :is(.entry-content a.trios-external-link, .article .main-content .content a[href^="http"]:not([href*="trio-s.fr"]), .article .orga a[href^="http"]:not([href*="trio-s.fr"]), .trios-practical-directory a.trios-external-link):focus-visible::after {
        transform: none;
    }
}

:is(.entry-content a.trios-external-link, .article .main-content .content a[href^="http"]:not([href*="trio-s.fr"]), .article .orga a[href^="http"]:not([href*="trio-s.fr"]), .trios-practical-directory a.trios-external-link):not(.wp-element-button):not(.btn):hover,
:is(.entry-content a.trios-external-link, .article .main-content .content a[href^="http"]:not([href*="trio-s.fr"]), .article .orga a[href^="http"]:not([href*="trio-s.fr"]), .trios-practical-directory a.trios-external-link):not(.wp-element-button):not(.btn):focus-visible { color:#704500; }
