/* XenForo-like forum index — FranceCity */

:root{
  --xf-bg:#0c1a27;
  --xf-panel:#0e2031;
  --xf-panel-2:#0f2439;
  --xf-accent:#1f6feb;
  --xf-accent-2:#2b79ff;
  --xf-text:#e8f1ff;
  --xf-muted:#93a8c3;
  --xf-chip:#15314d;
  --xf-card:#0e1f31;
  --xf-border:rgba(255,255,255,0.06);
}

.xf-hero{
  background: radial-gradient(1200px 280px at 30% -60%, #1a3b6a 0, transparent 65%),
              linear-gradient(180deg, #0b1b2a, #0a1723 50%, #0a1621);
  border-bottom:1px solid var(--xf-border);
  color:var(--xf-text);
}
.xf-hero .container{max-width:1200px;margin:0 auto;padding:28px 16px;}
.xf-hero-inner{display:flex;align-items:center;gap:16px}
.xf-hero-icon{font-size:30px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.5))}
.xf-hero-title{margin:0;font-weight:700;font-size:28px}
.xf-hero-sub{margin:2px 0 0;color:var(--xf-muted)}

.xf-wrap{max-width:1200px;margin:0 auto;padding:18px 16px;color:var(--xf-text)}

/* Section header */
.xf-section{margin-bottom:18px}
.xf-section-head{
  background: linear-gradient(180deg, #103150, #0c2640);
  border:1px solid var(--xf-border);
  padding:10px 14px;
  border-radius:8px;
  display:flex;align-items:center;justify-content:space-between;
  color:var(--xf-text);
}
.xf-section-left{display:flex;align-items:center;gap:10px}
.xf-arrow{color:#7fb4ff;font-weight:700}
.xf-section-head h2{margin:0;font-size:16px;font-weight:700}
.xf-section-right{display:flex;align-items:center;gap:10px}
.xf-chip{
  background:var(--xf-chip);
  border:1px solid var(--xf-border);
  padding:4px 10px;border-radius:20px;
  color:var(--xf-muted);font-size:12px
}
.xf-chip strong{color:var(--xf-text);font-weight:700}
.xf-see{color:#9ec2ff;text-decoration:none;font-size:12px}
.xf-see:hover{text-decoration:underline}

/* Forum row */
.xf-forum{
  position:relative;
  display:flex;gap:14px;
  background:var(--xf-card);
  border:1px solid var(--xf-border);
  border-top: none;
  padding:14px;
}
.xf-section .xf-forum:first-of-type{border-top:1px solid var(--xf-border);border-top-left-radius:10px;border-top-right-radius:10px}
.xf-section .xf-forum:last-of-type{border-bottom-left-radius:10px;border-bottom-right-radius:10px}
.xf-forum:hover{background:#0f253b}

.xf-forum-link{position:absolute;inset:0;z-index:1}
.xf-forum-left{display:flex;gap:14px;z-index:2;flex:1;min-width:0}
.xf-forum-icon{
  align-self:flex-start; width:36px;height:36px;border-radius:10px;
  display:grid;place-items:center;
  background:linear-gradient(180deg,#12345a,#0c2846);
  border:1px solid var(--xf-border);
  color:#89b7ff;font-size:18px
}
.xf-forum-body{min-width:0}
.xf-forum-title-row{display:flex;align-items:center;gap:8px}
.xf-forum-title{
  color:var(--xf-text);text-decoration:none;font-weight:700;font-size:15px
}
.xf-forum-title:hover{color:#bcd7ff}
.xf-forum-desc{color:var(--xf-muted);margin-top:2px}
.xf-forum-meta{color:var(--xf-muted);margin-top:6px;display:flex;gap:14px;font-size:12px}
.xf-subforums{margin-top:8px;display:flex;gap:8px;flex-wrap:wrap}
.xf-subforum{
  position:relative;z-index:2;
  background:#0f304e;border:1px solid var(--xf-border);
  color:#a7c8ff;text-decoration:none;font-size:12px;border-radius:14px;padding:3px 10px
}
.xf-subforum:hover{background:#124067}

/* Last post side */
.xf-forum-right{z-index:2;display:flex;align-items:center;margin-left:auto;min-width:280px;justify-content:flex-end}
.xf-lastpost{display:flex;align-items:center;gap:10px;color:var(--xf-muted)}
.xf-avatar{width:36px;height:36px;border-radius:50%;border:1px solid var(--xf-border);object-fit:cover}
.xf-last-title{color:#dbe8ff;text-decoration:none;display:block;max-width:200px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.xf-last-title:hover{color:#ffffff}
.xf-last-meta{font-size:12px;color:#9fb5d3}
.xf-lastpost-empty{color:#99aeca;font-style:italic}

/* Small screens */
@media (max-width: 900px){
  .xf-forum{flex-direction:column;gap:10px}
  .xf-forum-right{justify-content:flex-start;min-width:0}
  .xf-last-title{max-width:100%}
}