
/* ==========================================================================
   Subnautica2.fr — Forum clean V2
   This file is loaded directly by forum pages. It does not depend on header logic.
   ========================================================================== */

/* Strong reset for legacy forum blocks */
.s2-forum-page,
.forum-home-v52,
.forum-page,
.topic-page {
  width: min(1640px, calc(100% - 80px)) !important;
  margin: 34px auto 64px !important;
}

.s2-forum-page *,
.forum-home-v52 *,
.topic-page * {
  box-sizing: border-box;
}

.s2-forum-page {
  --s2-panel: rgba(1,18,31,.84);
  --s2-panel-soft: rgba(4,43,62,.62);
  --s2-line: rgba(91,235,255,.18);
  --s2-line-strong: rgba(91,235,255,.36);
  --s2-text: #f4feff;
  --s2-muted: #b7d7df;
  --s2-cyan: #8df8ff;
  --s2-shadow: 0 20px 56px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.05);
}

/* Hide empty ad boxes until ads are actually visible */
.s2-forum-page .ad-block.ad-hidden,
.forum-page .ad-block.ad-hidden,
.topic-page .ad-block.ad-hidden {
  display: none !important;
}

.s2-forum-page .ad-block {
  border-radius: 22px !important;
  margin: 18px 0 22px !important;
  padding: 10px 16px !important;
  background: rgba(3,24,36,.58) !important;
  border: 1px solid rgba(91,235,255,.12) !important;
}

/* Hero / top title */
.s2-forum-page .section-title,
.s2-forum-page .forum-category-head,
.s2-forum-page .forum-hero-title,
.forum-home-v52 > .section-title,
.forum-category-head {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 24px !important;
  min-height: 220px !important;
  margin: 0 0 24px !important;
  padding: clamp(24px, 3vw, 38px) !important;
  border-radius: 30px !important;
  background:
    radial-gradient(circle at 82% 15%, rgba(43,231,255,.10), transparent 34%),
    linear-gradient(180deg, rgba(4,40,58,.72), rgba(1,16,29,.90)) !important;
  border: 1px solid var(--s2-line) !important;
  box-shadow: var(--s2-shadow) !important;
  backdrop-filter: blur(16px) !important;
}

.s2-forum-page .section-title h1,
.s2-forum-page .forum-category-head h1,
.s2-forum-page .topic-inline-title,
.forum-home-v52 h1,
.forum-category-head h1 {
  margin: 0 !important;
  color: #fff !important;
  font-size: clamp(2.25rem, 4vw, 4.35rem) !important;
  line-height: .98 !important;
  letter-spacing: -.045em !important;
}

.s2-forum-page .eyebrow,
.s2-forum-page .breadcrumb,
.topic-inline-breadcrumb {
  display: inline-flex !important;
  align-items: center !important;
  width: max-content !important;
  max-width: 100% !important;
  margin: 0 0 12px !important;
  padding: 7px 15px !important;
  border-radius: 999px !important;
  background: rgba(22,237,255,.09) !important;
  border: 1px solid rgba(93,238,255,.26) !important;
  color: var(--s2-cyan) !important;
  text-transform: uppercase !important;
  letter-spacing: .11em !important;
  font-size: .74rem !important;
  font-weight: 950 !important;
}

.s2-forum-page .section-title .muted,
.s2-forum-page .forum-category-head .muted {
  max-width: 820px !important;
  margin: 14px 0 0 !important;
  color: #d6eff6 !important;
  line-height: 1.62 !important;
  font-size: clamp(1rem,1.18vw,1.15rem) !important;
}

/* Buttons */
.s2-forum-page .btn,
.topic-page .btn {
  border-radius: 14px !important;
  min-height: 46px !important;
}

.s2-forum-page .btn.small,
.topic-page .btn.small {
  min-height: 40px !important;
  padding: 9px 15px !important;
  font-size: .74rem !important;
}

/* Forum index categories */
.forum-home-categories-v52 {
  margin-top: 22px !important;
}

.forum-home-section-head-v52,
.forum-home-panel-head-v52 {
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 0 16px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.forum-home-section-head-v52 h2,
.forum-home-panel-head-v52 h2,
.thread-title {
  color: #fff !important;
  font-size: clamp(1.45rem, 2vw, 2.1rem) !important;
  line-height: 1.1 !important;
  letter-spacing: -.02em !important;
}

.forum-home-category-grid-v52,
.forum-grid.forum-home-category-grid-v52 {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 18px !important;
}

.forum-category-card-v53,
.category.forum-category-card-v53 {
  min-height: 190px !important;
  display: grid !important;
  grid-template-columns: 76px minmax(0,1fr) !important;
  gap: 18px !important;
  align-items: start !important;
  padding: 22px !important;
  border-radius: 26px !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(40,231,255,.10), transparent 45%),
    linear-gradient(180deg, rgba(4,42,61,.66), rgba(1,17,30,.88)) !important;
  border: 1px solid var(--s2-line) !important;
  box-shadow: var(--s2-shadow) !important;
  transition: transform .18s ease, border-color .18s ease, background .18s ease !important;
}

.forum-category-card-v53:hover {
  transform: translateY(-3px) !important;
  border-color: var(--s2-line-strong) !important;
}

.forum-category-icon-v53 {
  width: 68px !important;
  height: 68px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 20px !important;
  background: rgba(255,255,255,.035) !important;
  border: 1px solid rgba(91,235,255,.12) !important;
  overflow: hidden !important;
}

.forum-category-icon-v53 svg {
  display: none !important;
}

.forum-category-icon-v53 img {
  display: block !important;
  width: 56px !important;
  height: 56px !important;
  object-fit: contain !important;
  filter: drop-shadow(0 0 14px rgba(40,231,255,.23)) !important;
}

.forum-category-title-v53 h3 {
  margin: 0 !important;
  color: #fff !important;
  font-size: 1.12rem !important;
  line-height: 1.25 !important;
}

.forum-short-category-desc {
  color: var(--s2-muted) !important;
  line-height: 1.5 !important;
}

.forum-category-foot-v53 {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin-top: 8px !important;
}

.pill,
.forum-category-open-v53,
.unread-badge,
.badge {
  display: inline-flex !important;
  align-items: center !important;
  width: max-content !important;
  max-width: 100% !important;
  padding: 5px 10px !important;
  border-radius: 999px !important;
  color: #b9fbff !important;
  background: rgba(40,231,255,.08) !important;
  border: 1px solid rgba(91,235,255,.16) !important;
  font-size: .72rem !important;
  font-weight: 900 !important;
  letter-spacing: .04em !important;
}

/* Forum index topic panels */
.forum-home-topic-columns-v52 {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0,1fr)) !important;
  gap: 18px !important;
  margin-top: 28px !important;
}

.forum-home-topic-panel-v52,
.topic-list,
.category-topic-list {
  padding: 22px !important;
  border-radius: 28px !important;
  background: linear-gradient(180deg, rgba(4,38,56,.64), rgba(1,16,29,.88)) !important;
  border: 1px solid var(--s2-line) !important;
  box-shadow: var(--s2-shadow) !important;
  backdrop-filter: blur(16px) !important;
}

.forum-home-topic-item {
  display: grid !important;
  grid-template-columns: 52px minmax(0,1fr) auto !important;
  gap: 13px !important;
  align-items: center !important;
  padding: 14px 0 !important;
  border-bottom: 1px solid rgba(91,235,255,.11) !important;
}

.forum-home-topic-item:last-child {
  border-bottom: 0 !important;
}

