/*
	Theme Name: Rehub child theme
	Theme URI: https://wpsoul.com
	Description: A Hybrid magazine/shop/review/news Wordpress Theme
	Author: Sizam
	Author URI: https://wpsoul.com
	Version: 9.4
	Template: rehub-theme
*/

/* =Theme customization starts here
-------------------------------------------------------------- */


/* Архивные офферы — современная карточная верстка */
.kc-legacy { padding: 24px 0 40px; }
.kc-legacy__wrap { max-width: 1160px; margin: 0 auto; padding: 0 16px; }

.kc-legacy__hero {
  position: relative;
  border-radius: 22px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.02);
}

.kc-legacy__bg {
  position: absolute; inset: 0;
  background:
    radial-gradient(800px 340px at 20% 10%, rgba(255,200,0,.10), transparent 60%),
    radial-gradient(700px 320px at 80% 30%, rgba(255,80,80,.10), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,0));
  pointer-events: none;
}

.kc-legacy__watermark{
  position: absolute;
  right: -10px; top: -10px;
  font-size: clamp(56px, 7vw, 120px);
  font-weight: 800;
  letter-spacing: -0.04em;
  opacity: .10;
  transform: rotate(-4deg);
  user-select: none;
}

.kc-legacy__grid {
  position: relative;
  display: grid;
  grid-template-columns: 1.45fr .85fr;
  gap: 16px;
  padding: 22px;
}

@media (max-width: 980px) {
  .kc-legacy__grid { grid-template-columns: 1fr; }
}

.kc-legacy__badges { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 10px; }

.kc-pill{
  display: inline-flex; align-items:center; gap:8px;
  padding: 7px 12px; border-radius: 999px;
  border: 1px solid rgba(255,255,255,.14);
  text-decoration: none;
  font-size: 12px;
  background: rgba(255,255,255,.03);
}
.kc-pill svg { width: 16px; height:16px; fill: currentColor; opacity: .9; }
.kc-pill--archive { background: rgba(255,255,255,.07); border-color: rgba(255,255,255,.20); }

.kc-legacy__h1{
  margin: 0;
  font-size: clamp(22px, 2.2vw, 34px);
  line-height: 1.12;
  max-width: 72ch;
}

.kc-legacy__details{ margin-top: 10px; }
.kc-legacy__details summary{
  cursor: pointer;
  opacity: .8;
  font-size: 13px;
}
.kc-legacy__fulltitle{
  margin-top: 8px;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(0,0,0,.12);
  font-size: 13px;
  opacity: .9;
}

.kc-legacy__lead{
  margin: 12px 0 0;
  font-size: 15px;
  opacity: .92;
  max-width: 78ch;
}

.kc-legacy__cta{ display:flex; flex-wrap:wrap; gap:10px; margin-top: 14px; }

.kc-btn{
  display:inline-flex; align-items:center; gap:10px;
  padding: 11px 14px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(255,255,255,.03);
  text-decoration:none;
}
.kc-btn svg{ width:18px; height:18px; fill: currentColor; opacity:.9; }
.kc-btn--primary{
  background: rgba(255,255,255,.11);
  border-color: rgba(255,255,255,.24);
}

.kc-legacy__note{
  margin-top: 14px;
  display:flex; gap:10px; align-items:flex-start;
  padding: 12px 14px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(0,0,0,.10);
  font-size: 13px;
  opacity: .9;
}
.kc-legacy__note svg{ width:18px; height:18px; fill: currentColor; opacity:.85; margin-top:1px; }

.kc-card{
  padding: 14px;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(0,0,0,.10);
}
.kc-card + .kc-card{ margin-top: 12px; }
.kc-card__title{ font-weight: 650; margin-bottom: 10px; opacity:.95; }
.kc-card--muted{ opacity:.85; }

.kc-card__actions{ display:grid; gap:8px; }
.kc-mini{ text-decoration:none; opacity:.9; }
.kc-mini:hover{ opacity:1; text-decoration: underline; }

.kc-search{ display:flex; gap:8px; }
.kc-search input{
  width:100%;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.03);
  color: inherit;
}
.kc-search button{
  width: 44px; height: 44px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
  display:flex; align-items:center; justify-content:center;
}
.kc-search button svg{ width:18px; height:18px; fill: currentColor; }

