MediaWiki:Common.css: відмінності між версіями

нема опису редагування
Немає опису редагування
Немає опису редагування
Рядок 52: Рядок 52:
     background-color: #15151f!important;
     background-color: #15151f!important;
     color: #b7b4bf!important;
     color: #b7b4bf!important;
    padding-top: 70px!important;
     padding-bottom: 140px!important;
     padding-bottom: 140px!important;
}
}
Рядок 58: Рядок 57:
@media (max-width: 767px) {
@media (max-width: 767px) {
     .overlay-enabled, .mw-body {
     .overlay-enabled, .mw-body {
        padding-top: 60px!important;
         padding-bottom: 80px!important;
         padding-bottom: 80px!important;
     }
     }
Рядок 78: Рядок 76:


h4 {
h4 {
opacity: 0.5!important;
    opacity: 0.5!important;
font-weight: 400!important;
    font-weight: 400!important;
}
}


Рядок 107: Рядок 105:
     margin-top: -1px;
     margin-top: -1px;
     display: none!important;  
     display: none!important;  
}
.overlay.search-overlay {
    display: none !important;
}
}


Рядок 177: Рядок 171:
     right: 0 !important;
     right: 0 !important;
     z-index: 1000 !important;
     z-index: 1000 !important;
     padding: 0 0px !important;
     padding: 0 20px !important;
     margin-left: 0 !important;
     margin-left: 0 !important;
}
}
Рядок 233: Рядок 227:
     max-width: 400px !important;
     max-width: 400px !important;
     margin-left: auto !important;
     margin-left: auto !important;
}
.minerva-header .search-box {
    width: 100% !important;
    position: relative !important;
}
}


.minerva-header .search-box .search {
.minerva-header .search-box .search {
     pointer-events: auto !important;
     width: 100% !important;
    padding: 10px 16px 10px 40px !important;
    border-radius: 8px !important;
    background-color: #15151f !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}
}


Рядок 246: Рядок 249:
     border-color: #a19ce0 !important;
     border-color: #a19ce0 !important;
     outline: none !important;
     outline: none !important;
}
/* Іконка лупи */
.minerva-header .search-box::before {
    content: '' !important;
    position: absolute !important;
    left: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 16px !important;
    height: 16px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23888'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z'/%3E%3C/svg%3E") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    z-index: 1 !important;
    pointer-events: none !important;
}
/* Прибираємо стандартну іконку пошуку */
.minerva-header .search-box .search.minerva-icon--search {
    background-image: none !important;
}
}


Рядок 266: Рядок 290:
/* ==================================================== */
/* ==================================================== */


/* Основні стилі таблиці */
.wikitable {
.wikitable {
     border: none !important;
     border: none !important;
Рядок 275: Рядок 298:
}
}


/* Видаляємо іконку зовнішнього посилання в таблиці ігор */
.wikitable .external {
.wikitable .external {
     background: none !important;
     background: none !important;
Рядок 286: Рядок 308:
}
}


/* Комірки таблиці - БЕЗ вертикальних бордерів */
.wikitable > tr > th,  
.wikitable > tr > th,  
.wikitable > tr > td,  
.wikitable > tr > td,  
Рядок 297: Рядок 318:
}
}


/* Заголовки */
.wikitable > thead > tr > th,
.wikitable > thead > tr > th,
.wikitable > * > tr:first-child > th {
.wikitable > * > tr:first-child > th {
Рядок 309: Рядок 329:
}
}


/* Парні та непарні рядки */
.wikitable > tbody > tr:nth-child(odd) > td,
.wikitable > tbody > tr:nth-child(odd) > td,
.wikitable > * > tr:nth-child(odd) > td {
.wikitable > * > tr:nth-child(odd) > td {
Рядок 320: Рядок 339:
}
}


