/*
 * ===================================================================
 * OSTATECZNA, ZUNIFIKOWANA WERSJA STYLÓW DLA NAGŁÓWKA I MENU
 * ===================================================================
 */

/* --- STYLE GLOBALNE DLA NAGŁÓWKA --- */
.wp-block-group.ona-header-transparent {
    padding-left: 5% !important;
    padding-right: 5% !important;
}

/* --- KONTENER FLEX DLA FLAGI I LOGO --- */
.glowny-kontener-naglowka {
    width: 100%;
    justify-content: space-between !important;
    align-items: center !important;
}

/* --- GŁÓWNY PRZYCISK-FLAGA --- */
.language-list .wp-block-navigation__responsive-container-open {
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    border: none;
    background-color: transparent;
    padding: 0;
    cursor: pointer;
}
.language-list .wp-block-navigation__responsive-container-open svg {
    display: none;
}

/* --- DYNAMICZNA ZMIANA GŁÓWNEJ FLAGI --- */
body.lang-is-pl .language-list .wp-block-navigation__responsive-container-open {
    background-image: url('https://anyads.ai/wp-content/plugins/moje-wlasne-style/ikony/polska_256x256.png');
}
body.lang-is-en .language-list .wp-block-navigation__responsive-container-open {
    background-image: url('https://anyads.ai/wp-content/plugins/moje-wlasne-style/ikony/usa_256x256.png');
}
body.lang-is-de .language-list .wp-block-navigation__responsive-container-open {
    background-image: url('https://anyads.ai/wp-content/plugins/moje-wlasne-style/ikony/niemcy_256x256.png');
}

/* --- KONTENERY MENU ROZWIJANEGO (OVERLAY) --- */
.wp-block-navigation__responsive-container.is-menu-open {
    height: auto !important;
    bottom: auto !important;
}
.wp-block-navigation__responsive-container-close {
    display: none !important;
}
.language-list .wp-block-navigation__responsive-container-content {
    padding: 0 !important;
}

/* --- LISTA JĘZYKÓW W MENU ROZWIJANYM --- */
.language-list .wp-block-navigation__container,
.language-list .wp-block-navigation-item {
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
}
.language-list .wp-block-navigation-item a {
    display: block !important;
    box-sizing: border-box !important;
    font-size: 24px !important;
    line-height: 1.2 !important;
    padding: 6px 0 6px 40px !important;
    background-repeat: no-repeat;
    background-position: left 8px center;
    background-size: 24px 24px !important;
    transition: none !important;
}

/* --- PRZYPISANIE FLAG DO LINKÓW W LIŚCIE --- */
.language-list .lang-pl a {
    background-image: url('https://anyads.ai/wp-content/plugins/moje-wlasne-style/ikony/polska_256x256.png') !important;
}
.language-list .lang-en a {
    background-image: url('https://anyads.ai/wp-content/plugins/moje-wlasne-style/ikony/usa_256x256.png') !important;
}
.language-list .lang-de a {
    background-image: url('https://anyads.ai/wp-content/plugins/moje-wlasne-style/ikony/niemcy_256x256.png') !important;
}

/*
 * ===================================================================
 * KOREKTA WYSOKOŚCI NAGŁÓWKA GDY USTAWI MU SIĘ CIEMNY BACKGROUND COLOR
 * ===================================================================
 */
