/* MCATiers v2.0.0 - Info Page */
.page-header{padding:2.5rem 0 1.5rem;}
.page-title{font-size:2rem;font-weight:900;}
.page-subtitle{color:var(--text3);font-size:.9rem;margin-top:.25rem;}
i {
 font-size: 20px;
}
/* Scroll reveal */
.scroll-reveal{opacity:0;transform:translateY(20px);transition:opacity .6s,transform .6s;}
.scroll-reveal.visible{opacity:1;transform:translateY(0);}

/* ── Minecraft Widget ── */
.mc-widget-section{margin-bottom:2rem;}
.mc-widget{
 padding:0;overflow:hidden;
 font-family:'JetBrains Mono','Courier New',monospace;
 border-color:var(--border2);
}
.mc-widget-topbar{
 display:flex;align-items:center;gap:1rem;
 padding:1rem 1.25rem;
 border-bottom:1px solid var(--border);
 background:rgba(0,0,0,.2);
}
.mc-pixel-icon img{
 width:48px;height:48px;border-radius:4px;
 image-rendering:pixelated;border:2px solid #555;
}
.mc-widget-info{flex:1;min-width:0;}
.mc-server-name{font-size:1rem;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.mc-server-desc{font-size:.75rem;color:#aaa;margin-top:.2rem;}
.mc-widget-right{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem;}
.mc-ping-bars{display:flex;align-items:flex-end;gap:2px;height:14px;}
.ping-bar{width:4px;background:#444;border-radius:1px;}
.ping-bar:nth-child(1){height:4px;} .ping-bar:nth-child(2){height:6px;} .ping-bar:nth-child(3){height:9px;}
.ping-bar:nth-child(4){height:11px;} .ping-bar:nth-child(5){height:14px;}
.ping-bar.active{background:#55ff55;}
.mc-players{font-size:.72rem;color:#aaa;}
.mc-version{font-size:.65rem;color:#888;}
.mc-widget-motd{
 padding:.75rem 1.25rem;font-size:.82rem;line-height:1.5;
 background:rgba(0,0,0,.3);
 color:#aaffaa;border-bottom:1px solid var(--border);
 font-family:'JetBrains Mono',monospace;
}
.mc-widget-actions{display:flex;gap:.625rem;padding:.875rem 1.25rem;flex-wrap:wrap;}
.mc-btn{
 padding:.45rem 1rem;border-radius:4px;
 border:2px solid #555;background:rgba(80,80,80,.3);
 color:#ddd;font-family:'JetBrains Mono',monospace;
 font-size:.78rem;font-weight:600;cursor:pointer;
 transition:all .15s;
 text-decoration:none;display:inline-flex;align-items:center;
}
.mc-btn:hover{background:rgba(100,100,100,.5);border-color:#888;color:#fff;}
.mc-btn-join{border-color:#55aa55;color:#55ff55;}
.mc-btn-join:hover{background:rgba(40,100,40,.4);border-color:#55ff55;}
.mc-btn-discord{border-color:#5865F2;color:#8888ff;}
.mc-btn-discord:hover{background:rgba(88,101,242,.2);border-color:#8888ff;}

/* ── Stats Row — clean glass strip ── */
.info-stats-row {
 display: flex; flex-wrap: wrap; gap: 0;
 margin-bottom: 2rem;
 background: var(--glass-bg);
 backdrop-filter: blur(20px);
 -webkit-backdrop-filter: blur(20px);
 border: 1px solid var(--glass-border);
 border-radius: 14px;
 overflow: hidden;
}
.info-stat-card {
 flex: 1; min-width: 70px;
 padding: 1.375rem 1rem;
 text-align: center;
 position: relative;
 transition: background .18s;
}
.info-stat-card:hover {
 background: rgba(255,255,255,0.035);
}
/* Divider between stats */
.info-stat-card + .info-stat-card::before {
 content: '';
 position: absolute; left: 0; top: 10%; bottom: 10%;
 width: 0.5px;
 background: var(--border);
}
.info-stat-val {
 font-size: 1.875rem; font-weight: 900;
 color: var(--accent);
 font-family: 'JetBrains Mono', monospace;
 line-height: 1; letter-spacing: -0.02em;
 filter: drop-shadow(0 0 8px var(--accent-glow));
}
.info-stat-lbl {
 font-size: .6rem; font-weight: 700;
 color: var(--text3); text-transform: uppercase;
 letter-spacing: .1em; margin-top: .4rem;
}

@media(max-width:500px) {
 .info-stats-row { flex-wrap: wrap; }
 .info-stat-card { min-width: calc(50% - 0px); }
 .info-stat-card:nth-child(odd)::before { display: none; }
 .info-stat-card:nth-child(even)::before {
 left: 0; top: 0; bottom: 0; width: 1px; top: 0; height: 100%;
 }
 .info-stat-card:nth-child(3), .info-stat-card:nth-child(4) {
 border-top: 1px solid var(--border);
 }
}

/* ── Main Grid ── */
.info-main-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem;margin-bottom:2rem;}
.info-card-block{
 background:var(--glass-bg);backdrop-filter:blur(16px);
 border:1px solid var(--glass-border);
 border-radius:16px;padding:1.5rem;
}
.info-block-title{font-size:1rem;font-weight:800;margin-bottom:1rem;color:var(--text);
 padding-bottom:.5rem;border-bottom:1px solid var(--border);}

/* Server details */
.info-detail-list{display:flex;flex-direction:column;gap:.5rem;}
.detail-row{display:flex;justify-content:space-between;align-items:center;
 padding:.375rem 0;border-bottom:1px solid var(--border);}
.detail-row:last-child{border-bottom:none;}
.detail-label{font-size:.8rem;color:var(--text3);}
.detail-value{font-size:.85rem;font-weight:600;color:var(--text);font-family:'JetBrains Mono',monospace;}

/* Testers */
.testers-list{display:flex;flex-direction:column;gap:.5rem;}
.tester-row{display:flex;align-items:center;gap:.75rem;padding:.375rem 0;}
.tester-avatar{width:32px;height:32px;border-radius:50%;background:var(--bg2);
 border:2px solid var(--accent);display:flex;align-items:center;justify-content:center;
 font-weight:700;font-size:.85rem;color:var(--accent);flex-shrink:0;}
.tester-name{font-size:.875rem;font-weight:600;}
.tester-status{font-size:.65rem;color:var(--success);margin-left:auto;font-weight:600;}

/* Tier legend */
.tier-legend-list{display:flex;flex-direction:column;gap:.3rem;}
.tier-legend-row{display:flex;align-items:center;gap:.625rem;padding:.3rem .5rem;border-radius:7px;transition:background .15s;}
.tier-legend-row:hover{background:rgba(255,255,255,.04);}
.tl-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;}
.tl-label{font-weight:700;font-size:.8rem;min-width:36px;}
.tl-name{font-size:.75rem;color:var(--text3);}
.tl-shiny{font-size:.62rem;color:var(--accent);margin-left:auto;}

/* Modes */
.modes-info-list{display:flex;flex-direction:column;gap:.5rem;}
.mode-info-row{display:flex;align-items:center;gap:.75rem;padding:.375rem 0;border-bottom:1px solid var(--border);}
.mode-info-row:last-child{border-bottom:none;}
.mode-info-row img{width:28px;height:28px;object-fit:contain;image-rendering:pixelated;}
.mode-info-name{font-size:.875rem;font-weight:600;}
.mode-info-dot{width:8px;height:8px;border-radius:50%;margin-left:auto;}

/* Newly ranked */
.newly-ranked-list{display:flex;flex-direction:column;gap:.5rem;}
.ranked-item{display:flex;align-items:center;gap:.625rem;padding:.375rem .5rem;
 border-radius:8px;background:var(--bg2);border:1px solid var(--border);}
.ranked-skin{width:28px;height:28px;image-rendering:pixelated;object-fit:contain;border-radius:3px;}
.ranked-name{font-size:.85rem;font-weight:700;flex:1;}
.ranked-tier{font-size:.72rem;font-weight:700;}
.ranked-mode{font-size:.65rem;color:var(--text3);}

/* News list */
.news-list{display:flex;flex-direction:column;gap:.625rem;}
.news-item{padding:.625rem .75rem;border-radius:9px;background:var(--bg2);border:1px solid var(--border);}
.news-item-tag{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--accent);margin-bottom:.25rem;}
.news-item-title{font-size:.82rem;font-weight:600;color:var(--text);line-height:1.4;}
.news-item-date{font-size:.68rem;color:var(--text3);margin-top:.2rem;}

/* How to join */
.how-to-join{padding:1.75rem;margin-bottom:1.5rem;}
.join-steps{display:flex;flex-direction:column;gap:1rem;}
.join-step{display:flex;gap:1rem;align-items:flex-start;}
.join-num{
 width:30px;height:30px;border-radius:50%;
 background:var(--accent);color:#fff;
 display:flex;align-items:center;justify-content:center;
 font-size:.85rem;font-weight:800;flex-shrink:0;
}
.join-step p{font-size:.82rem;color:var(--text2);margin-top:.2rem;line-height:1.5;}

/* Legal */
.legal-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:3rem;}
.legal-card{padding:1.25rem;}
.legal-card h4{font-size:.9rem;font-weight:700;margin-bottom:.75rem;color:var(--text);}
.legal-card p,.rules-ul li{font-size:.82rem;color:var(--text3);line-height:1.7;}
.rules-ul{list-style:none;display:flex;flex-direction:column;gap:.4rem;}
.rules-ul li::before{content:'';color:var(--accent);margin-right:.5rem;}
.footer-link{font-size:.85rem;color:var(--text3);text-decoration:none;transition:color .2s;}
.footer-link:hover{color:var(--accent);}

@media(max-width:700px){
 .legal-grid{grid-template-columns:1fr;}
 .info-main-grid{grid-template-columns:1fr;}
 .mc-widget-topbar{flex-wrap:wrap;}
}

/* ── Enhanced info card blocks ── */
.info-card-block {
 transition: border-color .2s, transform .2s;
}
.info-card-block:hover {
 border-color: var(--accent);
 transform: translateY(-2px);
}

/* ── Detail row with better spacing ── */
.detail-row:hover .detail-value {
 color: var(--accent);
 transition: color .2s;
}

/* ── Ranked item hover ── */
.ranked-item {
 transition: border-color .15s, background .15s;
 cursor: pointer;
}
.ranked-item:hover {
 border-color: var(--accent);
 background: var(--bg3);
}

/* ── News item hover ── */
.news-item {
 transition: border-color .15s, transform .15s;
 cursor: default;
}
.news-item:hover {
 border-color: var(--accent);
 transform: translateY(-1px);
}

/* ── How to join step number ── */
.join-num {
 font-size: .9rem;
 background: linear-gradient(135deg, var(--accent), var(--accent2, var(--accent)));
 box-shadow: 0 4px 12px var(--accent-glow);
}
.staff-card-clean {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 14px;

  background: var(--bg3);
  border: 1px solid var(--border);
  border-radius: 14px;

  padding: 12px 16px;
  transition: .2s ease;
}

.staff-card-clean:hover {
  transform: translateY(-2px);
  border-color: var(--accent);
  box-shadow:
    0 10px 30px rgba(0,0,0,.35),
    0 0 0 1px var(--accent-glow);
}

.staff-head {
  width: 60px;
  height: 60px;
  image-rendering: pixelated;
  flex-shrink: 0;

  border-radius: 10px;
  background: rgba(255,255,255,0.04);
  border: 1px solid var(--border);

  padding: 4px;
transform: scaleX(-1);
}

.staff-info {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.staff-name {
  font-size: 1rem;
  font-weight: 800;
  color: #fff;
  font-family: 'Outfit', sans-serif;
}

.staff-role {
  font-size: 0.78rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .08em;
}

/* role colors */
.role-owner {
  color: #f5c518;
}

.role-admin {
  color: #d4d4d4;
}

.role-staff {
  color: #7dd3fc;
}
/* كود الكارد بملف info.css */
.latest-player-card {
  position: relative; /* خطوة أساسية حتى يشتغل الـ absolute بداخلها */
  background: var(--bg3);
  border: 1px solid var(--border);
  border-radius: 14px;
  overflow: hidden;
  cursor: pointer;
  transition: transform .2s cubic-bezier(.34,1.56,.64,1),
              box-shadow .2s ease, border-color .2s;
}

.latest-player-card:hover {
  transform: translateY(-3px);
  border-color: var(--accent);
  box-shadow: 0 12px 40px rgba(0,0,0,.5), 0 0 0 1px var(--accent-glow);
}

.latest-player-card:hover .card-v3-skin {
  transform: translateY(-6px) scale(1.04);
}

/* تنسيق بادج أعلى تير فوق على اليمين 🎯 */
.card-v3-highest-tier {
  position: absolute;
  top: 10px; /* المسافة من فوق */
  right: 12px; /* المسافة من اليمين */
  font-size: 0.65rem;
  font-weight: 800;
  padding: 2px 6px;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.4); /* خلفية داكنة خفيفة تبرز اللون */
  font-family: 'JetBrains Mono', monospace;
  z-index: 5; /* حتى تطلع فوق السكن وباقي العناصر */
  letter-spacing: 0.02em;
}