/* Ховер ефект для рядків */
.wikitable > tbody > tr:hover > td,
.wikitable > tbody > tr:hover > td,
.wikitable > * > tr:hover > td {
.wikitable > * > tr:hover > td {
Рядок 328: Рядок 346:


/* ==================================================== */
/* ==================================================== */
/* SORTABLE СТРІЛОЧКИ У СТИЛІ LIQUIPEDIA */
/* SORTABLE СТРІЛОЧКИ */
/* ==================================================== */
/* ==================================================== */


/* Сортовані заголовки */
.client-js .sortable:not(.jquery-tablesorter) > * > tr:first-child > th:not(.unsortable),  
.client-js .sortable:not(.jquery-tablesorter) > * > tr:first-child > th:not(.unsortable),  
.jquery-tablesorter th.headerSort {
.jquery-tablesorter th.headerSort {
Рядок 345: Рядок 362:
}
}


/* Стрілочка за замовчуванням (обидві) */
.client-js .sortable:not(.jquery-tablesorter) > * > tr:first-child > th:not(.unsortable)::after,
.client-js .sortable:not(.jquery-tablesorter) > * > tr:first-child > th:not(.unsortable)::after,
.jquery-tablesorter th.headerSort::after {
.jquery-tablesorter th.headerSort::after {
Рядок 358: Рядок 374:
}
}


/* Сортування по зростанню */
.jquery-tablesorter th.headerSortUp::after {
.jquery-tablesorter th.headerSortUp::after {
     content: "▲";
     content: "▲";
Рядок 365: Рядок 380:
}
}


/* Сортування по спаданню */
.jquery-tablesorter th.headerSortDown::after {
.jquery-tablesorter th.headerSortDown::after {
     content: "▼";
     content: "▼";
Рядок 372: Рядок 386:
}
}


/* Ховер для заголовків */
.client-js .sortable:not(.jquery-tablesorter) > * > tr:first-child > th:not(.unsortable):hover,  
.client-js .sortable:not(.jquery-tablesorter) > * > tr:first-child > th:not(.unsortable):hover,  
.jquery-tablesorter th.headerSort:hover {
.jquery-tablesorter th.headerSort:hover {
Рядок 379: Рядок 392:
}
}


/* Перший та останній рядок */
.wikitable > tbody > tr:first-child > td,
.wikitable > tbody > tr:first-child > td,
.wikitable > * > tr:first-child > td {
.wikitable > * > tr:first-child > td {
Рядок 390: Рядок 402:
}
}


/* Вирівнювання тексту */
.wikitable td {
.wikitable td {
     vertical-align: middle !important;
     vertical-align: middle !important;
}
}


/* Компактні таблиці для мобільних */
@media (max-width: 768px) {
@media (max-width: 768px) {
     .wikitable > tr > th,  
     .wikitable > tr > th,  
Рядок 418: Рядок 428:


.flex__block {
.flex__block {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
     display: flex;
     display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
     justify-content: space-between;
     justify-content: space-between;
     align-items: center
     align-items: center
Рядок 458: Рядок 458:
     background-image: url(https://mafiacc.site/images/d/df/Bg_03.png);
     background-image: url(https://mafiacc.site/images/d/df/Bg_03.png);
     background-size: cover;
     background-size: cover;
}
.home_block-image-block::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url(https://mafiacc.site/images/b/b1/Nic_01.png);
    background-size: cover;
    opacity: 0.5;
    z-index: -1;
}
}


Рядок 554: Рядок 541:


#mw-mf-viewport, #content, .header-container, .mw-body {
#mw-mf-viewport, #content, .header-container, .mw-body {
  /* background-image: url('/images/f/f1/Main_bg%402x.png') !important; */
     background-size: cover !important;
     background-size: cover !important;
     background-repeat: no-repeat !important;
     background-repeat: no-repeat !important;
Рядок 567: Рядок 553:
}
}


/* Список героїв - 5 в рядок */
/* ==================================================== */
/* ГЕРОЇ */
/* ==================================================== */
 
.mcc-heroes-list {
.mcc-heroes-list {
   padding-top: 20px!important;
   padding-top: 20px!important;
Рядок 581: Рядок 570:
   margin: 0;
   margin: 0;
   padding: 0;
   padding: 0;
  /* 5 карток: (100% - 4 gaps по 8px) / 5 */
   width: calc((100% - 32px) / 5);
   width: calc((100% - 32px) / 5);
}
}


/* Картка героя */
.mcc-hero-card {
.mcc-hero-card {
   position: relative;
   position: relative;
Рядок 596: Рядок 583:
}
}


/* Hover анімація */
.mcc-hero-card:hover {
.mcc-hero-card:hover {
   transform: translateY(-4px);
   transform: translateY(-4px);
   box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
   box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
 
}
}


Рядок 611: Рядок 596:
   height: auto;
   height: auto;
}
}


.mcc-hero-info {
.mcc-hero-info {
Рядок 628: Рядок 612:
}
}


/* Білий колір посилання без іконки */
.mcc-hero-nickname a,
.mcc-hero-nickname a,
.mcc-hero-nickname a:visited {
.mcc-hero-nickname a:visited {
Рядок 642: Рядок 625:
}
}


/* Прибираємо іконку зовнішнього посилання */
.mcc-hero-nickname a.external,
.mcc-hero-nickname a.external,
.mcc-hero-nickname a.external:after,
.mcc-hero-nickname a.external:after,
Рядок 668: Рядок 650:
}
}


