.elementor-1434 .elementor-element.elementor-element-dc8540e{--display:flex;}/* Start custom CSS for shortcode, class: .elementor-element-60472833 *//* ===============================
   УБИРАЕМ РАЗДЕЛИТЕЛЬ МЕЖДУ ШАПКОЙ И МЕГАМЕНЮ (ReHub)
   =============================== */

/* 1. Убираем border и shadow у всех блоков шапки */
#main_header,
#main_header *,
.header_wrap,
.logo_section_wrap,
.search-form-inheader,
#rhNavToolWrap,
.main-nav,
.rh-header,
.rh-header * {
  border: none !important;
  box-shadow: none !important;
}

/* 2. Убираем псевдо-линии (основная причина проблемы) */
.logo_section_wrap::before,
.logo_section_wrap::after,
.search-form-inheader::before,
.search-form-inheader::after,
#rhNavToolWrap::before,
#rhNavToolWrap::after,
.main-nav::before,
.main-nav::after,
.header_wrap::before,
.header_wrap::after {
  content: none !important;
  display: none !important;
}

/* 3. Убираем возможную 1px линию у nav */
.main-nav,
.rh-header .main-nav {
  border-top: 0 !important;
  border-bottom: 0 !important;
}

/* 4. На всякий случай — если линия через outline */
#main_header,
.header_wrap {
  outline: none !important;
}
/* =========================================
   SK — HEADER BUTTONS (Вход / Избранное / Сравнить)
   Делаем как "Каталог": фон прозрачный (цвет шапки),
   красивый контур + лёгкая тень
   ========================================= */

html body #main_header .header_wrap .rh-flex-right-align .header-actions-logo .celldisplay{
  background: transparent !important;            /* важно: убираем фиолетовый фон */
  background-color: transparent !important;
  border: 1px solid rgba(255,255,255,.22) !important;  /* контур */
  border-radius: 14px !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    0 6px 16px rgba(0,0,0,.22) !important;       /* лёгкая тень */
  padding: 10px 14px !important;
  min-height: 44px !important;
}

/* чтобы внутри (иконка/текст) не красились чужими стилями */
html body #main_header .header_wrap .rh-flex-right-align .header-actions-logo .celldisplay *{
  color: #fff !important;
}

/* hover — чуть подсветить, но не менять стиль шапки */
html body #main_header .header_wrap .rh-flex-right-align .header-actions-logo .celldisplay:hover{
  background: rgba(255,255,255,.06) !important;
  border-color: rgba(255,255,255,.32) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    0 8px 18px rgba(0,0,0,.26) !important;
}

/* =========================================
   SK — CATALOG BUTTON: только красивый контур
   (фон НЕ трогаем)
   ========================================= */
html body #main_header .sk-header-catalog-btn{
  border: 1px solid rgba(255,255,255,.22) !important;
  border-radius: 14px !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    0 6px 16px rgba(0,0,0,.22) !important;
}
/* =========================================
   SK — LOGIN ICON: убрать дубликат (::before)
   Оставляем только одну иконку
   ========================================= */

/* 1) Глушим иконку, которая рисуется через псевдоэлемент */
html body #main_header .header_wrap
.header-actions-logo .login-btn-cell
.act-rehub-login-popup::before,
html body #main_header .header_wrap
.header-actions-logo .login-btn-cell
.act-rehub-login-popup .rh-header-icon::before,
html body #main_header .header_wrap
.header-actions-logo .login-btn-cell
.act-rehub-login-popup i::before{
  content: none !important;
  display: none !important;
}