.wp-block-group.ona-header-transparent.has-background {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

/*
 * ===================================================================
 * KOREKTA PIONOWYCH ODSTĘPÓW MIĘDZY SEKCJAMI
 * ===================================================================
 */
.wp-container-core-group-is-layout-2688a0c4 {
    margin-bottom: 0px !important;
}

.wp-block-group.has-dark-background-color {
    padding-top: 50px !important;
}

.wp-container-core-columns-is-layout-14cf5ab5 {
    margin-top: 20px !important;
}

/*
 * ===================================================================
 * TYMCZASOWE UKRYCIE MENU FLAGI Z WYBOREM WERSJI JĘZYKOWEJ"
 * ===================================================================
 */
.language-list {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/*
 * ===================================================================
 * TYMCZASOWE UKRYCIE PRZYCISKU "SCROLL W DÓŁ"
 * ===================================================================
 */
.wp-container-core-buttons-is-layout-a89b3969 {
  display: none !important;
}

/*
 * ===================================================================
 * TYMCZASOWE UKRYCIE SEKCJI "DLACZEGO TURCJA"
 * ===================================================================
 */
.dlaczego-turcja {
  display: none !important;
}

/*
 * ===================================================================
 * TYMCZASOWE UKRYCIE SEKCJI "KOMPLEKSOWA ORGANIZACJA"
 * ===================================================================
 */
.kompleksowa-organizacja {
  display: none !important;
}

/*
 * ===================================================================
 * TYMCZASOWE UKRYCIE SEKCJI "SUKCES WIZYT"
 * ===================================================================
 */
.sukces-wizyt {
  display: none !important;
}

/*
 * ===================================================================
 * TYMCZASOWE UKRYCIE SEKCJI "THREE-COLUMNS
 * ===================================================================
 */
div.three-columns {
  display: none !important;
}

/*
 * ===================================================================
 * TYMCZASOWE UKRYCIE SEKCJI "CASE STUDY 1"
 * ===================================================================
 */
.case-study-1 {
  display: none !important;
}

/*
 * ===================================================================
 * TYMCZASOWE UKRYCIE SEKCJI "CASE STUDY 2"
 * ===================================================================
 */
.case-study-2 {
  display: none !important;
}

/*
 * ===================================================================
 * TYMCZASOWE UKRYCIE SEKCJI "CASE STUDY 3"
 * ===================================================================
 */
.case-study-3 {
  display: none !important;
}

/*
 * ===================================================================
 * TYMCZASOWE UKRYCIE SEKCJI "DIAMETRALNA RÓŻNICA"
 * ===================================================================
 */
 
.wp-container-core-group-is-layout-e1fdcd3b {
    display: block !important;
}


/*
 * ===================================================================
 * TYMCZASOWE UKRYCIE SEKCJI "SOCIAL MEDIA"
 * ===================================================================
 */
.social-media {
    display: none !important;
}

/*
 * ===================================================================
 * UKRYCIE SEKCJI Z CIEMNYM TŁEM (DWA OBIEKTY PONIŻEJ SĄ ZE SOBĄ POWIĄZANE)
 * ===================================================================
 */

.three-columns {
    display: block !important;
}

/*
 * ===================================================================
 * GÓRNY MARGINES DLA SEKCJI "DLACZEGO TURCJA"
 * ===================================================================
 */
.dlaczego-turcja,
.kompleksowa-organizacja,
.sukces-wizyt,
.formularz {
    padding-top: 50px !important;
}

/*
 * ===================================================================
 * SEKCJA "FORMULARZ" - WYRÓWNANIE LISTY Z IKONAMI
 * ===================================================================
 */
/* Używamy klasy .formularz, aby ta reguła dotyczyła TYLKO tej sekcji */
.formularz .wp-container-core-group-is-layout-f1189ed3 {
    display: flex !important;
    align-items: flex-start !important; /* Tutaj 'flex-start' jest poprawne i pożądane */
    gap: 5px !important;
    margin-bottom: 2px !important;
}

/* Reguły dla dzieci w tej sekcji pozostają bez zmian */
.formularz .wp-container-core-group-is-layout-f1189ed3 > .wp-block-image {
    flex: none;
    width: 24px;
    margin: 0 !important;
}
.formularz .wp-container-core-group-is-layout-f1189ed3 > p {
    line-height: 1.3 !important;
    margin: 0 !important;
}

/*
 * ===================================================================
 * NADPISANIE DEFINICJI CZCIONEK Z FONT-DISPLAY: BLOCK
 * ===================================================================
 */

/* --- Definicja dla czcionki ARCHIVO pod nową nazwą --- */
@font-face {
  font-family: 'Archivo Custom';
  src: url('https://anyads.ai/wp-content/uploads/fonts/Archivo-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: block; /* KLUCZOWA ZMIANA */
}

/* --- Definicja dla czcionki MANROPE pod nową nazwą --- */
@font-face {
  font-family: 'Manrope Custom';
  src: url('https://anyads.ai/wp-content/uploads/fonts/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk4jE-_A87jxeN7B.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: block; /* KLUCZOWA ZMIANA */
}

/*
 * ===================================================================
 * GŁÓWNA TYPOGRAFIA STRONY
 * ===================================================================
 */

body,
button,
input,
textarea,
select,
.wp-block-button__link,
h2.wp-block-heading,
h3.wp-block-heading,
h4.wp-block-heading,
h5.wp-block-heading,
h6.wp-block-heading {
    font-family: 'Manrope Custom', 'Manrope', sans-serif;
}
.wp-block-post-title,
h1.wp-block-heading {
    font-family: 'Archivo Custom', 'Archivo', sans-serif !important;
}

/*
 * ===================================================================
 * POPRAWKA "STICKY FOOTER" (Wersja poprawiona)
 * ===================================================================
 */

.wp-site-blocks {
    display: flex;
    flex-direction: column;
    
}
.wp-site-blocks > .wp-block-cover {
    flex-grow: 1;
}

/*
 * ===================================================================
 * KOREKTA UKŁADU DLA DOMYŚLNEGO SZABLONU STRONY (WERSJA OSTATECZNA)
 * ===================================================================
 */

.page-template-default .wp-block-cover,
.page-template-wp-custom-template-pages-en .wp-block-cover {
  align-items: flex-start !important;
  justify-content: flex-start !important;
  padding-top: 90px !important;
  padding-bottom: 50px !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
}

 /*
 * ===================================================================
 * ROZSZERZENIE WEWNĘTRZNYCH BLOKÓW NA PODSTRONACH (LEGAL / FORM)
 * ===================================================================
 *
 * Dlaczego to jest zrobione w ten sposób:
 * - Ta instalacja używa kilku różnych template’ów stron (PL/EN/DE), m.in.:
 *   - osobne template’y dla stron typu „Polityka prywatności / Regulamin”,
 *   - osobne template’y dla stron z formularzami (PL i EN),
 * - Powód: do każdego template’u podpięty jest inny footer w odpowiednim języku.
 *
 * Skutek:
 * - Nie wszystkie podstrony mają klasę body „page-template-default”.
 * - Część stron działa na custom template’ach (np. page-template-wp-custom-template-...),
 *   więc reguły ograniczone tylko do „page-template-default” nie zadziałają i treść
 *   może zostać „ściśnięta” przez layout-constrained Gutenberg’a.
 *
 * Dlatego:
 * - Rozszerzamy selektor o dodatkowe template’y i/lub stosujemy regułę ogólną dla
 *   układu alignfull + is-layout-constrained, żeby kontenery miały spójną szerokość
 *   niezależnie od wybranego template’u.
 */

.page-template-default .entry-content > *,
.page-template-wp-custom-template-pages-en .entry-content > * {
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.entry-content.alignfull.wp-block-post-content.is-layout-constrained > * {
    max-width: none !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
}

/*
 * ===================================================================
 * USTAWIENIE BIAŁEGO KOLORU TEKSTU NA WSZYSTKICH PODSTRONACH
 * ===================================================================
 */

.page-template-default .entry-content,
.page-template-wp-custom-template-pages-en .entry-content {
  color: black !important;
}

.page-template-default .entry-content a,
.page-template-wp-custom-template-pages-en .entry-content a {
  color: black !important;
}

/*
 * ===================================================================
 * DODATKOWE USTAWIENIA STRONY POLITYKA PRYWATNOŚCI I REGULAMIN
 * ===================================================================
 */

.page-id-243 h3,
.page-id-349 h3,
.page-id-676 h3,
.page-id-628 h3 {
  margin-top: 24px !important;
}

.page-id-243 h4,
.page-id-349 h4,
.page-id-676 h4,
.page-id-628 h4 {
  font-size: var(--wp--preset--font-size--base) !important;
  margin-top: 24px !important;
}

body.page-id-243 .entry-content ul,
body.page-id-243 .entry-content ol,
body.page-id-349 .entry-content ul,
body.page-id-349 .entry-content ol,
body.page-id-676 .entry-content ul,
body.page-id-676 .entry-content ol,
body.page-id-628 .entry-content ul,
body.page-id-628 .entry-content ol {
  list-style-position: inside !important;
  margin-left: 0 !important;
  padding-left: 1.5em !important;
}

body.page-id-243 .entry-content li,
body.page-id-349 .entry-content li,
body.page-id-676 .entry-content li,
body.page-id-628 .entry-content li {
  padding-left: 0 !important;
  text-indent: 0 !important;
}

/*
 * ===================================================================
 * POPRAWKI FOOTER (z ograniczeniem do .site-footer)
 * ===================================================================
 */

/* Główny kontener z ciemnym tłem w stopce */
.site-footer .wp-block-group.has-dark-background-color.has-background.is-layout-flow.wp-block-group-is-layout-flow {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
}

/* Kolumny w stopce */
.site-footer .wp-block-columns.are-vertically-aligned-center.is-layout-flex.wp-block-columns-is-layout-flex {
    margin-top: 0 !important;
}

/* Separator */
.site-footer hr.wp-block-separator.has-text-color.has-alpha-channel-opacity.has-background.is-style-wide {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
}

/* Grupa z padding-bottom: 0 */
.site-footer .wp-block-group.wp-block-group-is-layout-constrained {
    margin-top: 0 !important;
    padding-bottom: 0 !important;
}

/*
 * ===================================================================
 * POPRAWKI FOOTER (z ograniczeniem do .footer-formularz)
 * ===================================================================
 */

/* Główny kontener z ciemnym tłem w stopce */
.footer-formularz .wp-block-group.has-dark-background-color.has-background.is-layout-flow.wp-block-group-is-layout-flow {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
}

/* Kolumny w stopce */
.footer-formularz .wp-block-columns.are-vertically-aligned-center.is-layout-flex.wp-block-columns-is-layout-flex {
    margin-top: 0 !important;
}

/* Separator */
.footer-formularz hr.wp-block-separator.has-text-color.has-alpha-channel-opacity.has-background.is-style-wide {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
}

/* Grupa z padding-bottom: 0 */
.footer-formularz .wp-block-group.wp-block-group-is-layout-constrained {
    margin-top: 0 !important;
    padding-bottom: 0 !important;
}

/*
 * ===================================================================
 * PRZYCIK UMÓW KONSULTACJĘ
 * ===================================================================
 */

/* Styl przycisku „Umów Konsultację” na kolor stopki */
.umow-konsultacje-button .wp-block-button__link {
  background-color: #333333 !important; /* <- kolor stopki */
}

/*
 * ===================================================================
 * STYLOWANIE FORMULARZY: form-pl (381), form-en (642),
 * contact-form-pl (462) i contact-form-en (678)
 * ===================================================================
 */

body.page-id-485 #wpforms-381,
body.page-id-654 #wpforms-642 {
  margin-top: 24px !important;
}

/*
body.page-id-485 #wpforms-381-field_2-container,
body.page-id-654 #wpforms-642-field_2-container {
  display: none !important;
}
*/

/* WPForms – odstęp pod błędem (reCAPTCHA / header error) */
div.wpforms-error-container,
#wpforms-381-header-error,
#wpforms-462-header-error,
#wpforms-642-header-error,
#wpforms-678-header-error {
    padding-bottom: 20px !important;
    margin-bottom: 0 !important;
}

/* Etykiety pól */
.form-pl label[for="wpforms-381-field_1"],
.form-en label[for="wpforms-642-field_1"],
.contact-form-pl label[for="wpforms-462-field_1"],
.contact-form-en label[for="wpforms-678-field_1"],

.form-pl label[for="wpforms-381-field_2"],
.form-en label[for="wpforms-642-field_2"],
.contact-form-pl label[for="wpforms-462-field_2"],
.contact-form-en label[for="wpforms-678-field_2"],

.form-pl label[for="wpforms-381-field_3"],
.form-en label[for="wpforms-642-field_3"],
.contact-form-pl label[for="wpforms-462-field_7"],
.contact-form-en label[for="wpforms-678-field_7"] {
  margin-bottom: 5px !important;
  display: block;
}

/* Pola formularza */
.form-pl input#wpforms-381-field_1,
.form-en input#wpforms-642-field_1,
.contact-form-pl input#wpforms-462-field_1,
.contact-form-en input#wpforms-678-field_1 {
  width: 140px !important;
  max-width: 140px !important;
  min-width: 140px !important;
}

.form-pl input#wpforms-381-field_2,
.form-en input#wpforms-642-field_2,
.contact-form-pl input#wpforms-462-field_2,
.contact-form-pl textarea#wpforms-462-field_7,
.contact-form-en input#wpforms-678-field_2,
.contact-form-en textarea#wpforms-678-field_7 {
  width: 100% !important;
  max-width: 300px !important;
  box-sizing: border-box !important;
}

/* Pole e-mail (381 i 642) */
.form-pl input#wpforms-381-field_3,
.form-en input#wpforms-642-field_3 {
  width: 220px !important;
  max-width: 220px !important;
  min-width: 220px !important;
}

