/* ============================================================
   CRDGAME — SEARCH MODAL
   file: /file/news/poisk/search.css
============================================================ */

/* Кнопка-лупа в меню */
.crd-search-nav-btn {
 display: inline-flex !important;
 align-items: center !important;
 justify-content: center !important;

 width: 34px !important;
 height: 34px !important;

 margin: 0 0 0 6px !important;
 padding: 0 !important;

 color: #c9aa78 !important;
 background: #120d09 !important;
 border: 1px solid rgba(174, 137, 84, .38) !important;

 cursor: pointer !important;

 vertical-align: middle !important;

 transition:
  color .18s ease,
  background-color .18s ease,
  border-color .18s ease,
  box-shadow .18s ease !important;
}

.crd-search-nav-btn svg {
 width: 15px !important;
 height: 15px !important;
 fill: currentColor !important;
 display: block !important;
}

.crd-search-nav-btn:hover,
.crd-search-nav-btn:focus {
 color: #f0cf91 !important;
 background: #1a130c !important;
 border-color: rgba(215, 176, 111, .72) !important;
 box-shadow: 0 0 16px rgba(174, 137, 84, .22) !important;
 outline: none !important;
}

/* Чтобы кнопка не ломала строку навигации */
.crd-news-head__nav .crd-search-nav-btn {
 flex: 0 0 auto !important;
}

/* ============================================================
   Модальное окно поиска
============================================================ */

.crd-search-modal {
 position: fixed !important;
 inset: 0 !important;
 z-index: 999999 !important;

 display: flex !important;
 align-items: center !important;
 justify-content: center !important;

 padding: 28px !important;

 opacity: 0 !important;
 visibility: hidden !important;
 pointer-events: none !important;

 transition:
  opacity .22s ease,
  visibility .22s ease !important;
}

.crd-search-modal.is-open {
 opacity: 1 !important;
 visibility: visible !important;
 pointer-events: auto !important;
}

.crd-search-modal__backdrop {
 position: absolute !important;
 inset: 0 !important;

 background:
  radial-gradient(circle at 50% 12%, rgba(174, 137, 84, .18), rgba(0, 0, 0, 0) 38%),
  rgba(0, 0, 0, .78) !important;

 backdrop-filter: blur(7px) !important;
 -webkit-backdrop-filter: blur(7px) !important;
}

.crd-search-modal__box {
 position: relative !important;
 z-index: 2 !important;

 width: min(760px, calc(100vw - 34px)) !important;

 transform: translateY(14px) scale(.985) !important;
 transition: transform .22s ease !important;
}

.crd-search-modal.is-open .crd-search-modal__box {
 transform: translateY(0) scale(1) !important;
}

.crd-search-modal__title {
 margin: 0 0 22px !important;

 color: #d7b06f !important;
 text-align: center !important;

 font-family: "Russo One", "Exo 2", Arial, sans-serif !important;
 font-size: clamp(30px, 4vw, 54px) !important;
 font-weight: 400 !important;
 line-height: 1 !important;
 letter-spacing: 5px !important;
 text-transform: uppercase !important;

 text-shadow:
  0 0 22px rgba(174, 137, 84, .26),
  0 6px 28px rgba(0, 0, 0, .88) !important;
}

.crd-search-modal__form {
 display: grid !important;
 grid-template-columns: minmax(0, 1fr) 66px !important;

 width: 100% !important;
 height: 66px !important;

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

 background: #f1ece3 !important;
 border: 1px solid rgba(215, 176, 111, .75) !important;

 box-shadow:
  0 28px 78px rgba(0, 0, 0, .68),
  0 0 0 1px rgba(0, 0, 0, .62) !important;
}

.crd-search-modal__form input[type="search"] {
 width: 100% !important;
 height: 64px !important;

 margin: 0 !important;
 padding: 0 20px !important;

 color: #17110a !important;
 background: transparent !important;
 border: 0 !important;
 outline: 0 !important;

 font-family: "Open Sans", "Exo 2", Arial, sans-serif !important;
 font-size: 20px !important;
 line-height: 1 !important;
}

.crd-search-modal__form input[type="search"]::placeholder {
 color: rgba(23, 17, 10, .55) !important;
}

.crd-search-modal__form button {
 display: flex !important;
 align-items: center !important;
 justify-content: center !important;

 width: 66px !important;
 height: 64px !important;

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

 color: #17110a !important;
 background: #f1ece3 !important;
 border: 0 !important;
 border-left: 1px solid rgba(23, 17, 10, .24) !important;

 cursor: pointer !important;

 transition:
  color .18s ease,
  background-color .18s ease !important;
}

.crd-search-modal__form button:hover,
.crd-search-modal__form button:focus {
 color: #000 !important;
 background: #d7b06f !important;
 outline: none !important;
}

.crd-search-modal__form button svg {
 width: 24px !important;
 height: 24px !important;
 fill: currentColor !important;
 display: block !important;
}

.crd-search-modal__close {
 position: absolute !important;
 top: -54px !important;
 right: 0 !important;

 display: flex !important;
 align-items: center !important;
 justify-content: center !important;

 width: 42px !important;
 height: 42px !important;

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

 color: #d7b06f !important;
 background: #120d09 !important;
 border: 1px solid rgba(174, 137, 84, .44) !important;

 font-family: Arial, sans-serif !important;
 font-size: 28px !important;
 line-height: 1 !important;

 cursor: pointer !important;
}