/* 2) Чуть улучшаем четкость ОСТАВШЕЙСЯ иконки (без сдвигов) */
html body #main_header .header_wrap
.header-actions-logo .login-btn-cell
.act-rehub-login-popup .rh-header-icon,
html body #main_header .header_wrap
.header-actions-logo .login-btn-cell
.act-rehub-login-popup svg{
  transform: none !important;
  filter: none !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  shape-rendering: geometricPrecision !important;
}
header#main_header .head_search.sk-header-search-wrap{
  flex: 1 1 auto !important;
  min-width: 0 !important;
  max-width: 850px !important;  /* регулируй длину */
  margin-right: 0 !important;   /* вдруг там отступ */
}
header#main_header .head_search.sk-header-search-wrap{
  margin-left: -38px !important; /* подбирай: -10 / -20 / -30 */
}
header#main_header .rh-flex-right-align{
  position: relative;
  right: -8px;      /* ← сдвиг вправо, подбирай: 20 / 30 / 50 */
}
header#main_header .head_search.sk-header-search-wrap{
  position: relative;
  left: 22px;          /* ← двигает поиск вправо */
}
header#main_header 
.header-actions-logo 
.celldisplay.text-center:has(a.rh-wishlistmenu-link){
  padding-left: 8px !important;
  padding-right: 8px !important;
}
header#main_header .rh-flex-right-align .celldisplay.login-btn-cell.text-center{
  padding-left: 6px !important;
  padding-right: 6px !important;
  min-width: 0 !important;
  width: auto !important;
  box-sizing: border-box !important;
}
/* =========================================================
   SELLER REGISTRATION — MODERN UI (WCFM) [FIXED]
   ========================================================= */

#wcfm-content,
#wcfm-content * {
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;
  box-sizing: border-box;
}

/* Заголовок страницы */
.post .title h1,
#content h1 {
  font-size: 34px;
  font-weight: 800;
  line-height: 1.15;
  color: #111827;
  margin: 8px 0 22px;
}

/* Карточка */
#wcfm-content .wcfm-membership-wrapper,
#wcfm-content #wcfm-membership-wrapper,
#wcfm-content .wcfm-container {
  background: #ffffff;
  border: 1px solid #E5E7EB;
  border-radius: 20px;
  box-shadow: 0 14px 32px rgba(17, 24, 39, 0.08);
  padding: 26px 28px 30px;
}

/* Убрать пустую полосу сверху внутри карточки */
#wcfm-content .wcfm-membership-wrapper > :first-child {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Заголовок формы */
#wcfm-content h2 {
  font-size: 22px;
  font-weight: 800;
  color: #111827;
  margin: 0 0 18px;
}

/* =========================================================
   ВАЖНО: Лейблы "Email" / "Название магазина"
   WCFM часто рисует их как <p class="... wcfm_title">, а не <label>
   ========================================================= */

#wcfm-content .wcfm_title,
#wcfm-content .wcfm_ele.wcfm_title,
#wcfm-content p.wcfm_title,
#wcfm-content p.store_name.wcfm_ele.wcfm_title,
#wcfm-content p.store_email.wcfm_ele.wcfm_title,
#wcfm-content label {
  display: block !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #6B7280 !important;
  margin: 0 0 6px !important;
  line-height: 1.2 !important;
}

/* Звёздочка обязательного поля */
#wcfm-content .wcfm_title .required,
#wcfm-content .wcfm_title span.required,
#wcfm-content label .required {
  color: #EF4444 !important;
  font-weight: 800 !important;
}

/* =========================================================
   Поля ввода
   ========================================================= */

#wcfm-content input[type="text"],
#wcfm-content input[type="email"],
#wcfm-content input[type="url"],
#wcfm-content input[type="password"],
#wcfm-content select,
#wcfm-content textarea {
  width: 100% !important;
  height: 46px !important;
  padding: 10px 14px !important;
  font-size: 15px !important;
  color: #111827 !important;
  background: #F9FAFB !important;
  border: 1px solid #E5E7EB !important;
  border-radius: 12px !important;
  outline: none !important;
  transition: all .15s ease !important;
}

#wcfm-content textarea {
  min-height: 120px !important;
  height: auto !important;
}

#wcfm-content input:focus,
#wcfm-content textarea:focus,
#wcfm-content select:focus {
  background: #ffffff !important;
  border-color: #7C3AED !important;
  box-shadow: 0 0 0 4px rgba(124, 58, 237, 0.15) !important;
}

#wcfm-content ::placeholder {
  color: #9CA3AF !important;
}

/* =========================================================
   Ссылка https://skidarnik.ru/store/[your_store]
   ========================================================= */

