/* ============================================================
   INDEX.CSS — Home page specific styles
   ============================================================ */

/* ── HERO IMAGE ──────────────────────────────────────────── */
.hero__img-wrap { position:absolute;inset:0;pointer-events:none;z-index:0; }
.hero__img { width:100%;height:100%;object-fit:cover;object-position:center 30%;opacity:.60;display:block; }
.hero__img-fade-left { position:absolute;inset:0;background:linear-gradient(to right,var(--bg) 18%,rgba(10,13,26,.3) 50%,transparent 100%); }
.hero__img-fade-top  { position:absolute;inset:0;background:linear-gradient(to bottom,var(--bg) 0%,transparent 10%,transparent 82%,var(--bg) 100%); }
.hero__img-fade-bottom { position:absolute;bottom:0;left:0;right:0;height:280px;background:linear-gradient(to bottom,transparent 0%,rgba(10,13,26,.6) 40%,var(--bg) 75%,var(--bg) 100%); }

/* Hero content — aligned with standard container (matches discover/sections) */
.hero .container { width:min(100% - 32px, var(--container)) !important;margin-inline:auto !important;max-width:var(--container) !important;padding-left:0 !important; }
.hero__content { position:relative;z-index:2;padding:80px 0;max-width:560px; }
.hero__title { font-size:clamp(34px,5vw,66px) !important;line-height:1.08 !important; }
@media(max-width:680px){ .hero__title { font-size:clamp(28px,8vw,48px) !important; } }
.hero__features { display:grid !important;grid-template-columns:1fr 1fr !important;gap:10px 28px !important;max-width:420px; }
.hero__feat { display:flex;align-items:center;gap:8px;font-size:.88rem;color:var(--text-muted);font-weight:500;white-space:nowrap; }

/* ── SCROLL REVEAL ───────────────────────────────────────── */
.reveal {
  opacity:0; transform:translateY(28px);
  transition:opacity .6s ease,transform .6s ease;
}
.reveal.visible { opacity:1; transform:translateY(0); }
.reveal-delay-1 { transition-delay:.12s; }
.reveal-delay-2 { transition-delay:.24s; }
.reveal-delay-3 { transition-delay:.36s; }

