/* ==========================================================
   GAMEWILDS FOOTER – FULL PARITY PACK (for /games/*)
   Goal: Make footer match normal pages 1:1 without style.css
   Scope: ONLY .site-footer (safe)
   ========================================================== */

/* 0) Global font parity (only inside footer) */
.site-footer,
.site-footer *{
  font-family: "Inter", sans-serif;
  font-size: 16px;         /* matches your normal pages base */
  line-height: 1.6;
  box-sizing: border-box;
}

/* 1) Footer base */
.site-footer{
  background:#0b0b0f;       /* your theme */
  color:#d1d5db;
  padding-top: 48px;        /* Bootstrap pt-5 parity */
  padding-bottom: 48px;     /* common parity (looks same as normal) */
}

/* 2) Headings */
.site-footer h3,
.site-footer h6{
  color:#e5e7eb;
  letter-spacing:.04em;
  margin-top: 0;
}

/* 3) Paragraph */
.site-footer p{
  color:#d1d5db;
  margin-bottom: 0.75rem;   /* keeps breathing like normal pages */
}

/* 4) Links */
.site-footer a{
  color:#e5e7eb;
  font-weight:700;
  text-decoration:underline;
  text-underline-offset:3px;
  transition:color .2s ease, text-decoration .2s ease;
}
.site-footer a:hover{
  color:#f7aa50;
  text-decoration:none;
}
.site-footer a[href^="mailto"]{ color:#f7aa50; }

/* 5) Icons (FontAwesome etc.) */
.site-footer i{ color:#f9820a; }

/* 6) Divider */
.site-footer hr{
  border-color:rgba(255,255,255,.12);
  opacity: 1;
  margin: 1.5rem 0;
}

/* 7) Lists (Quick Links) */
.site-footer ul{
  padding-left: 0;
  margin: 0;
  list-style: none;
  text-align: center; /* keeps same feel */
}
.site-footer ul li{
  margin-bottom: 10px;  /* from your style.css desktop fix */
}

/* 8) Back to top button */
#backToTopBtn{
  background:#9a3f06 !important;
  color:#fff !important;
}
#backToTopBtn:hover{ background:#f9820a !important; }

/* 9) Social SVG icons coloring (scoped to footer only) */
.site-footer .d-flex img{
  filter: brightness(0) saturate(100%)
          invert(35%) sepia(95%)
          saturate(2200%)
          hue-rotate(6deg)
          brightness(108%)
          contrast(110%);
  transition: transform .2s ease, opacity .2s ease;
}
.site-footer .d-flex a:hover img{
  opacity: 0.8;
  transform: scale(1.1);
}

/* 10) Desktop alignment parity */
@media (min-width:768px){

  /* each footer column centers its OWN content */
  .site-footer .col-md-4{
    display:flex;
    flex-direction:column;
    align-items:center;
  }

  /* readable text width */
  .site-footer .col-md-4 p{
    max-width:300px;
    text-align:center;
  }

  /* logo centered */
  .site-footer .navbar-brand{
    display:flex;
    justify-content:center;
  }

  /* Quick Links spacing – 2 mini columns */
  .site-footer .col-md-4:nth-child(2) .row{
    justify-content: center;
    column-gap: 48px;
  }
  .site-footer .col-md-4:nth-child(2) .col-6{
    flex: 0 0 auto;
    width: auto;
    min-width: 160px;
    text-align: center;
  }
}

/* 11) Mobile parity */
@media (max-width:767px){
  .site-footer{ text-align:center; }
}
/* ==========================================================
   Footer parity with Bootstrap classes on normal pages:
   footer.site-footer.bg-dark.text-white.pt-5
   (DO NOT touch fonts/sizes)
   ========================================================== */

/* bg-dark parity (Bootstrap) */
.site-footer.bg-dark{
  background: #212529 !important;
}

/* text-white parity (Bootstrap) */
.site-footer.text-white,
.site-footer.text-white *{
  color: #ffffff !important;
}

/* pt-5 parity (Bootstrap) */
.site-footer.pt-5{
  padding-top: 48px !important;
}

/* If your normal footer also uses pb-4 / py-5 sometimes, keep these ready: */
.site-footer.pb-4{ padding-bottom: 24px !important; }
.site-footer.py-5{ padding-top: 48px !important; padding-bottom: 48px !important; }