/* Чемпіон - золота рамка */
.mcc-champion-card {
.mcc-champion-card {
   box-shadow: 0 0 0 0.5px orange;
   box-shadow: 0 0 0 0.5px orange;
Рядок 677: Рядок 658:
}
}


/* ===== MOBILE: 2 картки в рядок ===== */
@media (max-width: 768px) {
@media (max-width: 768px) {
   .mcc-heroes-list {
   .mcc-heroes-list {
Рядок 685: Рядок 665:
    
    
   .mcc-heroes-list li {
   .mcc-heroes-list li {
    /* 2 картки: (100% - 1 gap 12px) / 2 */
     width: calc((100% - 12px) / 2);
     width: calc((100% - 12px) / 2);
   }
   }
Рядок 702: Рядок 681:
}
}


/* Дуже малі екрани */
@media (max-width: 360px) {
@media (max-width: 360px) {
   .mcc-heroes-list {
   .mcc-heroes-list {
Рядок 718: Рядок 696:
}
}


/* Стилізація кнопки запису гри */
/* ==================================================== */
/* КНОПКА ЗАПИСУ ГРИ */
/* ==================================================== */
 
.game-record-btn {
.game-record-btn {
     display: inline-block;
     display: inline-block;
Рядок 739: Рядок 720:
}
}


/* Мобільна версія для карточок */
/* ==================================================== */
@media (max-width: 1200px) {
/* НАВІГАЦІЯ - ГРАВЦІ, ТУРНІРИ, СЕРІЇ, ЧЕМПІОНАТИ */
    .r-box, .tournament-box {
/* ==================================================== */
        position: static !important;
        width: calc(100% - 32px) !important;
        max-width: none !important;
        margin: 0 16px 20px 16px !important;
        top: auto !important;
        right: auto !important;
        max-height: none !important;
        overflow-y: visible !important;
    }
}
 
/* Мобільна версія для всіх карточок */
@media (max-width: 1200px) {
    .r-box, .tournament-box, .series-box {
        position: static !important;
        width: 100%!important;
        max-width: none !important;
        margin: 0 0 0 0 !important;
        top: auto !important;
        right: auto !important;
        max-height: none !important;
        overflow-y: visible !important;
    }
}
 
/* Навігація для гравців */
.player-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    margin-bottom: 10px;
    font-size: 14px;
    background-color: #18151e;
    border-radius: 10px;
}
 
.player-nav-prev,
.player-nav-next {
    font-size: 20px;
    font-weight: bold;
    min-width: 30px;
    text-align: center;
}
 
.player-nav-prev a,
.player-nav-next a {
    color: yellow;
    text-decoration: none;
    transition: opacity 0.2s;
}
 
.player-nav-prev a:hover,
.player-nav-next a:hover {
    opacity: 0.7;
}
 
.player-nav-name {
    flex: 1;
    text-align: center;
    font-weight: bold;
    color: white;
    font-size: 16px;
}
 
/* Навігація для турнірів */
.tournament-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    margin-bottom: 10px;
    font-size: 14px;
    background-color: #18151e;
    border-radius: 10px;
}
 
.tournament-nav-prev,
.tournament-nav-next {
    font-size: 20px;
    font-weight: bold;
    min-width: 30px;
    text-align: center;
}
 
.tournament-nav-prev a,
.tournament-nav-next a {
    color: yellow;
    text-decoration: none;
    transition: opacity 0.2s;
}
 
.tournament-nav-prev a:hover,
.tournament-nav-next a:hover {
    opacity: 0.7;
}
 
.tournament-nav-name {
    flex: 1;
    text-align: center;
    font-weight: bold;
    color: white;
    font-size: 16px;
}
 
/* Навігація для серій */
.series-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    margin-bottom: 10px;
    font-size: 14px;
    background-color: #18151e;
    border-radius: 10px;
}
 
.series-nav-prev,
.series-nav-next {
    font-size: 20px;
    font-weight: bold;
    min-width: 30px;
    text-align: center;
}
 
.series-nav-prev a,
.series-nav-next a {
    color: yellow;
    text-decoration: none;
    transition: opacity 0.2s;
}
 
.series-nav-prev a:hover,
.series-nav-next a:hover {
    opacity: 0.7;
}
 
.series-nav-name {
    flex: 1;
    text-align: center;
    font-weight: bold;
    color: white;
    font-size: 16px;
}
 
/* Мобільна версія для всіх карточок */
@media (max-width: 1200px) {
    .r-box, .tournament-box, .series-box {
        position: static !important;
        width: 100%!important;
        max-width: none !important;
        margin: 0 0 0 0 !important;
        top: auto !important;
        right: auto !important;
        max-height: none !important;
        overflow-y: visible !important;
    }
}
 
/* Сховати таблицю змісту */
#toc, .toc {
    display: none !important;
}
 
