/* styles.css - Custom styles for DMO Game Protect site */

body {
  background-color: #071018; /* deep dark background */
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
  color: #e6eef6;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}

/* Navbar logo sizing */
.navbar-brand img {
  height: 80px; /* smaller in navbar */
  transition: transform .15s ease-in-out;
}
.navbar-brand img:hover { transform: scale(1.03); }

/* Hero header */
.hero {
  background: linear-gradient(135deg, rgba(6, 12, 24, 0.95), rgba(14, 23, 35, 0.95));
  padding: 60px 0;
  color: #e6eef6;
}
.hero::after {
  /* subtle texture using radial-gradient */
  content: "";
  display: block;
  position: absolute;
  left: 0; right: 0; top: 0; bottom: 0;
  pointer-events: none;
  opacity: 0.03;
  background-image: radial-gradient(circle at 10% 10%, rgba(255,255,255,0.05), transparent 15%), radial-gradient(circle at 90% 90%, rgba(255,255,255,0.03), transparent 20%);
}
.hero-wrap { position: relative; }
.hero .logo-hero {
  max-height: 420px;
  display: block;
  margin: 0 auto;
  width: auto;
}
.hero h1 { font-weight: 700; font-size: 2.75rem; margin-top: 12px; letter-spacing: 0.02em; }
.hero p.lead { color: #c9d6e0; font-size: 1.075rem; max-width: 900px; margin: 0 auto; }

/* Small header for pages without hero */
.page-header-small {
  background: linear-gradient(90deg, rgba(8, 14, 22, 0.95), rgba(12, 18, 26, 0.95));
  padding: 18px 0;
}

/* Footer adjustments */
/* Footer adjustments */
footer.footer { border-top: 1px solid rgba(255,255,255,0.03); }
footer.footer a { color: #d7e2ea; text-decoration: none; }
footer.footer a:hover { color: #7ce3aa; text-decoration: none; }
footer.footer .footer-logo { height: 74px; }
footer.footer .social-link svg { transition: transform .12s ease-in-out, fill .15s ease-in-out; }
footer.footer .social-link:hover svg { transform: translateY(-3px); fill: #7ce3aa; }
footer.footer h6 { color: #9aa6b2; }

/* Navbar link contrast */
.navbar .nav-link { color: #d7e6ee !important; }
.navbar .nav-link.active, .navbar .nav-link:hover { color: #7ce3aa !important; }

/* Ensure mobile responsiveness */
@media (max-width: 768px) {
  .hero { padding: 36px 0; }
  .hero h1 { font-size: 1.8rem; }
  .navbar-brand img { height: 64px; }
  .hero .logo-hero { max-height: 330px; }
}

/* Feature list grid */
.features-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; list-style: none; padding: 0; margin: 0; }
.features-list li { background: rgba(255,255,255,0.02); padding: 12px 16px; border-radius: 8px; display:flex; align-items:flex-start; gap:8px; }
/* removed the checkmark pseudo-element to keep a clean look */

/* Card styling */
.card { background: rgba(255,255,255,0.02); border: 1px solid rgba(255,255,255,0.06); box-shadow: 0 8px 22px rgba(2,6,23,0.7); color: #e6eef6; }
.card p { color: #e6eef6; }
.feature-subtitle { font-weight: 700; color: #e6f7ee; text-transform: none; font-size: 0.95rem; }
/* Icon in feature subtitle */
.feature-icon { color: #7ce3aa; font-size: 1.05rem; vertical-align: middle; }
.feature-icon.me-2 { margin-right: .5rem; }
.features-grid { margin: 0 -15px; }
.features-grid .col-md-6, .features-grid .col-lg-4 { padding-left: 15px; padding-right: 15px; }

/* Responsive single column for features on small screens */
@media (max-width: 600px) {
  .features-grid { display:block; }
  .features-grid .col-md-6 { width: 100%; }
  .features-subtitle { font-size: 0.95rem; }
}

/* Feature card animation */
.feature-card { opacity: 0; transform: translateY(18px); transition: transform 650ms cubic-bezier(.2,.9,.2,1), opacity 650ms cubic-bezier(.2,.9,.2,1), box-shadow 200ms ease; }
.feature-card.in-view { opacity: 1; transform: translateY(0); }
.feature-card:hover { transform: translateY(-8px) scale(1.01); box-shadow: 0 16px 36px rgba(2,6,23,0.75); }
.feature-card { will-change: transform, opacity; }
.feature-card[style] { transition-delay: var(--delay,0ms); }
.card .card-header { background: rgba(255,255,255,0.025); border-bottom: 1px solid rgba(0,0,0,0.08); }
.card .card-body ul { padding-left: 1rem; }

/* Forms */
.form-control { background: rgba(255,255,255,0.02); border-radius: 8px; border: 1px solid rgba(255,255,255,0.06); color: #e6eef6; }
.form-control:focus { box-shadow: 0 0 0 3px rgba(124,227,170,0.12); border-color: rgba(124,227,170,0.4); }

/* Footers small text */
.footer .small.text-muted { color: #b7c8d0 !important; }

/* Back to top button */
#back-to-top {
  display: none;
  width: 40px; height: 40px; border-radius: 50%;
  position: fixed; right: 18px; bottom: 24px; z-index: 1060;
  border: none; background: rgba(124,227,170,0.95); color: #041219; font-weight: 700;
  cursor: pointer; box-shadow: 0 6px 18px rgba(2,3,6,0.5);
}
#back-to-top:focus { outline: none; box-shadow: 0 0 0 4px rgba(124,227,170,0.12); }