.kc-block{ margin-top: 18px; }
.kc-block__head{ display:flex; align-items:baseline; justify-content:space-between; gap:12px; }
.kc-block__head h2{ margin: 10px 0 0; font-size: 18px; }
.kc-link{ text-decoration:none; opacity:.85; }
.kc-link:hover{ opacity:1; text-decoration:underline; }

.kc-grid{ margin-top: 12px; display:grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap:12px; }
.kc-item{
  padding: 14px;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.02);
  text-decoration:none;
  display:grid; gap:8px;
}
.kc-item:hover{ background: rgba(255,255,255,.04); }
.kc-item__badge{ display:inline-flex; align-items:center; gap:8px; font-size:12px; opacity:.8; }
.kc-item__badge svg{ width:16px; height:16px; fill: currentColor; }
.kc-item__title{ font-weight: 650; }
.kc-item__text{ font-size: 13px; opacity: .8; }
/* Архивные офферы — современная карточная верстка — конец */


.kc-gone { padding: 24px 0 40px; }
.kc-gone__wrap { max-width: 1160px; margin: 0 auto; padding: 0 16px; }

.kc-gone__hero{
  position: relative;
  border-radius: 22px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.02);
}

.kc-gone__bg{
  position: absolute; inset: 0;
  background:
    radial-gradient(900px 360px at 18% 12%, rgba(255,200,0,.12), transparent 60%),
    radial-gradient(760px 320px at 86% 22%, rgba(255,70,70,.11), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,0));
  pointer-events: none;
}
.kc-gone__watermark{
  position: absolute; right: -10px; top: -8px;
  font-size: clamp(60px, 8vw, 140px);
  font-weight: 850;
  letter-spacing: -0.04em;
  opacity: .10;
  transform: rotate(-4deg);
  user-select: none;
}

.kc-gone__grid{
  position: relative;
  display: grid;
  grid-template-columns: 1.5fr .85fr;
  gap: 16px;
  padding: 22px;
}
@media (max-width: 980px){
  .kc-gone__grid{ grid-template-columns: 1fr; }
}

.kc-gone__badge{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 7px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.04);
  font-size: 12px;
  opacity: .95;
}
.kc-gone__dot{
  width: 8px; height: 8px; border-radius: 999px;
  background: rgba(255,200,0,.95);
  box-shadow: 0 0 0 6px rgba(255,200,0,.12);
}

.kc-gone__h1{
  margin: 12px 0 0;
  font-size: clamp(26px, 2.6vw, 40px);
  line-height: 1.08;
}
.kc-gone__lead{
  margin: 12px 0 0;
  font-size: 15px;
  opacity: .92;
  max-width: 78ch;
}

.kc-gone__cta{ display:flex; flex-wrap:wrap; gap:10px; margin-top: 16px; }

.kc-btn{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 11px 14px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(255,255,255,.03);
  text-decoration: none;
}
.kc-btn--primary{
  background: rgba(255,255,255,.12);
  border-color: rgba(255,255,255,.26);
}

.kc-gone__search{ margin-top: 16px; }
.kc-gone__searchForm{ display:flex; gap:8px; }
.kc-gone__searchForm input{
  width:100%;
  padding: 11px 12px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.03);
  color: inherit;
}
.kc-gone__searchForm button{
  width: 96px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.08);
}
.kc-gone__hint{ margin-top: 8px; font-size: 12px; opacity: .75; }

.kc-gone__tiles{
  margin-top: 14px;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.kc-tile{
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(0,0,0,.10);
  text-decoration: none;
  font-size: 13px;
  opacity: .9;
}
.kc-tile:hover{ opacity: 1; background: rgba(255,255,255,.04); }

.kc-gone__note{
  margin-top: 16px;
  padding: 12px 14px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(0,0,0,.10);
  font-size: 13px;
  opacity: .9;
}

.kc-card{
  padding: 14px;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(0,0,0,.10);
}
.kc-card + .kc-card{ margin-top: 12px; }
.kc-card--muted{ opacity: .85; }
.kc-card__title{ font-weight: 650; margin-bottom: 10px; opacity:.95; }

.kc-gone__id{
  font-size: 28px;
  font-weight: 800;
  letter-spacing: -0.02em;
  opacity: .95;
}
.kc-gone__meta{ margin-top: 8px; font-size: 13px; opacity: .85; }
.kc-gone__status{
  display:inline-block;
  padding: 3px 8px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.04);
  font-size: 12px;
}