#wcfm-content p.description.wcfm_store_slug_verified {
  margin: 8px 0 0 !important;
  font-size: 13px !important;
  color: #6B7280 !important;
}

#wcfm-content .wcfm_store_slug {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #7C3AED !important;
  background: rgba(124, 58, 237, 0.10) !important;
  padding: 6px 10px !important;
  border-radius: 999px !important; /* аккуратная "пилюля" */
  display: inline-block !important;
  margin-left: 6px !important;
  text-decoration: none !important;
}

#wcfm-content .wcfm_store_slug:hover {
  background: rgba(124, 58, 237, 0.16) !important;
  text-decoration: underline !important;
}

/* =========================================================
   УБРАТЬ ПУСТУЮ ПОЛОСУ (div.wcfm-message)
   На скрине она именно она.
   ========================================================= */

/* Скрываем служебный пустой блок */
#wcfm-content .wcfm-message:empty {
  display: none !important;
}

/* Если он не пустой, но визуально мешает — тоже прячем именно на этой форме */
#wcfm-content form.wcfm-membership-registration-form .wcfm-message {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

/* =========================================================
   Сообщение "Ваша роль пользователя..." (submit wrapper)
   ========================================================= */
#wcfm-content .wcfm_form_simple_submit_wrapper,
#wcfm-content #wcfm-membership-registration-submit {
  margin-top: 16px !important;
  padding: 12px 14px !important;
  border-radius: 14px !important;
  background: #F3F4F6 !important;
  border: 1px solid #E5E7EB !important;
  font-size: 14px !important;
  color: #374151 !important;
}

/* Кнопки (если есть) */
#wcfm-content button,
#wcfm-content input[type="submit"],
#wcfm-content .button {
  margin-top: 18px !important;
  padding: 12px 18px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, #7C3AED, #2563EB) !important;
  box-shadow: 0 10px 22px rgba(37, 99, 235, 0.18) !important;
  cursor: pointer !important;
  transition: all .15s ease !important;
}

#wcfm-content button:hover,
#wcfm-content input[type="submit"]:hover,
#wcfm-content .button:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 14px 26px rgba(37, 99, 235, 0.22) !important;
}

/* Отступы между блоками */
#wcfm-content .wcfm_form_simple p,
#wcfm-content .wcfm_form_simple .form-row {
  margin-bottom: 14px !important;
}
/* =========================================================
   FIX: Заголовок "Регистрация продавца"
   ========================================================= */

/* Контейнер заголовка */
.post .title,
article.page .title {
  display: flex;
  justify-content: center;
  margin: 0 0 12px !important;   /* МЕНЬШЕ отступ вниз */
  padding: 0 !important;
}

/* Сам заголовок */
.post .title .entry-title,
article.page .title .entry-title {
  display: inline-block;
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: 34px;
  font-weight: 800;
  line-height: 1.15;
  color: #111827;

  background: linear-gradient(135deg, #EEF2FF, #F5F3FF);
  padding: 14px 28px;            /* компактнее */
  border-radius: 16px;

  box-shadow:
    0 8px 20px rgba(17, 24, 39, 0.08),
    inset 0 1px 0 rgba(255,255,255,0.6);

  text-align: center;
  margin: 0 !important;
}

/* ❌ УБИРАЕМ синюю полоску полностью */
.post .title .entry-title::after,
article.page .title .entry-title::after {
  content: none !important;
  display: none !important;
}

/* =========================================================
   FIX: Уменьшаем отступ до формы
   ========================================================= */

/* Контент страницы */
.rh-content-wrap {
  padding-top: 12px !important;
}

/* Карточка регистрации */
#wcfm-content .wcfm-membership-wrapper,
#wcfm-content #wcfm-membership-wrapper,
#wcfm-content .wcfm-container {
  margin-top: 0 !important;
}

/* На мобильных ещё плотнее */
@media (max-width: 768px) {
  .post .title .entry-title,
  article.page .title .entry-title {
    font-size: 24px;
    padding: 12px 18px;
  }

  .post .title,
  article.page .title {
    margin-bottom: 8px !important;
  }
}/* End custom CSS */