.forum-home-topic-avatar img,
.forum-home-topic-avatar .avatar-img,
.topic img,
.topic .avatar-img {
  width: 48px !important;
  height: 48px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  border: 1px solid rgba(91,235,255,.24) !important;
}

.topic-title-line strong {
  color: #fff !important;
  font-size: .98rem !important;
  line-height: 1.28 !important;
}

.forum-home-topic-body .muted,
.topic-info .muted {
  margin: 5px 0 0 !important;
  color: var(--s2-muted) !important;
  font-size: .88rem !important;
}

.forum-home-topic-meta,
.topic-count {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
  gap: 7px !important;
  color: #94bcc7 !important;
  font-size: .78rem !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
}

.forum-home-topic-meta span,
.forum-home-topic-meta small,
.topic-count {
  padding: 4px 8px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.035) !important;
  border: 1px solid rgba(91,235,255,.10) !important;
}

/* Category page */
.s2-forum-category-page .forum-category-head,
.forum-category-head {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto !important;
}

.forum-category-big-icon-wrap {
  margin: 16px 0 0 !important;
}

.forum-category-big-icon {
  width: 88px !important;
  height: 88px !important;
  object-fit: contain !important;
  filter: drop-shadow(0 0 20px rgba(40,231,255,.24)) !important;
}

.category-topic-list {
  display: grid !important;
  gap: 12px !important;
}

.category-topic-list .topic,
.topic-list .topic {
  display: grid !important;
  grid-template-columns: 58px minmax(0,1fr) auto !important;
  gap: 16px !important;
  align-items: center !important;
  min-height: 92px !important;
  padding: 16px !important;
  border-radius: 22px !important;
  background: rgba(255,255,255,.032) !important;
  border: 1px solid rgba(91,235,255,.10) !important;
  transition: transform .18s ease, border-color .18s ease, background .18s ease !important;
}

.category-topic-list .topic:hover,
.topic-list .topic:hover {
  transform: translateX(3px) !important;
  border-color: rgba(91,235,255,.26) !important;
  background: rgba(18,72,93,.22) !important;
}

/* Topic page */
.s2-forum-topic-page,
.topic-page {
  display: grid !important;
  gap: 18px !important;
}

.topic-page .post-card {
  display: grid !important;
  grid-template-columns: 210px minmax(0,1fr) !important;
  gap: 0 !important;
  overflow: hidden !important;
  border-radius: 28px !important;
  background: linear-gradient(180deg, rgba(4,38,56,.66), rgba(1,16,29,.90)) !important;
  border: 1px solid var(--s2-line) !important;
  box-shadow: var(--s2-shadow) !important;
}

.topic-page .post-author {
  padding: 24px 20px !important;
  border-right: 1px solid rgba(91,235,255,.13) !important;
  background: rgba(0,10,20,.18) !important;
  text-align: center !important;
}

.topic-page .post-author img,
.topic-page .post-author .avatar-img {
  width: 96px !important;
  height: 96px !important;
  margin: 0 auto 14px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  border: 1px solid rgba(91,235,255,.28) !important;
}

.topic-page .post-main {
  min-width: 0 !important;
  padding: 24px 28px !important;
}

.topic-inline-head {
  display: grid !important;
  gap: 14px !important;
  padding-bottom: 18px !important;
  margin-bottom: 16px !important;
  border-bottom: 1px solid rgba(91,235,255,.14) !important;
}

.topic-inline-title-row {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  gap: 16px !important;
}

.topic-inline-kicker {
  display: inline-flex !important;
  width: max-content !important;
  padding: 7px 12px !important;
  margin-bottom: 10px !important;
  border-radius: 999px !important;
  background: rgba(22,237,255,.09) !important;
  border: 1px solid rgba(93,238,255,.24) !important;
  color: var(--s2-cyan) !important;
  text-transform: uppercase !important;
  letter-spacing: .11em !important;
  font-size: .72rem !important;
  font-weight: 950 !important;
}

.topic-inline-title {
  font-size: clamp(1.9rem, 3.1vw, 3.35rem) !important;
  max-width: 980px !important;
}

.topic-inline-meta {
  margin: 0 !important;
  color: var(--s2-muted) !important;
  line-height: 1.5 !important;
}

.topic-inline-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
}

.topic-reply-first-btn {
  background: linear-gradient(135deg, #24eaff, #118cff) !important;
  color: #fff !important;
  border-color: rgba(177,250,255,.55) !important;
}

.post-toolbar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  color: #9cc2cc !important;
  font-size: .84rem !important;
  padding-bottom: 12px !important;
  margin-bottom: 14px !important;
  border-bottom: 1px solid rgba(91,235,255,.11) !important;
}

.post-content {
  color: #edfaff !important;
  font-size: 1.02rem !important;
  line-height: 1.75 !important;
}

.thread-title {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 24px 0 0 !important;
}

.thread-title span {
  min-width: 34px !important;
  height: 34px !important;
  display: inline-grid !important;
  place-items: center !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  background: rgba(40,231,255,.10) !important;
  border: 1px solid rgba(91,235,255,.18) !important;
  color: var(--s2-cyan) !important;
  font-size: .95rem !important;
}

.reply-box {
  padding: 24px !important;
  border-radius: 28px !important;
  background: linear-gradient(180deg, rgba(4,38,56,.64), rgba(1,16,29,.88)) !important;
  border: 1px solid var(--s2-line) !important;
  box-shadow: var(--s2-shadow) !important;
}

/* Responsive */
@media (max-width: 1320px) {
  .s2-forum-page,
  .forum-home-v52,
  .forum-page,
  .topic-page {
    width: min(100% - 48px, 1640px) !important;
  }

  .forum-home-category-grid-v52,
  .forum-grid.forum-home-category-grid-v52,
  .forum-home-topic-columns-v52 {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  }
}

@media (max-width: 980px) {
  .s2-forum-page .section-title,
  .forum-home-v52 > .section-title,
  .forum-category-head {
    display: grid !important;
    grid-template-columns: 1fr !important;
    align-items: start !important;
  }

  .forum-home-category-grid-v52,
  .forum-grid.forum-home-category-grid-v52,
  .forum-home-topic-columns-v52 {
    grid-template-columns: 1fr !important;
  }

  .topic-page .post-card {
    grid-template-columns: 1fr !important;
  }

  .topic-page .post-author {
    border-right: 0 !important;
    border-bottom: 1px solid rgba(91,235,255,.13) !important;
  }

  .topic-inline-title-row {
    flex-direction: column !important;
  }
}

@media (max-width: 760px) {
  .s2-forum-page,
  .forum-home-v52,
  .forum-page,
  .topic-page {
    width: min(100% - 26px, 1640px) !important;
    margin-top: 22px !important;
  }

  .forum-category-card-v53,
  .category.forum-category-card-v53,
  .forum-home-topic-item,
  .category-topic-list .topic,
  .topic-list .topic {
    grid-template-columns: 52px minmax(0,1fr) !important;
  }

  .forum-home-topic-meta,
  .topic-count {
    grid-column: 2 !important;
    justify-content: flex-start !important;
  }

  .topic-inline-actions .btn,
  .topic-inline-actions .inline-form,
  .topic-inline-actions .inline-form .btn {
    width: 100% !important;
  }
}


/* ==========================================================================
   Forum V3 — closer to the validated homepage: tighter, cleaner, less bulky
   ========================================================================== */