/* Сховати тільки на сторінках з r-box (гравці, турніри) */
.r-box ~ * #toc,
.r-box ~ * .toc {
    display: none !important;
}


/* Навігація для чемпіонатів */
.player-nav,
.tournament-nav,
.series-nav,
.championship-nav {
.championship-nav {
     display: flex;
     display: flex;
Рядок 924: Рядок 738:
}
}


.championship-nav-prev,
.player-nav-prev, .player-nav-next,
.championship-nav-next {
.tournament-nav-prev, .tournament-nav-next,
.series-nav-prev, .series-nav-next,
.championship-nav-prev, .championship-nav-next {
     font-size: 20px;
     font-size: 20px;
     font-weight: bold;
     font-weight: bold;
Рядок 932: Рядок 748:
}
}


.championship-nav-prev a,
.player-nav-prev a, .player-nav-next a,
.championship-nav-next a {
.tournament-nav-prev a, .tournament-nav-next a,
     color: yellow;
.series-nav-prev a, .series-nav-next a,
.championship-nav-prev a, .championship-nav-next a {
     color: white !important;
     text-decoration: none;
     text-decoration: none;
     transition: opacity 0.2s;
     transition: opacity 0.2s;
}
}


.championship-nav-prev a:hover,
.player-nav-prev a:hover, .player-nav-next a:hover,
.championship-nav-next a:hover {
.tournament-nav-prev a:hover, .tournament-nav-next a:hover,
.series-nav-prev a:hover, .series-nav-next a:hover,
.championship-nav-prev a:hover, .championship-nav-next a:hover {
     opacity: 0.7;
     opacity: 0.7;
}
}


.player-nav-name,
.tournament-nav-name,
.series-nav-name,
.championship-nav-name {
.championship-nav-name {
     flex: 1;
     flex: 1;
Рядок 952: Рядок 775:
}
}