.crd-search-modal__close:hover,
.crd-search-modal__close:focus {
 color: #17110a !important;
 background: #d7b06f !important;
 outline: none !important;
}

body.crd-search-lock {
 overflow: hidden !important;
}

/* Мобилка */
@media (max-width: 768px) {
 .crd-search-nav-btn {
  width: 36px !important;
  height: 36px !important;
 }

 .crd-search-modal {
  align-items: flex-start !important;
  padding: 118px 18px 24px !important;
 }

 .crd-search-modal__title {
  font-size: 30px !important;
  letter-spacing: 3px !important;
 }

 .crd-search-modal__form {
  grid-template-columns: minmax(0, 1fr) 56px !important;
  height: 58px !important;
 }

 .crd-search-modal__form input[type="search"] {
  height: 56px !important;
  font-size: 17px !important;
 }

 .crd-search-modal__form button {
  width: 56px !important;
  height: 56px !important;
 }

 .crd-search-modal__form button svg {
  width: 21px !important;
  height: 21px !important;
 }

 .crd-search-modal__close {
  top: -50px !important;
 }
}
/* ============================================================
   CRDGAME SEARCH ICON — финально без рамки
============================================================ */

html body .crd-news-head__nav .crd-search-nav-btn,
html body span.crd-search-nav-btn[data-crd-search-open] {
 all: unset !important;

 box-sizing: border-box !important;

 display: inline-flex !important;
 align-items: center !important;
 justify-content: center !important;

 width: 22px !important;
 height: 22px !important;
 min-width: 22px !important;
 min-height: 22px !important;

 margin: 0 0 0 8px !important;
 padding: 0 !important;

 color: #c9aa78 !important;
 background: none !important;
 background-color: transparent !important;
 background-image: none !important;

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

 font-size: 0 !important;
 line-height: 1 !important;

 cursor: pointer !important;
 vertical-align: middle !important;
}

html body .crd-news-head__nav .crd-search-nav-btn:hover,
html body .crd-news-head__nav .crd-search-nav-btn:focus,
html body span.crd-search-nav-btn[data-crd-search-open]:hover,
html body span.crd-search-nav-btn[data-crd-search-open]:focus {
 color: #f0cf91 !important;

 background: none !important;
 background-color: transparent !important;
 background-image: none !important;

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

 transform: translateY(-1px) !important;
}

html body .crd-news-head__nav .crd-search-nav-btn svg,
html body span.crd-search-nav-btn[data-crd-search-open] svg {
 display: block !important;

 width: 15px !important;
 height: 15px !important;

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

 fill: currentColor !important;
 stroke: none !important;
}

html body .crd-news-head__nav .crd-search-nav-btn::before,
html body .crd-news-head__nav .crd-search-nav-btn::after,
html body span.crd-search-nav-btn[data-crd-search-open]::before,
html body span.crd-search-nav-btn[data-crd-search-open]::after {
 display: none !important;
 content: none !important;
}
/* ============================================================
   CRDGAME SEARCH ICON — MAIN MENU FIX
   Для главной и общего верхнего меню
   Версия: 20260704-main-menu-1
============================================================ */

html body .tn_search.tn_search--crd-icon {
 all: unset !important;

 box-sizing: border-box !important;

 display: inline-flex !important;
 align-items: center !important;
 justify-content: center !important;

 width: auto !important;
 min-width: 0 !important;
 height: auto !important;
 min-height: 0 !important;

 margin: 0 0 0 18px !important;
 padding: 0 !important;

 background: transparent !important;
 background-image: none !important;
 border: 0 !important;
 outline: 0 !important;
 box-shadow: none !important;

 line-height: 1 !important;
 vertical-align: middle !important;
}

html body .tn_search.tn_search--crd-icon .tn_search__hidden-form {
 display: none !important;
}

/* сама иконка в главном меню */
html body .tn_search.tn_search--crd-icon .crd-search-nav-btn,
html body .tn_search.tn_search--crd-icon span.crd-search-nav-btn[data-crd-search-open],
html body .tn_search.tn_search--crd-icon button.crd-search-nav-btn[data-crd-search-open] {
 all: unset !important;

 box-sizing: border-box !important;

 display: inline-flex !important;
 align-items: center !important;
 justify-content: center !important;

 width: 22px !important;
 height: 22px !important;
 min-width: 22px !important;
 min-height: 22px !important;

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

 color: #c9aa78 !important;

 background: none !important;
 background-color: transparent !important;
 background-image: none !important;

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

 font-size: 0 !important;
 line-height: 1 !important;

 cursor: pointer !important;
 vertical-align: middle !important;

 transform: none !important;

 transition:
  color .18s ease,
  transform .18s ease !important;
}

html body .tn_search.tn_search--crd-icon .crd-search-nav-btn:hover,
html body .tn_search.tn_search--crd-icon .crd-search-nav-btn:focus {
 color: #f0cf91 !important;

 background: none !important;
 background-color: transparent !important;
 background-image: none !important;

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

 transform: translateY(-1px) !important;
}

html body .tn_search.tn_search--crd-icon .crd-search-nav-btn svg {
 display: block !important;

 width: 15px !important;
 height: 15px !important;

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

 fill: currentColor !important;
 stroke: none !important;

 pointer-events: none !important;
}

html body .tn_search.tn_search--crd-icon .crd-search-nav-btn::before,
html body .tn_search.tn_search--crd-icon .crd-search-nav-btn::after {
 display: none !important;
 content: none !important;
}