/* Page rhythm */
.s2-forum-page,
.forum-home-v52,
.forum-page,
.topic-page{
  width:min(1640px,calc(100% - 72px))!important;
  margin:26px auto 54px!important;
}

/* Only the actual top hero should look like a hero.
   Previous V2 accidentally made small section titles behave like giant panels. */
.forum-home-v52 > .forum-home-hero-v52,
.s2-forum-category-page > .forum-category-head{
  min-height:156px!important;
  padding:26px 32px!important;
  border-radius:28px!important;
}

.forum-home-v52 > .forum-home-hero-v52{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  text-align:left!important;
}

.forum-home-v52 > .forum-home-hero-v52 > div{
  max-width:900px!important;
}

.forum-home-v52 > .forum-home-hero-v52 h1,
.s2-forum-category-page > .forum-category-head h1{
  font-size:clamp(2.05rem,3.15vw,3.25rem)!important;
  letter-spacing:-.035em!important;
  line-height:1.02!important;
}

.forum-home-v52 > .forum-home-hero-v52 .muted,
.s2-forum-category-page > .forum-category-head .muted{
  max-width:820px!important;
  margin-top:10px!important;
  font-size:1.02rem!important;
  line-height:1.55!important;
}

.forum-home-v52 > .forum-home-hero-v52 .eyebrow{
  margin-bottom:10px!important;
}

/* Category container: no giant empty glass block */
.forum-home-categories-v52{
  margin-top:22px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  min-height:0!important;
}

.forum-home-section-head-v52,
.forum-home-panel-head-v52{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  min-height:0!important;
  height:auto!important;
  padding:0!important;
  margin:0 0 16px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

.forum-home-section-head-v52 h2,
.forum-home-panel-head-v52 h2{
  font-size:clamp(1.35rem,1.7vw,1.9rem)!important;
  text-transform:none!important;
  letter-spacing:-.02em!important;
}

/* Cards less massive */
.forum-home-category-grid-v52,
.forum-grid.forum-home-category-grid-v52{
  gap:16px!important;
}

.forum-category-card-v53,
.category.forum-category-card-v53{
  min-height:154px!important;
  padding:18px!important;
  border-radius:22px!important;
  grid-template-columns:62px minmax(0,1fr)!important;
  gap:15px!important;
}

.forum-category-icon-v53{
  width:58px!important;
  height:58px!important;
  border-radius:17px!important;
}

.forum-category-icon-v53 img{
  width:48px!important;
  height:48px!important;
}

.forum-category-title-v53 h3{
  font-size:1.02rem!important;
}

.forum-short-category-desc{
  font-size:.92rem!important;
  line-height:1.45!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}

.forum-category-foot-v53{
  margin-top:4px!important;
}

.pill,
.forum-category-open-v53,
.unread-badge,
.badge{
  padding:4px 9px!important;
  font-size:.68rem!important;
}

/* Topic lists on forum home */
.forum-home-topic-columns-v52{
  gap:18px!important;
  margin-top:24px!important;
}

.forum-home-topic-panel-v52,
.topic-list,
.category-topic-list{
  padding:20px!important;
  border-radius:24px!important;
}

.forum-home-topic-item{
  grid-template-columns:46px minmax(0,1fr) auto!important;
  gap:12px!important;
  padding:12px 0!important;
}

.forum-home-topic-avatar img,
.forum-home-topic-avatar .avatar-img,
.topic img,
.topic .avatar-img{
  width:42px!important;
  height:42px!important;
}

.topic-title-line strong{
  font-size:.94rem!important;
}

.forum-home-topic-body .muted,
.topic-info .muted{
  font-size:.82rem!important;
}

.forum-home-topic-meta,
.topic-count{
  font-size:.72rem!important;
}

/* Category page */
.s2-forum-category-page > .forum-category-head{
  grid-template-columns:minmax(0,1fr) auto!important;
}

.forum-category-big-icon{
  width:72px!important;
  height:72px!important;
}

.category-topic-list .topic,
.topic-list .topic{
  min-height:82px!important;
  padding:14px!important;
  border-radius:19px!important;
  grid-template-columns:50px minmax(0,1fr) auto!important;
}

/* Topic page: compact posts and short replies no longer look empty */
.topic-page{
  gap:16px!important;
}

.topic-page .post-card{
  grid-template-columns:178px minmax(0,1fr)!important;
  border-radius:24px!important;
  min-height:0!important;
}

.topic-page .post-author{
  padding:20px 16px!important;
}

.topic-page .post-author img,
.topic-page .post-author .avatar-img{
  width:78px!important;
  height:78px!important;
  margin-bottom:12px!important;
}

.topic-page .post-author strong{
  font-size:.95rem!important;
}

.topic-page .post-author span{
  font-size:.78rem!important;
}

.topic-page .post-main{
  display:flex!important;
  flex-direction:column!important;
  padding:20px 24px!important;
  min-height:210px!important;
}

.topic-page .reply-card .post-main{
  min-height:190px!important;
}

.topic-inline-head{
  gap:11px!important;
  padding-bottom:14px!important;
  margin-bottom:14px!important;
}

.topic-inline-title{
  font-size:clamp(1.65rem,2.55vw,2.65rem)!important;
}

.topic-inline-kicker{
  padding:6px 11px!important;
  font-size:.68rem!important;
  margin-bottom:8px!important;
}

.topic-inline-meta{
  font-size:.9rem!important;
}

.topic-inline-actions{
  gap:8px!important;
}

.post-toolbar{
  padding-bottom:10px!important;
  margin-bottom:12px!important;
  font-size:.8rem!important;
}

.post-content{
  font-size:1rem!important;
  line-height:1.65!important;
}

.post-content p{
  margin-top:0!important;
}

/* Small footer added under original post and replies */
.s2-post-footer{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin-top:auto!important;
  padding-top:14px!important;
  border-top:1px solid rgba(91,235,255,.10)!important;
  color:#8fb8c3!important;
  font-size:.78rem!important;
}

.s2-post-footer a{
  color:#8df8ff!important;
  font-weight:800!important;
}

.s2-post-footer span,
.s2-post-footer a{
  display:inline-flex!important;
  align-items:center!important;
  padding:4px 8px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.026)!important;
  border:1px solid rgba(91,235,255,.08)!important;
}

/* Reply title */
.thread-title{
  font-size:clamp(1.35rem,1.8vw,1.9rem)!important;
  margin:18px 0 0!important;
}

.thread-title span{
  min-width:30px!important;
  height:30px!important;
  font-size:.86rem!important;
}

/* Reply form */
.reply-box{
  padding:22px!important;
  border-radius:24px!important;
}

/* Mobile */
@media (max-width:1320px){
  .s2-forum-page,
  .forum-home-v52,
  .forum-page,
  .topic-page{
    width:min(100% - 44px,1640px)!important;
  }
}

@media (max-width:980px){
  .forum-home-v52 > .forum-home-hero-v52{
    grid-template-columns:1fr!important;
  }

  .topic-page .post-card{
    grid-template-columns:1fr!important;
  }

  .topic-page .post-main,
  .topic-page .reply-card .post-main{
    min-height:0!important;
  }
}