.kc-card__list{ display:grid; gap:8px; }
.kc-card__list a{ text-decoration:none; opacity:.9; }
.kc-card__list a:hover{ opacity:1; text-decoration: underline; }

.kc-gone__micro{ font-size: 13px; opacity: .9; line-height: 1.45; }
/* Архивные офферы — современная карточная верстка — конец */


/* ===== xstorm__ additions for legacy_offer template ===== */
.xstorm__stats { display: grid; gap: 10px; }
.xstorm__stat { padding: 10px 12px; border-radius: 16px; border: 1px solid rgba(255,255,255,.12); background: rgba(255,255,255,.02); }
.xstorm__stat_label { display: inline-flex; align-items: center; gap: 8px; font-size: 12px; opacity: .75; }
.xstorm__stat_label svg { width: 16px; height: 16px; fill: currentColor; opacity: .85; }
.xstorm__stat_value { margin-top: 6px; font-size: 16px; font-weight: 700; letter-spacing: -0.01em; }

.xstorm__price_current { display: inline-block; }
.xstorm__price_old { display: inline-block; margin-left: 10px; font-size: 13px; font-weight: 600; opacity: .6; text-decoration: line-through; }

.xstorm__bodyBlocks { margin-top: 18px; }
.xstorm__bodyGrid { display: grid; grid-template-columns: 1fr; gap: 12px; }
.xstorm__block {
  padding: 16px;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.02);
}
.xstorm__block_title { margin: 0 0 10px; font-size: 16px; }
.xstorm__block_content { font-size: 14px; opacity: .92; line-height: 1.55; }
.xstorm__block_content p { margin: 0 0 10px; }
.xstorm__block_content p:last-child { margin-bottom: 0; }
/* ===== End of xstorm__ additions for legacy_offer template ===== */





/* ===== xstorm Topbar ===== */
.xstorm__topbar{
  background:#000;
  color:#fff;
  font-size:13px;
  line-height:1.2;
  border-bottom:1px solid rgba(255,255,255,.10);
}

/* Гибкая ширина: внутри максимум 100% + адекватные отступы */
.xstorm__topbar-inner{
  max-width:100%;
  margin:0 auto;
  padding:8px 16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}

.xstorm__topbar-left,
.xstorm__topbar-right{
  display:flex;
  align-items:center;
  gap:10px;
  flex:0 0 auto;
  white-space:nowrap;
}

.xstorm__topbar-center{
  flex:1 1 auto;
  text-align:center;
  color:rgba(255,255,255,.72);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.xstorm__topbar-chip{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:rgba(255,255,255,.78);
}

.xstorm__topbar-chip strong{
  color:#fff;
  font-weight:700;
  letter-spacing:.2px;
}

.xstorm__topbar-sep{
  color:rgba(255,255,255,.35);
}

.xstorm__topbar-dot{
  width:7px;
  height:7px;
  border-radius:999px;
  background:#22c55e;
  box-shadow:0 0 0 3px rgba(34,197,94,.18);
  display:inline-block;
}

/* Buttons */
.xstorm__topbar-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:7px 10px;
  border-radius:999px;
  font-size:13px;

  /* жирность вниз, чтобы не "орал" */
  font-weight:500;

  text-decoration:none;
  border:1px solid rgba(255,255,255,.18);
  color:#fff;

  /* плавность */
  transition:
    transform .18s ease,
    background-color .18s ease,
    border-color .18s ease,
    color .18s ease,
    opacity .18s ease;
}

.xstorm__topbar-btn:hover{
  transform:translateY(-1px);
  border-color:rgba(255,255,255,.35);
}

.xstorm__topbar-btn:active{
  transform:translateY(0);
  opacity:.92;
}

/* Визуальные стили кнопок */
.xstorm__topbar-btn--ghost{
  background:rgba(255,255,255,.06);
  color:rgba(255,255,255,.92);
}