.player-nav-prev a, .player-nav-next a {
/* ==================================================== */
color: white!important;
/* L-BOX МЕНЮ */
}
/* ==================================================== */


.tournament-nav-prev a, .tournament-nav-next a {
.l-box {
color: white!important;
    position: fixed;
}
    top: 80px !important;
 
    left: 20px;
.series-nav-prev a, .series-nav-next a {
    z-index: 100;
color: white!important;
    width: 220px;
    background: none;
    border-radius: 4px;
    font-size: 13px;
    max-height: calc(100vh - 100px) !important;
    overflow-y: auto;
}
}


Рядок 994: Рядок 822:
     }
     }
}
}
/* ==================================================== */
/* R-BOX ПАНЕЛІ */
/* ==================================================== */
.r-box, .tournament-box, .series-box {
    top: 80px !important;
    max-height: calc(100vh - 100px) !important;
}
@media (max-width: 1200px) {
    .r-box, .tournament-box, .series-box {
        position: static !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        top: auto !important;
        right: auto !important;
        max-height: none !important;
        overflow-y: visible !important;
    }
}
/* ==================================================== */
/* PROFILE LINKS */
/* ==================================================== */


.profile-links {
.profile-links {
Рядок 1028: Рядок 882:
     height: 24px;
     height: 24px;
     width: auto;
     width: auto;
}
/* ==================================================== */
/* TOC */
/* ==================================================== */
#toc, .toc {
    display: none !important;
}
.r-box ~ * #toc,
.r-box ~ * .toc {
    display: none !important;
}
}


Рядок 1035: Рядок 902:


@media screen and (min-width: 1000px) {
@media screen and (min-width: 1000px) {
    /* Базовий margin-left для всіх сторінок КРІМ header */
     .banner-container,
     .banner-container,
     .minerva-anon-talk-message,
     .minerva-anon-talk-message,
Рядок 1049: Рядок 915:
     }
     }
      
      
    /* Головна сторінка - БЕЗ margin-left, контент по центру */
     .page-Головна_сторінка .banner-container,
     .page-Головна_сторінка .banner-container,
     .page-Головна_сторінка .minerva-anon-talk-message,
     .page-Головна_сторінка .minerva-anon-talk-message,
Рядок 1066: Рядок 931:
         padding-right: 20px !important;
         padding-right: 20px !important;
     }
     }
}
/* ==================================================== */
/* ПОВНЕ БЛОКУВАННЯ SEARCH OVERLAY */
/* ==================================================== */
/* Блокуємо перехід на #/search */
.search-overlay,
.overlay.search-overlay,
.overlay-enabled .search-overlay,
#mw-mf-page-center[class*="search"],
.mw-mf-page-center__mask {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    height: 0 !important;
    width: 0 !important;
    overflow: hidden !important;
}
/* Прибираємо стрибання контенту */
body.overlay-enabled {
    overflow: auto !important;
    position: static !important;
}
.overlay-enabled .mw-body,
.overlay-enabled #mw-mf-page-center {
    transform: none !important;
    position: static !important;
}
/* Поле пошуку - завжди активне */
#searchInput {
    pointer-events: auto !important;
    cursor: text !important;
    -webkit-user-select: text !important;
    user-select: text !important;
}
/* Прибираємо маску */
.mw-mf-page-center__mask {
    display: none !important;
}
/* Фіксуємо позицію body при overlay */
body {
    overflow-y: auto !important;
    position: static !important;
}
html {
    overflow-y: auto !important;
    scroll-behavior: smooth;
}
/* Прибираємо будь-які transform при overlay */
.overlay-enabled #content,
.overlay-enabled .mw-body {
    transform: none !important;
    margin-top: 0 !important;
}
}


Рядок 1168: Рядок 971:


/* ==================================================== */
/* ==================================================== */
/* ВИПРАВЛЕННЯ ПОШУКУ */
/* ФІКС ПОШУКУ - БЛОКУВАННЯ OVERLAY ТА СТРИБАННЯ */
/* ==================================================== */
/* ==================================================== */