@media (max-width:760px){
  .s2-forum-page,
  .forum-home-v52,
  .forum-page,
  .topic-page{
    width:min(100% - 26px,1640px)!important;
  }

  .forum-home-v52 > .forum-home-hero-v52,
  .s2-forum-category-page > .forum-category-head{
    padding:20px!important;
    border-radius:22px!important;
  }

  .forum-home-v52 > .forum-home-hero-v52 h1,
  .s2-forum-category-page > .forum-category-head h1{
    font-size:clamp(1.8rem,9vw,2.55rem)!important;
  }

  .forum-category-card-v53,
  .category.forum-category-card-v53,
  .forum-home-topic-item,
  .category-topic-list .topic,
  .topic-list .topic{
    grid-template-columns:48px minmax(0,1fr)!important;
  }

  .forum-category-icon-v53{
    width:48px!important;
    height:48px!important;
  }

  .forum-category-icon-v53 img{
    width:40px!important;
    height:40px!important;
  }

  .topic-page .post-main{
    padding:18px!important;
  }

  .s2-post-footer{
    flex-direction:column!important;
    align-items:flex-start!important;
  }
}


/* ==========================================================================
   Forum V4 — finition plan de base : moins bloc, plus lisible, plus premium
   ========================================================================== */

/* Le forum ne doit pas ressembler à une succession de gros containers vides */
.s2-forum-page,
.forum-home-v52,
.forum-page,
.topic-page{
  width:min(1600px,calc(100% - 72px))!important;
  margin:24px auto 54px!important;
}

/* HERO forum : compact, gauche/droite, pas centré énorme */
.s2-forum-page.forum-home-v52 > .section-title.forum-home-hero-v52,
.forum-home-v52 > .section-title.forum-home-hero-v52{
  min-height:138px!important;
  padding:24px 28px!important;
  border-radius:26px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  text-align:left!important;
  background:
    radial-gradient(circle at 82% 12%,rgba(42,231,255,.09),transparent 32%),
    linear-gradient(180deg,rgba(4,40,58,.68),rgba(1,16,29,.88))!important;
}

.forum-home-v52 > .section-title.forum-home-hero-v52 div{
  max-width:820px!important;
}

.forum-home-v52 > .section-title.forum-home-hero-v52 h1{
  font-size:clamp(1.95rem,2.65vw,2.95rem)!important;
  line-height:1.05!important;
  letter-spacing:-.035em!important;
}

.forum-home-v52 > .section-title.forum-home-hero-v52 .muted{
  max-width:780px!important;
  margin-top:9px!important;
  font-size:.98rem!important;
  line-height:1.52!important;
}

/* Le bloc "Catégories" redevient un vrai simple header, pas un panneau */
.s2-forum-page .section-title.forum-home-section-head-v52,
.forum-home-v52 .section-title.forum-home-section-head-v52{
  min-height:0!important;
  height:auto!important;
  padding:0!important;
  margin:0 0 14px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
}

.s2-forum-page .section-title.forum-home-section-head-v52 h2,
.forum-home-v52 .section-title.forum-home-section-head-v52 h2{
  font-size:clamp(1.45rem,1.85vw,2rem)!important;
  letter-spacing:-.025em!important;
}

/* Catégories : cards horizontales, propres, sans gros vide */
.forum-home-category-grid-v52,
.forum-grid.forum-home-category-grid-v52{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
}

.forum-category-card-v53,
.category.forum-category-card-v53{
  min-height:132px!important;
  padding:16px!important;
  grid-template-columns:58px minmax(0,1fr)!important;
  gap:14px!important;
  border-radius:20px!important;
  background:
    linear-gradient(180deg,rgba(4,42,61,.58),rgba(1,17,30,.84))!important;
}

.forum-category-card-v53:after{
  content:""!important;
  position:absolute!important;
  inset:auto 16px 0 16px!important;
  height:1px!important;
  background:linear-gradient(90deg,transparent,rgba(91,235,255,.20),transparent)!important;
  opacity:.55!important;
}

.forum-category-icon-v53{
  width:54px!important;
  height:54px!important;
  border-radius:16px!important;
  align-self:start!important;
}

.forum-category-icon-v53 img{
  width:44px!important;
  height:44px!important;
}

.forum-category-title-v53{
  display:block!important;
}

.forum-category-title-v53 h3{
  font-size:1rem!important;
  margin-bottom:6px!important;
}

.forum-short-category-desc{
  -webkit-line-clamp:2!important;
  font-size:.88rem!important;
  line-height:1.42!important;
  min-height:2.45em!important;
}

.forum-category-foot-v53{
  margin-top:8px!important;
  justify-content:flex-start!important;
}

.forum-category-open-v53{
  margin-left:auto!important;
  opacity:.78!important;
}

/* Topic panels : supprimer l'effet "gros bloc noir dans bloc noir" */
.forum-home-topic-columns-v52{
  display:grid!important;
  grid-template-columns:1fr 1fr 1fr!important;
  gap:16px!important;
  margin-top:26px!important;
}

.forum-home-topic-panel-v52.topic-list,
.forum-home-topic-panel-v52{
  padding:18px!important;
  border-radius:24px!important;
  min-height:0!important;
  background:
    linear-gradient(180deg,rgba(3,32,49,.60),rgba(1,15,27,.82))!important;
}