/* ── MINECRAFT FLOATING PIXEL BLOCKS ────────────────────── */
.mc-pixels { position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden; }
.mc-pixel {
  position:absolute;
  left:var(--x); top:var(--y);
  width:var(--size,22px); height:var(--size,22px);
  border-radius:3px; opacity:.20;
  animation:mcFloat var(--dur,8s) ease-in-out var(--delay,0s) infinite;
}
@keyframes mcFloat {
  0%,100% { transform:translateY(0) rotate(0deg); }
  50%     { transform:translateY(-18px) rotate(var(--rot,10deg)); }
}
.mc-pixel--grass    { background:linear-gradient(to bottom,#5d9e3e 0%,#5d9e3e 34%,#7d5a2b 34%);box-shadow:inset 0 0 0 1px rgba(0,0,0,.35); }
.mc-pixel--diamond  { background:linear-gradient(135deg,#4dd0e1 0%,#0097a7 100%);box-shadow:0 0 14px rgba(77,208,225,.5),inset 0 0 0 1px rgba(255,255,255,.2);opacity:.30; }
.mc-pixel--gold     { background:linear-gradient(135deg,#ffd740 0%,#ff8f00 100%);box-shadow:0 0 12px rgba(255,215,64,.4),inset 0 0 0 1px rgba(0,0,0,.2);opacity:.28; }
.mc-pixel--tnt      { background:repeating-linear-gradient(0deg,#c62828 0px,#c62828 5px,#f5f5f5 5px,#f5f5f5 10px);box-shadow:inset 0 0 0 1px rgba(0,0,0,.3); }
.mc-pixel--emerald  { background:linear-gradient(135deg,#43a047 0%,#1b5e20 100%);box-shadow:0 0 10px rgba(67,160,71,.4);opacity:.25; }
.mc-pixel--obsidian { background:linear-gradient(135deg,#4527a0 0%,#1a0a3d 100%);box-shadow:0 0 8px rgba(124,58,237,.3),inset 0 0 0 1px rgba(124,58,237,.2); }
.mc-pixel--iron     { background:linear-gradient(135deg,#bdbdbd 0%,#757575 100%);box-shadow:0 0 8px rgba(189,189,189,.25),inset 0 0 0 1px rgba(0,0,0,.2);opacity:.22; }
.mc-pixel--redstone { background:linear-gradient(135deg,#f44336 0%,#b71c1c 100%);box-shadow:0 0 14px rgba(244,67,54,.5),inset 0 0 0 1px rgba(0,0,0,.2);opacity:.28; }
.mc-pixel--wood     { background:linear-gradient(to right,#795548 0%,#5d4037 50%,#795548 100%);box-shadow:inset 0 0 0 1px rgba(0,0,0,.3);opacity:.24; }
.mc-pixel--lapis    { background:linear-gradient(135deg,#1565c0 0%,#0d47a1 100%);box-shadow:0 0 12px rgba(21,101,192,.45),inset 0 0 0 1px rgba(100,149,237,.3);opacity:.30; }

/* ── MINECRAFT FLOATING ITEMS (icons8 real icons) ─────────── */
.mc-item {
  position:absolute;
  left:var(--x); top:var(--y);
  width:var(--size,48px); height:var(--size,48px);
  opacity:var(--op,.55);
  animation:mcFloat var(--dur,8s) ease-in-out var(--delay,0s) infinite;
  image-rendering:pixelated;
  filter:drop-shadow(0 0 8px var(--glow,rgba(255,255,255,.2)));
  pointer-events:none;
}
.mc-item img { width:100%;height:100%;object-fit:contain;display:block; }

/* ── HORSE DECORATION ─────────────────────────────────────── */
.horse-deco {
  position:absolute;
  right:-20px; bottom:-40px;
  width:clamp(280px, 32vw, 480px);
  z-index:1;
  pointer-events:none;
  opacity:.88;
  filter:drop-shadow(0 0 40px rgba(0,200,255,.18)) drop-shadow(0 0 80px rgba(0,150,255,.10));
}
.horse-deco img { width:100%;height:auto;display:block; }

/* ═══════════════════════════════════════════════════════════
   DISCOVER — MINECRAFT EDITION
═══════════════════════════════════════════════════════════ */

/* Per-slide theme tokens */
.discover-section                              { --slide-accent:#06b6d4;--slide-glow:rgba(6,182,212,.12); }
.discover-section[data-slide-theme="diamond"]  { --slide-accent:#34d399;--slide-glow:rgba(52,211,153,.12); }
.discover-section[data-slide-theme="gold"]     { --slide-accent:#fbbf24;--slide-glow:rgba(251,191,36,.12); }
.discover-section[data-slide-theme="redstone"] { --slide-accent:#8b5cf6;--slide-glow:rgba(139,92,246,.14); }

.discover-section {
  position:relative;
  background:var(--bg);
  padding:0 0 80px;
  overflow:hidden;
}
/* Dynamic ambient glow — extended upward to blend with hero */
.discover-section::after {
  content:'';position:absolute;top:-220px;right:-120px;
  width:900px;height:700px;
  background:radial-gradient(ellipse,var(--slide-glow) 0%,transparent 60%);
  pointer-events:none;transition:background 1s ease;z-index:0;
}
/* Second glow on left side for depth */
.discover-section::before {
  content:'';position:absolute;top:-100px;left:-80px;
  width:600px;height:500px;
  background:radial-gradient(ellipse,var(--slide-glow) 0%,transparent 65%);
  pointer-events:none;transition:background 1s ease;z-index:0;opacity:.5;
}

/* Hide the theme bar */
.discover__theme-bar { display:none !important; }

/* Fade from hero into discover — seamless blend */
.discover__top-fade {
  height:100px;
  background:linear-gradient(to bottom,var(--bg-2) 0%,transparent 100%);
  position:relative;z-index:1;
  margin-top:-60px;
}

.discover__inner {
  width:min(100% - 32px, var(--container));margin:0 auto;
  padding:40px 0 0;
  position:relative;z-index:2;
}

/* ── SLIDE TRACK + TRANSITIONS ───────────────────────────── */
.discover__slides-track { position:relative; }
.discover__slide { display:none;grid-template-columns:1fr 1fr;gap:56px;align-items:center; }
.discover__slide.active {
  display:grid;
  animation:slideEnterRight .55s cubic-bezier(.4,0,.2,1) forwards;
}
.discover__slide.active.from-left {
  animation:slideEnterLeft .55s cubic-bezier(.4,0,.2,1) forwards;
}
@keyframes slideEnterRight {
  from { opacity:0;transform:translateX(28px); }
  to   { opacity:1;transform:translateX(0); }
}
@keyframes slideEnterLeft {
  from { opacity:0;transform:translateX(-28px); }
  to   { opacity:1;transform:translateX(0); }
}

.discover__left  { padding-right:0; }
.discover__right { display:flex;align-items:center;justify-content:flex-end; }

.discover__title {
  font-size:clamp(36px,4.5vw,62px);
  font-weight:900;line-height:1.08;
  margin-bottom:20px;letter-spacing:-.5px;
}
/* Gradient color changes per theme */
.discover-section .gradient-text { transition:filter .5s ease; }
/* Gamemodes — cyan to electric blue */
.discover-section[data-slide-theme="emerald"] .gradient-text,
.discover-section:not([data-slide-theme]) .gradient-text {
  background:linear-gradient(135deg,#22d3ee,#6366f1);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}
/* Community — green gradient (different from the blue accent) */
.discover-section[data-slide-theme="diamond"] .gradient-text {
  background:linear-gradient(135deg,#34d399,#10b981);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}
/* Perks — keep gold/orange */
.discover-section[data-slide-theme="gold"] .gradient-text {
  background:linear-gradient(135deg,#fbbf24,#f97316);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}
/* Plugins — purple to pink */
.discover-section[data-slide-theme="redstone"] .gradient-text {
  background:linear-gradient(135deg,#8b5cf6,#ec4899);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}

.discover__desc  { font-size:.95rem;color:var(--text-muted);line-height:1.65;margin-bottom:10px; }
.discover__desc2 { font-size:.85rem;color:var(--text-dim);line-height:1.65;margin-bottom:28px; }

/* ── PAGINATION — Minecraft button style ─────────────────── */
.discover__pagination { display:flex;align-items:center;gap:14px; }
.discover__prev, .discover__next {
  width:42px;height:42px;border-radius:8px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.05);
  color:var(--text);font-size:1rem;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  transition:all .2s;font-family:'JetBrains Mono',monospace;
}
.discover__prev:hover, .discover__next:hover {
  background:rgba(255,255,255,.11);
  border-color:rgba(255,255,255,.22);
  color:var(--text);
  box-shadow:none;
  transform:scale(1.05);
}
.discover__page-label {
  font-size:.85rem;color:var(--text-muted);
  font-family:'JetBrains Mono',monospace;min-width:36px;text-align:center;
}
.discover__char-wrap { display:none !important; }
.discover__dots      { display:none !important; }

/* ── IMAGE — floats + accent glow border ─────────────────── */
.discover__server-img-wrap {
  position:relative;width:100%;max-width:640px;
  aspect-ratio:16/9;border-radius:18px;overflow:hidden;
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 0 0 1px var(--slide-accent),0 24px 60px rgba(0,0,0,.55),0 0 40px var(--slide-glow);
  animation:floatImage 4s ease-in-out infinite;
  transition:box-shadow 1s ease;
}
/* No corner marks */
.discover__server-img-wrap::before,
.discover__server-img-wrap::after { display:none !important; }

@keyframes floatImage {
  0%,100% { transform:translateY(0); }
  50%     { transform:translateY(-12px); }
}
.discover__server-img { width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s; }
.discover__server-img-wrap:hover .discover__server-img { transform:scale(1.04); }
.discover__server-img-overlay { display:none; }

/* ── GET STARTED — separator ─────────────────────────────── */
.section--dark { background:var(--bg);position:relative; }
.section--dark::before {
  content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);
  width:220px;height:1px;
  background:linear-gradient(to right,transparent,var(--primary),transparent);
  opacity:.45;
}

/* ── SOCIAL CARDS ────────────────────────────────────────── */
.socials-section { padding:60px 0 72px;background:var(--bg); }
.socials-grid { display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:900px;margin:0 auto; }
@media(max-width:640px){ .socials-grid { grid-template-columns:1fr; } }

.social-card {
  position:relative;border-radius:18px;min-height:170px;
  display:flex;align-items:stretch;overflow:hidden;
  cursor:pointer;transition:transform .22s,box-shadow .22s;border:none;text-decoration:none;
}
.social-card:hover { transform:translateY(-6px) scale(1.01);box-shadow:0 20px 50px rgba(0,0,0,.5); }
.social-card--youtube   { background:#f72526; }
.social-card--discord   { background:#2596be; }
.social-card--tiktok    { background:#1a1a2e; }
.social-card--instagram { background:linear-gradient(135deg,#405de6 0%,#833ab4 30%,#c13584 55%,#e1306c 75%,#fd1d1d 100%); }

.sc-bg,.sc-stripe,.social-card__char,.sc-ext,.sc-logo-img,.social-card__top { display:none !important; }

.sc-ext-abs {
  position:absolute;top:14px;right:14px;width:30px;height:30px;border-radius:8px;
  background:rgba(0,0,0,.22);display:flex !important;align-items:center;justify-content:center;
  z-index:5;color:rgba(255,255,255,.75);text-decoration:none;transition:background .15s;
}
.sc-ext-abs:hover { background:rgba(0,0,0,.38); }
.social-card__body  { flex:1;display:flex;flex-direction:column;padding:22px 52px 22px 22px;position:relative;z-index:2; }
.sc-platform-row    { display:flex;align-items:center;gap:9px;margin-bottom:16px; }
.sc-icon-wrap       { width:26px;height:26px;display:flex;align-items:center;justify-content:center;flex-shrink:0; }
.sc-name            { font-size:.92rem;font-weight:600;color:rgba(255,255,255,.92); }
.social-card__count { font-size:clamp(28px,4vw,42px);font-weight:900;color:#fff;line-height:1;letter-spacing:-1.5px;margin-bottom:3px; }
.social-card__unit  { font-size:.6rem;font-weight:700;letter-spacing:2.5px;color:rgba(255,255,255,.5);text-transform:uppercase;margin-bottom:16px; }
.social-card__tags  { display:flex;flex-wrap:wrap;gap:6px;margin-top:auto; }
.social-card__tags span { font-size:.68rem;font-weight:500;padding:4px 10px;border-radius:6px;background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.18);color:rgba(255,255,255,.8);white-space:nowrap; }

/* ── GLOBAL FLOATING MC BLOCKS (full page, below hero) ───── */
.mc-pixels-global {
  position:absolute;
  top:0;left:0;right:0;bottom:0;
  pointer-events:none;z-index:0;overflow:hidden;
}
.mc-pixels-global .mc-pixel { opacity:.16; }

/* ── RESPONSIVE ──────────────────────────────────────────── */
@media(max-width:900px){
  .discover__slide.active { grid-template-columns:1fr !important; }
  .discover__right { justify-content:center; }
  .discover__server-img-wrap { max-width:100%; }
}