/* Фіксуємо scroll */
html {
    overflow-y: scroll !important;
    scrollbar-gutter: stable !important;
}


/* Блокуємо зміни body при overlay */
body,
body.overlay-enabled,
body.search-enabled,
body[class*="overlay"],
body[class*="search"] {
    overflow: auto !important;
    position: static !important;
    height: auto !important;
    width: 100% !important;
    top: auto !important;
    left: auto !important;
}


/* Робимо пошук звичайним полем без overlay */
/* Фіксуємо viewport */
#mw-mf-viewport,
#mw-mf-page-center {
    transform: none !important;
    transition: none !important;
    position: static !important;
    overflow: visible !important;
}


/* Блокуємо зміни при overlay */
.overlay-enabled #mw-mf-viewport,
.overlay-enabled #mw-mf-page-center,
.overlay-enabled .mw-body,
.overlay-enabled #content {
    transform: none !important;
    margin: 0 !important;
    position: static !important;
}


/* Виправляємо іконку пошуку в полі */
/* Контент завжди має правильний padding-top */
.minerva-header .search-box .search.minerva-icon--search {
.mw-body {
    background-image: none !important;
     padding-top: 70px !important;
     padding-left: 16px !important;
}
}


/* Додаємо іконку лупи через псевдоелемент */
@media (max-width: 767px) {
.minerva-header .search-box {
    .mw-body {
    position: relative !important;
        padding-top: 60px !important;
    }
}
}


.minerva-header .search-box::before {
/* Ховаємо всі overlay елементи */
     content: '' !important;
.overlay,
.search-overlay,
.overlay.search-overlay,
.overlay-header,
.overlay-content,
.mw-mf-page-center__mask {
     display: none !important;
     position: absolute !important;
     position: absolute !important;
     left: 12px !important;
     left: -9999px !important;
    top: 50% !important;
     visibility: hidden !important;
    transform: translateY(-50%) !important;
     opacity: 0 !important;
     width: 16px !important;
     height: 16px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23888'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z'/%3E%3C/svg%3E") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    z-index: 1 !important;
     pointer-events: none !important;
     pointer-events: none !important;
    height: 0 !important;
    width: 0 !important;
}
}


 
/* Поле пошуку - завжди активне */
/* ==================================================== */
#searchInput {
/* БІЧНІ ПАНЕЛІ - НИЖЧЕ HEADER */
     pointer-events: auto !important;
/* ==================================================== */
     cursor: text !important;
 
     -webkit-user-select: text !important;
/* Ліве меню - зсув вниз */
     user-select: text !important;
.l-box {
     position: fixed;
     top: 80px !important; /* нижче header */
    left: 20px;
     z-index: 100;
    width: 220px;
    background: none;
    border-radius: 4px;
    font-size: 13px;
    max-height: calc(100vh - 100px) !important; /* враховуємо header */
     overflow-y: auto;
}
}


/* Правий бокс - зсув вниз */
/* Вимикаємо тригер overlay */
.r-box, .tournament-box, .series-box {
    top: 80px !important; /* нижче header */
    max-height: calc(100vh - 100px) !important; /* враховуємо header */
}
 
/* ==================================================== */
/* АЛЬТЕРНАТИВА: ВИМКНУТИ MINERVA SEARCH OVERLAY */
/* ==================================================== */
 
/* Вимикаємо тригер який відкриває overlay */
.skin-minerva-search-trigger {
.skin-minerva-search-trigger {
     pointer-events: none !important;
     pointer-events: none !important;
}
}


/* Але залишаємо сам input активним */
/* Але input активний */
.minerva-header .search-box input.search {
.minerva-header .search-box input.search {
     pointer-events: auto !important;
     pointer-events: auto !important;
     cursor: text !important;
     cursor: text !important;
}
/* Ховаємо всі search overlay елементи */
.search-overlay,
.overlay.search-overlay,
.overlay-enabled .search-overlay {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}
}