/*
 * Oznaczanie linków zewnętrznych (YOOtheme Pro)
 * Ikona nie ma własnego koloru – UIkit rysuje ją kolorem „currentColor”,
 * czyli dokładnie tym samym kolorem co tekst linku w Twoim stylu YOOtheme
 * (również po najechaniu, w sekcjach o odwróconych kolorach i w trybie wysokiego kontrastu).
 */

.extlinks-icon {
    display: inline-block;
    vertical-align: middle;
    line-height: 0;
    /* inline-block nie dziedziczy podkreślenia linku – ikona zostaje czysta */
    text-decoration: none;
}

.extlinks-icon--after {
    margin-left: 0.3em;
}

.extlinks-icon--before {
    margin-right: 0.3em;
}

.extlinks-icon--text {
    line-height: 1;
    font-size: 0.85em;
}

/* Tekst widoczny tylko dla czytników ekranu */
.extlinks-sr {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
    border: 0 !important;
}