/* Kontener flagi (prefix nr telefonu) */
.iti__country-container {
  width: 43.4px !important;
  min-width: 43.4px !important;
  max-width: 43.4px !important;
}

/* Kontenery poszczególnych pól */
#wpforms-381-field_1-container,
#wpforms-642-field_1-container,
#wpforms-462-field_1-container,
#wpforms-678-field_1-container {
  padding-top: 0 !important;
  padding-bottom: 10px !important;
}

#wpforms-381-field_2-container,
#wpforms-642-field_2-container,
#wpforms-462-field_2-container,
#wpforms-462-field_7-container,
#wpforms-678-field_2-container,
#wpforms-678-field_7-container,
#wpforms-381-field_3-container,
#wpforms-642-field_3-container,
#wpforms-381-field_5-container,
#wpforms-642-field_5-container,
#wpforms-462-field_5-container,
#wpforms-678-field_5-container {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

/* reCAPTCHA */
.form-pl .wpforms-recaptcha-container,
.form-en .wpforms-recaptcha-container,
.contact-form-pl .wpforms-recaptcha-container,
.contact-form-en .wpforms-recaptcha-container {
  padding-top: 5px !important;
  padding-bottom: 10px !important;
}

/* Kontener przycisku */
.form-pl .wpforms-submit-container,
.form-en .wpforms-submit-container,
.contact-form-pl .wpforms-submit-container,
.contact-form-en .wpforms-submit-container {
  max-width: 300px !important;
  margin: 0 auto !important;
  padding-top: 10px !important;
  padding-bottom: 0 !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center;
  flex-direction: column;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.wpforms-field-checkbox legend.wpforms-field-label {
  display: none;
}

/*
 * ===================================================================
 * STYLOWANIE STRONY FORMULARZA MOBILE i THANK YOU PAGE
 * ===================================================================
 */

.formularz-mobile {
  padding-top: 60px !important;
  padding-bottom: 25px !important;
}

/* Stylowanie dla stron formularzy */
body.page-id-485 .wp-site-blocks,
body.page-id-490 .wp-site-blocks,
body.page-id-762 .wp-site-blocks,
body.page-id-692 .wp-site-blocks,
body.page-id-687 .wp-site-blocks,
body.page-id-654 .wp-site-blocks {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  background-color: #f9f6ee !important;
}

body.page-id-485 main,
body.page-id-490 main,
body.page-id-762 main,
body.page-id-692 main,
body.page-id-687 main,
body.page-id-654 main {
  flex: 1 0 auto;
}

body.page-id-485,
body.page-id-490,
body.page-id-762,
body.page-id-692,
body.page-id-687,
body.page-id-654 {
  background-color: #f9f6ee !important;
}

/*
 * ===================================================================
 * DODATKOWA KOREKTA PADDINGU DLA KOLUMN W STOPCE
 * ===================================================================
 */
.wp-block-column.is-vertically-aligned-center.is-layout-flow.wp-block-column-is-layout-flow[style*="flex-basis:55%"] {
  padding-bottom: 0 !important;
}

/* PATCH START: usunięcie padding-left/right z hero cover tylko na stronie głównej */
body.home .wp-block-cover.is-light {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
/* PATCH END */

/* ==============================
   OKIENKO WYBORU JĘZYKA
   ============================== */

/* Przyciemnione tło */
#lang-overlay {
  display: none;
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(0,0,0,0.6);
  z-index: 99999;
  justify-content: center;
  align-items: center;
}

/* Samo okienko – ciaśniejsze */
#lang-overlay .lang-modal {
  background: #fff;
  padding: 15px 20px;                /* było 25px 25px */
  border-radius: 10px;               /* było 12px */
  box-shadow: 0 3px 18px rgba(0,0,0,0.25);
  text-align: center;
  min-width: 160px;                  /* było 200px */
  position: relative;
}