.s2-forum-page .section-title.forum-home-panel-head-v52,
.forum-home-topic-panel-v52 .section-title.forum-home-panel-head-v52{
  min-height:0!important;
  padding:0 0 14px!important;
  margin:0 0 4px!important;
  border:0!important;
  border-bottom:1px solid rgba(91,235,255,.12)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

.forum-home-panel-head-v52 h2{
  font-size:clamp(1.25rem,1.55vw,1.65rem)!important;
}

/* Les topics deviennent des lignes premium avec une petite étiquette */
.forum-home-topic-item{
  grid-template-columns:44px minmax(0,1fr)!important;
  position:relative!important;
  gap:12px!important;
  align-items:center!important;
  padding:13px 0!important;
  border-bottom:1px solid rgba(91,235,255,.105)!important;
}

.forum-home-topic-meta{
  grid-column:2!important;
  justify-content:flex-start!important;
  margin-top:7px!important;
}

.forum-home-topic-meta span,
.forum-home-topic-meta small{
  padding:3px 7px!important;
  font-size:.68rem!important;
  opacity:.84!important;
}

.forum-home-topic-avatar img,
.forum-home-topic-avatar .avatar-img{
  width:40px!important;
  height:40px!important;
}

.topic-title-line{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:7px!important;
  min-width:0!important;
}

.s2-topic-tag{
  display:inline-flex!important;
  align-items:center!important;
  max-width:160px!important;
  padding:3px 8px!important;
  border-radius:999px!important;
  color:#98f9ff!important;
  background:rgba(40,231,255,.075)!important;
  border:1px solid rgba(91,235,255,.13)!important;
  font-size:.66rem!important;
  font-weight:900!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

.topic-title-line strong{
  flex:1 1 100%!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
  color:#fff!important;
  font-size:.94rem!important;
  line-height:1.25!important;
}

.forum-home-topic-body .muted{
  font-size:.8rem!important;
  margin-top:4px!important;
}

/* Category page finitions */
.s2-forum-category-page > .forum-category-head{
  min-height:132px!important;
  padding:23px 28px!important;
  border-radius:24px!important;
}

.category-topic-list.topic-list,
.category-topic-list{
  padding:18px!important;
  border-radius:24px!important;
}

.category-topic-list .topic{
  min-height:76px!important;
  padding:13px 14px!important;
  grid-template-columns:46px minmax(0,1fr) auto!important;
  border-radius:18px!important;
}

.category-topic-list .topic-count{
  opacity:.82!important;
}

.category-topic-list .topic-title-line strong{
  font-size:.96rem!important;
}

/* Topic view : éviter l'effet vide, mais garder une bonne respiration */
.topic-page .post-card{
  grid-template-columns:160px minmax(0,1fr)!important;
  border-radius:22px!important;
}

.topic-page .post-author{
  padding:18px 14px!important;
}

.topic-page .post-author img,
.topic-page .post-author .avatar-img{
  width:68px!important;
  height:68px!important;
}

.topic-page .post-main{
  padding:18px 22px!important;
  min-height:170px!important;
}

.topic-page .reply-card .post-main{
  min-height:150px!important;
}

.topic-inline-title{
  font-size:clamp(1.55rem,2.25vw,2.35rem)!important;
}

.topic-inline-actions .btn{
  min-height:38px!important;
  padding:8px 14px!important;
}

.post-content{
  max-width:980px!important;
  font-size:.98rem!important;
  line-height:1.62!important;
}

.s2-post-footer{
  margin-top:18px!important;
  padding-top:12px!important;
}

/* Si le message est court, le footer rend la carte finie */
.reply-card .post-content{
  min-height:34px!important;
}

/* Responsive */
@media(max-width:1320px){
  .forum-home-category-grid-v52,
  .forum-grid.forum-home-category-grid-v52,
  .forum-home-topic-columns-v52{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .forum-home-topic-columns-v52 > aside:last-child{
    grid-column:1 / -1!important;
  }
}

@media(max-width:900px){
  .forum-home-v52 > .section-title.forum-home-hero-v52{
    grid-template-columns:1fr!important;
  }
  .forum-home-category-grid-v52,
  .forum-grid.forum-home-category-grid-v52,
  .forum-home-topic-columns-v52{
    grid-template-columns:1fr!important;
  }
}

@media(max-width:760px){
  .s2-forum-page,
  .forum-home-v52,
  .forum-page,
  .topic-page{
    width:min(100% - 26px,1600px)!important;
  }
  .forum-category-card-v53,
  .category.forum-category-card-v53{
    grid-template-columns:48px minmax(0,1fr)!important;
  }
  .forum-category-icon-v53{
    width:46px!important;
    height:46px!important;
  }
  .forum-category-icon-v53 img{
    width:38px!important;
    height:38px!important;
  }
  .topic-page .post-card{
    grid-template-columns:1fr!important;
  }
  .topic-page .post-main,
  .topic-page .reply-card .post-main{
    min-height:0!important;
  }
}


/* ======================================================================
   Forum V5 — vraie finition : fond non fixe + panels allégés + forum plus premium
   ====================================================================== */

/* 1) Fond forum non fixe, plus proche du mockup */
body:has(.s2-forum-page),
body:has(.topic-page){
  position:relative!important;
  background:#041723!important;
}

body:has(.s2-forum-page) .ocean-bg,
body:has(.topic-page) .ocean-bg{
  position:absolute!important;
  inset:0!important;
  z-index:-10!important;
  min-height:100%!important;
  height:100%!important;
  pointer-events:none!important;
  background:
    radial-gradient(circle at 50% 8%, rgba(48,219,255,.14), transparent 28%),
    linear-gradient(180deg,#073b4e 0%,#032133 42%,#03141f 78%,#020c14 100%)!important;
}

body:has(.s2-forum-page) .ocean-bg:before,
body:has(.topic-page) .ocean-bg:before{
  opacity:.34!important;
  filter:saturate(1.05) contrast(1.02)!important;
  background-position:center top!important;
  background-size:cover!important;
}

body:has(.s2-forum-page) .ocean-bg:after,
body:has(.topic-page) .ocean-bg:after{
  background:linear-gradient(180deg,rgba(3,14,23,.10),rgba(3,14,23,.56) 44%,rgba(3,14,23,.90))!important;
}

/* 2) Largeur globale et rythme */
.s2-forum-page,
.forum-page,
.forum-home-v52,
.topic-page{
  width:min(1600px, calc(100% - 56px))!important;
  margin:22px auto 52px!important;
}

/* 3) Hero forum accueil : plus net, moins massif */
.forum-home-v52 > .section-title.forum-home-hero-v52,
.s2-forum-page.forum-home-v52 > .section-title.forum-home-hero-v52{
  min-height:0!important;
  padding:26px 30px!important;
  border-radius:28px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:28px!important;
  background:
    radial-gradient(circle at 82% 16%, rgba(43,229,255,.10), transparent 28%),
    linear-gradient(180deg, rgba(7,53,76,.62), rgba(2,18,30,.86))!important;
  border:1px solid rgba(91,235,255,.16)!important;
  box-shadow:0 18px 44px rgba(0,10,20,.24)!important;
}

.forum-home-v52 > .section-title.forum-home-hero-v52 h1{
  font-size:clamp(2.1rem,3vw,3.3rem)!important;
  line-height:1.03!important;
  letter-spacing:-.04em!important;
  margin:0!important;
}

.forum-home-v52 > .section-title.forum-home-hero-v52 .muted{
  margin-top:10px!important;
  max-width:760px!important;
  font-size:1rem!important;
  line-height:1.55!important;
  color:#d4edf3!important;
}

.forum-home-v52 > .section-title.forum-home-hero-v52 .btn{
  min-width:260px!important;
  min-height:58px!important;
  border-radius:18px!important;
  background:linear-gradient(180deg, rgba(3,29,45,.92), rgba(2,21,33,.96))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
}

/* 4) Titre section catégories simple, sans panneau vide */
.forum-home-v52 .forum-home-section-head-v52,
.s2-forum-page .forum-home-section-head-v52{
  min-height:0!important;
  padding:0!important;
  margin:0 0 12px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}

.forum-home-v52 .forum-home-section-head-v52 h2,
.s2-forum-page .forum-home-section-head-v52 h2{
  color:#fff!important;
  text-transform:none!important;
  letter-spacing:-.03em!important;
  font-size:clamp(1.65rem,2.2vw,2.35rem)!important;
  text-shadow:none!important;
}

/* 5) Grille catégories : compacte et propre */
.forum-home-v52 .forum-home-category-grid-v52,
.s2-forum-page .forum-home-category-grid-v52{
  display:grid!important;
  grid-template-columns:repeat(3, minmax(0, 1fr))!important;
  gap:16px!important;
}

.forum-home-v52 .forum-category-card-v53,
.s2-forum-page .forum-category-card-v53{
  position:relative!important;
  min-height:148px!important;
  padding:18px 18px 16px!important;
  border-radius:24px!important;
  display:grid!important;
  grid-template-columns:56px minmax(0,1fr)!important;
  gap:14px!important;
  background:
    radial-gradient(circle at 86% 20%, rgba(28,212,255,.07), transparent 24%),
    linear-gradient(180deg, rgba(7,56,80,.68), rgba(2,20,33,.88))!important;
  border:1px solid rgba(91,235,255,.16)!important;
  box-shadow:0 14px 34px rgba(0,10,20,.18)!important;
}

.forum-home-v52 .forum-category-card-v53:hover,
.s2-forum-page .forum-category-card-v53:hover{
  transform:translateY(-3px)!important;
  border-color:rgba(91,235,255,.32)!important;
}

.forum-home-v52 .forum-category-icon-v53,
.s2-forum-page .forum-category-icon-v53{
  width:56px!important;
  height:56px!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.035)!important;
  border:1px solid rgba(91,235,255,.13)!important;
}

.forum-home-v52 .forum-category-icon-v53 img,
.s2-forum-page .forum-category-icon-v53 img{
  width:46px!important;
  height:46px!important;
}

.forum-home-v52 .forum-category-title-v53 h3,
.s2-forum-page .forum-category-title-v53 h3{
  margin:0 0 4px!important;
  font-size:1rem!important;
  line-height:1.18!important;
}

.forum-home-v52 .forum-short-category-desc,
.s2-forum-page .forum-short-category-desc{
  min-height:2.4em!important;
  font-size:.91rem!important;
  line-height:1.4!important;
  color:#d4e8ef!important;
}

.forum-home-v52 .forum-category-foot-v53,
.s2-forum-page .forum-category-foot-v53{
  margin-top:10px!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
}

.forum-home-v52 .forum-category-foot-v53 .pill,
.s2-forum-page .forum-category-foot-v53 .pill{
  margin:0!important;
  background:rgba(44,230,255,.07)!important;
  border:1px solid rgba(91,235,255,.16)!important;
}

.forum-home-v52 .forum-category-open-v53,
.s2-forum-page .forum-category-open-v53{
  margin-left:auto!important;
  color:#dffaff!important;
  opacity:.9!important;
  font-weight:900!important;
}

/* 6) Colonnes de sujets : on supprime l'effet gros bloc noir */
.forum-home-v52 .forum-home-topic-columns-v52,
.s2-forum-page .forum-home-topic-columns-v52{
  display:grid!important;
  grid-template-columns:repeat(3, minmax(0, 1fr))!important;
  gap:18px!important;
  margin-top:26px!important;
}

.forum-home-v52 .forum-home-topic-panel-v52,
.s2-forum-page .forum-home-topic-panel-v52{
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  overflow:visible!important;
}

.forum-home-v52 .forum-home-topic-panel-v52 > .section-title,
.s2-forum-page .forum-home-topic-panel-v52 > .section-title{
  min-height:0!important;
  height:auto!important;
  margin:0 0 12px!important;
  padding:0 4px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  border-radius:0!important;
}

.forum-home-v52 .forum-home-panel-head-v52 h2,
.s2-forum-page .forum-home-panel-head-v52 h2{
  color:#fff!important;
  font-size:clamp(1.3rem,1.8vw,1.9rem)!important;
  letter-spacing:-.03em!important;
  text-transform:none!important;
  text-shadow:none!important;
}

.forum-home-v52 .forum-home-topic-item,
.s2-forum-page .forum-home-topic-item{
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr)!important;
  gap:12px!important;
  align-items:start!important;
  margin:0 0 12px!important;
  padding:14px 14px 13px!important;
  border:1px solid rgba(91,235,255,.14)!important;
  border-radius:20px!important;
  background:
    radial-gradient(circle at 82% 16%, rgba(26,207,255,.045), transparent 26%),
    linear-gradient(180deg, rgba(5,47,67,.60), rgba(2,18,30,.84))!important;
  box-shadow:0 12px 28px rgba(0,10,20,.16)!important;
}

.forum-home-v52 .forum-home-topic-item:last-child,
.s2-forum-page .forum-home-topic-item:last-child{
  margin-bottom:0!important;
}

.forum-home-v52 .forum-home-topic-avatar,
.s2-forum-page .forum-home-topic-avatar{
  grid-row:1 / span 2!important;
}

.forum-home-v52 .forum-home-topic-avatar img,
.forum-home-v52 .forum-home-topic-avatar .avatar-img,
.s2-forum-page .forum-home-topic-avatar img,
.s2-forum-page .forum-home-topic-avatar .avatar-img{
  width:40px!important;
  height:40px!important;
}

.forum-home-v52 .forum-home-topic-body,
.s2-forum-page .forum-home-topic-body{
  min-width:0!important;
}

.forum-home-v52 .topic-title-line,
.s2-forum-page .topic-title-line{
  display:block!important;
  min-width:0!important;
}

.forum-home-v52 .s2-topic-tag,
.s2-forum-page .s2-topic-tag{
  display:inline-flex!important;
  align-items:center!important;
  max-width:100%!important;
  margin:0 0 7px!important;
  padding:4px 10px!important;
  border-radius:999px!important;
  color:#aaf9ff!important;
  background:rgba(44,230,255,.08)!important;
  border:1px solid rgba(91,235,255,.17)!important;
  font-size:.68rem!important;
  letter-spacing:.06em!important;
}

.forum-home-v52 .topic-title-line strong,
.s2-forum-page .topic-title-line strong{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
  color:#fff!important;
  font-size:.99rem!important;
  line-height:1.24!important;
  margin:0!important;
}

.forum-home-v52 .forum-home-topic-body .muted,
.s2-forum-page .forum-home-topic-body .muted{
  margin-top:5px!important;
  color:#cae3ea!important;
  font-size:.82rem!important;
}

.forum-home-v52 .forum-home-topic-meta,
.s2-forum-page .forum-home-topic-meta{
  grid-column:2!important;
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:flex-start!important;
  gap:8px!important;
  margin-top:10px!important;
  text-align:left!important;
  white-space:normal!important;
}

.forum-home-v52 .forum-home-topic-meta span,
.forum-home-v52 .forum-home-topic-meta small,
.s2-forum-page .forum-home-topic-meta span,
.s2-forum-page .forum-home-topic-meta small{
  display:inline-flex!important;
  align-items:center!important;
  min-height:28px!important;
  padding:0 9px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.04)!important;
  border:1px solid rgba(91,235,255,.10)!important;
  color:#a8c8d3!important;
  font-size:.74rem!important;
  font-weight:800!important;
}

/* 7) Catégorie : plus propre, moins bloc */
.s2-forum-category-page{
  width:min(1540px, calc(100% - 56px))!important;
}

.s2-forum-category-page > .forum-category-head{
  min-height:0!important;
  padding:24px 28px!important;
  border-radius:26px!important;
  background:
    radial-gradient(circle at 86% 14%, rgba(43,229,255,.09), transparent 26%),
    linear-gradient(180deg, rgba(6,50,72,.62), rgba(2,18,30,.88))!important;
  border:1px solid rgba(91,235,255,.16)!important;
}

.s2-forum-category-page .forum-category-head h1{
  font-size:clamp(1.9rem,2.8vw,2.9rem)!important;
  line-height:1.05!important;
  letter-spacing:-.035em!important;
}

.s2-forum-category-page .category-topic-list{
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  display:grid!important;
  gap:12px!important;
}

.s2-forum-category-page .category-topic-list .topic{
  min-height:0!important;
  padding:14px 16px!important;
  border-radius:20px!important;
  grid-template-columns:44px minmax(0,1fr) auto!important;
  gap:12px!important;
  background:linear-gradient(180deg, rgba(5,47,67,.60), rgba(2,18,30,.84))!important;
  border:1px solid rgba(91,235,255,.14)!important;
  box-shadow:0 10px 24px rgba(0,10,20,.14)!important;
}

.s2-forum-category-page .category-topic-list .topic .topic-count{
  display:inline-flex!important;
  align-items:center!important;
  min-height:30px!important;
  padding:0 10px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.04)!important;
  border:1px solid rgba(91,235,255,.10)!important;
  color:#b5d0d8!important;
  font-size:.78rem!important;
}