.xstorm__topbar-btn--tg{
  background:rgba(255,255,255,.10);
}

/* Primary: белая по умолчанию */
.xstorm__topbar-btn--primary{
  background:#fff;
  color:#000;
  border-color:#fff;
}

.xstorm__topbar-btn--primary:hover{
  background:rgba(255,255,255,.92);
  color:#000;
  border-color:rgba(255,255,255,.92);
}

/* IMPORTANT: “чёрные с белым текстом” при ховере становятся белыми с чёрным */
.xstorm__topbar-btn--ghost:hover,
.xstorm__topbar-btn--tg:hover{
  background:#fff;
  color:#000;
  border-color:#fff;
}

/* ===== Responsive visibility helpers ===== */
/* скрыть на <=1024 */
@media (max-width: 1024px){
  .xstorm__hide-md{ display:none !important; }
}

/* скрыть на очень узких */
@media (max-width: 520px){
  .xstorm__hide-xs{ display:none !important; }

  .xstorm__topbar-inner{
    padding:8px 12px;
    gap:10px;
  }

  .xstorm__topbar-btn{
    padding:6px 9px;
    font-size:12.5px;
  }

  /* чтобы не раздувало */
  .xstorm__topbar-left{ gap:8px; }
  .xstorm__topbar-sep{ display:none; }
}

.top-social {
    margin: 0 auto;
}

/* ===== ReHub mobile fix (если тема скрывает topbar) =====
   Ты предлагал display:flex для некоторых блоков.
   Добавим безопасно: topbar точно будет виден, но не ломаем навигацию.
*/
@media (max-width: 1024px){
  .xstorm__topbar{ display:block !important; }
  nav.top_menu, .header_top_wrap, #float-panel-woo-area del {
  display:flex !important;
} 

}


/* Mobile: топбар в колонку, только метрики */
@media (max-width: 520px){
  .xstorm__topbar-inner{
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 12px;
    text-align: center;
  }

  /* центр и кнопки скрываем */
  .xstorm__topbar-center,
  .xstorm__topbar-right{
    display: none !important;
  }

  /* левый блок превращаем в две строки/чипа */
  .xstorm__topbar-left{
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    white-space: normal;
  }

  .xstorm__topbar-sep{ display: none !important; }

  .xstorm__topbar-chip{
    justify-content: center;
    width: 100%;
  }

  .top-social {
    margin: 0 auto;
}
}


/*Хедар отступы*/
header .logo-section {
    padding: 0px 0 !important;
}


/*Скругление в листинге где фото или цифры*/
.border-grey {
    border: 1px solid #dce0e0;
    border-radius: 10px !important;
}




/* === xstorm header actions (Code zone) === */
.xstorm__header-actions{
  display:flex;
  align-items:center;
  gap:10px;
  white-space:nowrap;
}

.xstorm__header-actions a{
  display:inline-flex;
  align-items:center;
  gap:8px;
  text-decoration:none;
  border-radius:999px;
  padding:9px 12px;
  line-height:1;
  font-weight:500; /* поменьше жирности */
  transition: background-color .2s ease, color .2s ease, border-color .2s ease, transform .2s ease;
}

/* Primary CTA: чёрная -> белая при hover */
.xstorm__header-cta{
  background:#111;
  color:#fff;
  border:1px solid #111;
}
.xstorm__header-cta:hover{
  background:#fff;
  color:#111;
  border-color:#111;
  transform: translateY(-1px);
}

/* Secondary */
.xstorm__header-ghost{
  background:transparent;
  color:#111;
  border:1px solid rgba(0,0,0,.15);
}
.xstorm__header-ghost:hover{
  background:#111;
  color:#fff;
  border-color:#111;
  transform: translateY(-1px);
}

.xstorm__header-actions .rhicon{
  font-size:16px;
}

/* Mobile: в столбик, по центру, вторую кнопку прячем */
@media (max-width: 1024px){
  .xstorm__header-actions{
    width:100%;
    justify-content:center;
  }
  .xstorm__header-ghost{
    display:none;
  }
}
/* === End of xstorm header actions (Code zone) === */