#lang-overlay .lang-modal ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#lang-overlay .lang-modal li {
  margin: 4px 0;                     /* było 10px */
}

/* Linki językowe */
#lang-overlay .lang-modal a {
  font-size: 22px;
  display: inline-block !important;  
  text-align: left !important;
  box-sizing: border-box !important;
  line-height: 1.2 !important;
  padding: 4px 0 4px 32px !important; /* było 6px góra/dół */
  background-repeat: no-repeat !important;
  background-position: 0 center !important;
  background-size: 24px 24px !important;
  color: #111 !important;
  text-decoration: none !important;
  font-weight: bold !important;
  margin: 0 !important;              /* było 10px 0 */
}

/* Flagi */
#lang-overlay .lang-pl a {
  background-image: url('https://anyads.ai/wp-content/plugins/moje-wlasne-style/ikony/polska_256x256.png') !important;
}
#lang-overlay .lang-en a {
  background-image: url('https://anyads.ai/wp-content/plugins/moje-wlasne-style/ikony/usa_256x256.png') !important;
}

p.has-lead-font-size {
  margin-bottom: 0px !important;
}

/* Zapobiega skakaniu layoutu przy pojawianiu/znikaniu scrollbara (nowe przeglądarki) */
html { scrollbar-gutter: stable; }

ul.wp-block-list {
  margin-left: 0 !important;       /* równo z paragrafem */
  padding-left: 1.2em !important;  /* mały odstęp na kropkę */
  list-style-position: outside;    /* zawijanie pod tekst, nie pod kropkę */
}

/* Cookie settings – Gutenberg button reset */
.wp-block-button.cookie-settings-button .wp-block-button__link,
.wp-block-button.cookie-settings-button .wp-block-button__link:hover,
.wp-block-button.cookie-settings-button .wp-block-button__link:focus,
.wp-block-button.cookie-settings-button .wp-block-button__link:active {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    border: none !important;
    box-shadow: none !important;

    padding: 0 !important;
    margin: 0 !important;

    text-decoration: none !important;
}

/* Cookie settings – animated underline */
.wp-block-button.cookie-settings-button .wp-block-button__link {
    position: relative;
}

/* linia */
.wp-block-button.cookie-settings-button .wp-block-button__link::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -4px; /* odległość linii od tekstu */
    width: 100%;
    height: 0.75px;
    background-color: currentColor;

    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.3s ease;
}

/* hover – animacja */
.wp-block-button.cookie-settings-button .wp-block-button__link:hover::after {
    transform: scaleX(1);
}