/* 8) Vue sujet : un peu plus clean et finie */
.topic-page{
  width:min(1460px, calc(100% - 48px))!important;
}

.topic-page .topic-inline-title{
  font-size:clamp(1.55rem,2.25vw,2.45rem)!important;
  line-height:1.04!important;
}

.topic-page .topic-inline-meta,
.topic-page .reply-meta{
  font-size:.9rem!important;
}

.topic-page .post-card,
.topic-page .reply-box,
.topic-page .forum-topic-notif-prompt{
  background:
    radial-gradient(circle at 80% 18%, rgba(33,218,255,.05), transparent 28%),
    linear-gradient(180deg, rgba(7,53,76,.62), rgba(2,18,30,.88))!important;
  border:1px solid rgba(91,235,255,.15)!important;
  box-shadow:0 16px 34px rgba(0,10,20,.18)!important;
}

.topic-page .post-card{
  border-radius:24px!important;
  grid-template-columns:156px minmax(0,1fr)!important;
}

.topic-page .post-author{
  padding:16px 14px!important;
}

.topic-page .post-main{
  padding:18px 22px!important;
  min-height:160px!important;
}

.topic-page .reply-card .post-main{
  min-height:138px!important;
}

.topic-page .post-toolbar,
.topic-page .post-toolbar-topic-origin{
  padding-bottom:10px!important;
  margin-bottom:12px!important;
  border-bottom:1px solid rgba(91,235,255,.11)!important;
}

