/* ===============================
   TopRummy Footer Utility Pack
   Lightweight version (Footer Only)
   =============================== */

/* Background */
.bg-\[\#0C0621\] {
  background-color: #0C0621 !important;
}

/* Text color */
.text-white { color: #ffffff !important; }
.text-sm { font-size: 0.875rem !important; }
.text-lg { font-size: 1.125rem !important; }
.opacity-70 { opacity: 0.7 !important; }
.opacity-80 { opacity: 0.8 !important; }

/* Font weight */
.font-semibold { font-weight: 600 !important; }

/* Spacing */
.mt-10 { margin-top: 2.5rem !important; }
.mb-3 { margin-bottom: 0.75rem !important; }
.mb-8 { margin-bottom: 2rem !important; }
.mb-10 { margin-bottom: 2.5rem !important; }
.mb-12 { margin-bottom: 3rem !important; }
.pt-10 { padding-top: 2.5rem !important; }
.pb-20 { padding-bottom: 5rem !important; }
.px-4 { padding-left: 1rem !important; padding-right: 1rem !important; }

/* Flex */
.flex { display: flex !important; }
.items-center { align-items: center !important; }
.space-x-3 > :not(:last-child) { margin-right: 0.75rem !important; }

/* Grid system */
.grid { display: grid !important; }
.grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
.gap-10 { gap: 2.5rem !important; }
.gap-6 { gap: 1.5rem !important; }

/* Desktop grid override */
@media (min-width: 768px) {
  .md\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
}

/* Container width */
.max-w-7xl {
  max-width: 80rem !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Image sizing */
.h-7 { height: 1.75rem !important; }
.h-8 { height: 2rem !important; }
.h-10 { height: 2.5rem !important; }
.h-12 { height: 3rem !important; }

/* Links */
.footer-title {
  font-size: 1.125rem !important;
  font-weight: 600 !important;
}

.footer-title + ul li a {
  opacity: 0.8 !important;
  text-decoration: none !important;
}

.footer-title + ul li a:hover {
  opacity: 1 !important;
  color: #ffffff !important;
}