.topic-page .thread-title{
  margin:18px 0 14px!important;
  font-size:clamp(1.4rem,2vw,1.9rem)!important;
  text-transform:none!important;
  letter-spacing:-.02em!important;
}

.topic-page .thread-title span{
  font-size:.92rem!important;
}

.topic-page .s2-post-footer{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  margin-top:16px!important;
  padding-top:12px!important;
  border-top:1px solid rgba(91,235,255,.11)!important;
  color:#b8d4dd!important;
}

/* 9) Responsive */
@media (max-width: 1280px){
  .forum-home-v52 .forum-home-category-grid-v52,
  .s2-forum-page .forum-home-category-grid-v52,
  .forum-home-v52 .forum-home-topic-columns-v52,
  .s2-forum-page .forum-home-topic-columns-v52{
    grid-template-columns:repeat(2, minmax(0,1fr))!important;
  }

  .forum-home-v52 .forum-home-topic-columns-v52 > aside:last-child,
  .s2-forum-page .forum-home-topic-columns-v52 > aside:last-child{
    grid-column:1 / -1!important;
  }
}

@media (max-width: 900px){
  .s2-forum-page,
  .forum-page,
  .forum-home-v52,
  .topic-page,
  .s2-forum-category-page{
    width:min(100% - 24px, 1600px)!important;
  }

  .forum-home-v52 > .section-title.forum-home-hero-v52,
  .s2-forum-page.forum-home-v52 > .section-title.forum-home-hero-v52{
    grid-template-columns:1fr!important;
  }

  .forum-home-v52 .forum-home-category-grid-v52,
  .s2-forum-page .forum-home-category-grid-v52,
  .forum-home-v52 .forum-home-topic-columns-v52,
  .s2-forum-page .forum-home-topic-columns-v52,
  .s2-forum-category-page .category-topic-list .topic{
    grid-template-columns:1fr!important;
  }

  .s2-forum-category-page .category-topic-list .topic .topic-count{
    justify-self:start!important;
  }
}

@media (max-width: 760px){
  .forum-home-v52 .forum-category-card-v53,
  .s2-forum-page .forum-category-card-v53{
    grid-template-columns:50px minmax(0,1fr)!important;
    min-height:0!important;
  }

  .forum-home-v52 .forum-category-icon-v53,
  .s2-forum-page .forum-category-icon-v53{
    width:50px!important;
    height:50px!important;
  }

  .forum-home-v52 .forum-home-topic-item,
  .s2-forum-page .forum-home-topic-item{
    grid-template-columns:40px minmax(0,1fr)!important;
  }

  .topic-page .post-card{
    grid-template-columns:1fr!important;
  }

  .topic-page .post-main,
  .topic-page .reply-card .post-main{
    min-height:0!important;
  }
}


/* ==========================================================================
   Subnautica2.fr — Forum inner pages, grosse finition V9
   ========================================================================== */
body.s2-forum-inner-page{background:#020f19!important;color:#f4feff;}
body.s2-forum-inner-page .ocean-bg{position:absolute!important;inset:0!important;min-height:100%!important;height:100%!important;opacity:.48!important;pointer-events:none!important;}
body.s2-forum-inner-page .ocean-bg:before{opacity:.32!important;background-position:center top!important;filter:saturate(1.04) contrast(1.04) brightness(.82)!important;}
body.s2-forum-inner-page .ocean-bg:after{background:linear-gradient(180deg,rgba(2,13,22,.35),rgba(2,13,22,.82) 58%,rgba(2,13,22,.96))!important;}
.s2-forum-page{width:min(1500px,calc(100% - 64px))!important;margin:26px auto 58px!important;color:#f4feff!important;}
.s2-forum-page .ad-block.ad-hidden{display:none!important;}
.s2-forum-page .forum-category-head,.s2-forum-topic-page .forum-topic-notif-prompt,.s2-forum-page .post-card,.s2-forum-page .reply-box,.s2-forum-page .topic-list{border:1px solid rgba(91,235,255,.16)!important;background:linear-gradient(180deg,rgba(5,42,63,.68),rgba(2,17,29,.88))!important;box-shadow:0 20px 44px rgba(0,7,18,.22),inset 0 1px 0 rgba(255,255,255,.05)!important;backdrop-filter:blur(14px)!important;border-radius:26px!important;}
.s2-forum-category-page .forum-category-head{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:22px!important;align-items:center!important;min-height:0!important;padding:24px 28px!important;margin-bottom:20px!important;}
.s2-forum-category-page .breadcrumb,.s2-forum-topic-page .breadcrumb,.s2-forum-page .eyebrow{display:inline-flex!important;width:max-content!important;max-width:100%!important;align-items:center!important;gap:8px!important;margin:0 0 12px!important;padding:7px 13px!important;border-radius:999px!important;color:#dffcff!important;background:rgba(0,37,55,.45)!important;border:1px solid rgba(105,242,255,.28)!important;text-transform:uppercase!important;letter-spacing:.1em!important;font-size:.72rem!important;font-weight:950!important;}
.s2-forum-category-page h1,.s2-forum-topic-page .topic-inline-title{margin:0!important;color:#fff!important;font-weight:1000!important;letter-spacing:-.035em!important;line-height:1.04!important;}
.s2-forum-category-page h1{font-size:clamp(2rem,3vw,3.15rem)!important}.s2-forum-category-page .muted{max-width:820px!important;margin:12px 0 0!important;color:#d0eaf0!important;line-height:1.5!important;font-size:1rem!important}.forum-category-big-icon-wrap{margin:14px 0 0!important}.forum-category-big-icon{width:72px!important;height:72px!important;object-fit:contain!important;filter:drop-shadow(0 0 18px rgba(35,230,255,.26))!important}.s2-forum-category-page .forum-category-head .btn{min-height:48px!important;border-radius:15px!important;white-space:nowrap!important}.s2-forum-category-page .category-topic-list{display:flex!important;flex-direction:column!important;gap:12px!important;padding:20px!important}.s2-forum-category-page .topic{display:grid!important;grid-template-columns:48px minmax(0,1fr) auto!important;gap:14px!important;align-items:center!important;min-height:78px!important;padding:13px 14px!important;border:1px solid rgba(91,235,255,.12)!important;border-radius:20px!important;background:linear-gradient(180deg,rgba(6,45,66,.52),rgba(2,18,30,.82))!important;transition:transform .18s ease,border-color .18s ease,background .18s ease!important}.s2-forum-category-page .topic:hover{transform:translateY(-2px)!important;border-color:rgba(111,245,255,.33)!important;background:linear-gradient(180deg,rgba(8,58,82,.66),rgba(2,18,30,.88))!important}.s2-forum-category-page .topic .avatar{width:42px!important;height:42px!important}.s2-forum-category-page .topic-title-line{display:flex!important;flex-wrap:wrap!important;gap:7px!important;align-items:center!important;text-decoration:none!important}.s2-forum-category-page .s2-topic-tag{padding:4px 9px!important;border-radius:999px!important;background:rgba(31,212,255,.11)!important;border:1px solid rgba(91,235,255,.15)!important;color:#a7faff!important;font-size:.68rem!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.06em!important}.s2-forum-category-page .topic-title-line strong{flex:1 1 100%!important;color:#fff!important;font-size:1rem!important;line-height:1.25!important;font-weight:900!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.s2-forum-category-page .topic-info .muted{font-size:.84rem!important;margin-top:6px!important;color:#b8d8e1!important}.s2-forum-category-page .topic-count{display:inline-flex!important;align-items:center!important;min-height:30px!important;padding:0 10px!important;border-radius:999px!important;background:rgba(31,212,255,.10)!important;border:1px solid rgba(91,235,255,.14)!important;color:#b9f8ff!important;font-size:.78rem!important;font-weight:850!important;white-space:nowrap!important}.s2-forum-category-page .empty-state{padding:18px!important;border-radius:18px!important;border:1px dashed rgba(91,235,255,.18)!important;color:#cfe8ef!important;background:rgba(255,255,255,.035)!important}

/* Topic page */
.s2-forum-topic-page{display:flex!important;flex-direction:column!important;gap:16px!important;width:min(1440px,calc(100% - 64px))!important}.s2-forum-topic-page .post-card{display:grid!important;grid-template-columns:154px minmax(0,1fr)!important;gap:0!important;overflow:hidden!important}.s2-forum-topic-page .post-author{padding:18px 14px!important;text-align:center!important;border-right:1px solid rgba(91,235,255,.12)!important;background:rgba(0,10,20,.16)!important}.s2-forum-topic-page .post-author .avatar,.s2-forum-topic-page .post-author img{width:72px!important;height:72px!important;margin:0 auto 12px!important;border-radius:50%!important;object-fit:cover!important;border:1px solid rgba(91,235,255,.22)!important}.s2-forum-topic-page .post-author strong{color:#fff!important}.s2-forum-topic-page .post-author span{display:block;color:#b8d8e1!important;font-size:.82rem!important;margin-top:5px!important}.s2-forum-topic-page .post-main{display:flex!important;flex-direction:column!important;min-height:148px!important;padding:18px 22px!important}.s2-forum-topic-page .topic-inline-head{display:grid!important;gap:11px!important;margin-bottom:13px!important;padding-bottom:13px!important;border-bottom:1px solid rgba(91,235,255,.12)!important}.s2-forum-topic-page .topic-inline-title-row{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;gap:16px!important}.s2-forum-topic-page .topic-inline-kicker{display:inline-flex!important;width:max-content!important;padding:6px 11px!important;margin-bottom:8px!important;border-radius:999px!important;background:rgba(31,212,255,.11)!important;border:1px solid rgba(91,235,255,.15)!important;color:#a7faff!important;font-size:.68rem!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.06em!important}.s2-forum-topic-page .topic-inline-title{font-size:clamp(1.55rem,2.35vw,2.55rem)!important;max-width:980px!important}.s2-forum-topic-page .topic-inline-meta{margin:0!important;color:#b8d8e1!important;font-size:.9rem!important;line-height:1.45!important}.s2-forum-topic-page .topic-inline-actions{display:flex!important;flex-wrap:wrap!important;gap:8px!important}.s2-forum-topic-page .btn.small{min-height:38px!important;padding:8px 13px!important;border-radius:12px!important;font-size:.7rem!important}.s2-forum-topic-page .topic-reply-first-btn{background:linear-gradient(135deg,#24eaff,#118cff)!important;color:#fff!important;border-color:rgba(177,250,255,.50)!important}.s2-forum-topic-page .post-toolbar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin-bottom:12px!important;padding-bottom:10px!important;border-bottom:1px solid rgba(91,235,255,.11)!important;color:#a8c8d3!important;font-size:.82rem!important}.s2-forum-topic-page .post-tools{display:flex!important;gap:10px!important}.s2-forum-topic-page .post-content{max-width:980px!important;color:#edfaff!important;font-size:.98rem!important;line-height:1.65!important}.s2-forum-topic-page .post-content p:first-child{margin-top:0!important}.s2-forum-topic-page .post-signature{margin-top:14px!important;padding-top:12px!important;border-top:1px solid rgba(91,235,255,.10)!important;color:#9fbec7!important;font-size:.87rem!important}.s2-forum-topic-page .s2-post-footer{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;flex-wrap:wrap!important;margin-top:auto!important;padding-top:12px!important;border-top:1px solid rgba(91,235,255,.10)!important;color:#a8c8d3!important;font-size:.78rem!important}.s2-forum-topic-page .s2-post-footer span,.s2-forum-topic-page .s2-post-footer a{display:inline-flex!important;align-items:center!important;min-height:28px!important;padding:0 10px!important;border-radius:999px!important;background:rgba(255,255,255,.035)!important;border:1px solid rgba(91,235,255,.10)!important;color:#b9f8ff!important}.s2-forum-topic-page .thread-title{display:flex!important;align-items:center!important;gap:10px!important;margin:18px 0 0!important;color:#fff!important;font-size:clamp(1.35rem,1.8vw,1.85rem)!important;text-transform:none!important;letter-spacing:-.02em!important}.s2-forum-topic-page .thread-title span{min-width:30px!important;height:30px!important;display:inline-grid!important;place-items:center!important;padding:0 10px!important;border-radius:999px!important;background:rgba(31,212,255,.11)!important;border:1px solid rgba(91,235,255,.15)!important;color:#a7faff!important;font-size:.88rem!important}.s2-forum-topic-page .reply-box{padding:22px!important}.s2-forum-topic-page textarea,.s2-forum-topic-page input[type="text"]{border-radius:16px!important;background:rgba(0,13,22,.62)!important;border:1px solid rgba(91,235,255,.18)!important;color:#fff!important}
@media(max-width:980px){.s2-forum-page,.s2-forum-topic-page{width:min(100% - 24px,1500px)!important}.s2-forum-category-page .forum-category-head{grid-template-columns:1fr!important}.s2-forum-category-page .topic{grid-template-columns:44px minmax(0,1fr)!important}.s2-forum-category-page .topic-count{grid-column:2;justify-self:start}.s2-forum-topic-page .post-card{grid-template-columns:1fr!important}.s2-forum-topic-page .post-author{border-right:0!important;border-bottom:1px solid rgba(91,235,255,.12)!important}.s2-forum-topic-page .topic-inline-title-row{flex-direction:column!important}.s2-forum-topic-page .post-main{min-height:0!important}.s2-forum-topic-page .topic-inline-actions .btn,.s2-forum-topic-page .topic-inline-actions form{width:100%!important}.s2-forum-topic-page .topic-inline-actions form .btn{width:100%!important}}
@media(max-width:640px){.s2-forum-category-page .topic{grid-template-columns:1fr!important}.s2-forum-category-page .topic-count{grid-column:1}.s2-forum-topic-page .post-main{padding:16px!important}.s2-forum-topic-page .s2-post-footer{align-items:flex-start;flex-direction:column}}
