/* GQLite.com Logo Monochrome Style */

/* Importing Google Fonts for consistency */
@import url('https://fonts.googleapis.com/css2?family=Fredoka+One&family=Poppins:wght@800&family=Bebas+Neue&display=swap');

/* Monochrome version for print or minimal contexts */
.gqlite-logo-monochrome span {
  color: #333;
  text-shadow:
    1px 1px 0px #eee,
    2px 2px 0px #ccc,
    3px 3px 0px #aaa,
    4px 4px 0px #888,
    5px 5px 0px #666,
    8px 8px 15px rgba(0, 0, 0, 0.5);
}

/* Hover effect for monochrome logo */
.gqlite-logo-monochrome:hover span {
  color: #555;
  text-shadow:
    1px 1px 0px #fff,
    2px 2px 0px #ddd,
    3px 3px 0px #bbb,
    4px 4px 0px #999,
    5px 5px 0px #777,
    10px 10px 20px rgba(0, 0, 0, 0.6);
}

/* Responsive adjustments for monochrome style */
@media (max-width: 768px) {
  .gqlite-logo-monochrome span {
    text-shadow:
      1px 1px 0px #eee,
      2px 2px 0px #ccc,
      3px 3px 0px #aaa,
      4px 4px 0px #888,
      5px 5px 10px rgba(0, 0, 0, 0.5);
  }
}

@media (max-width: 480px) {
  .gqlite-logo-monochrome span {
    text-shadow:
      1px 1px 0px #eee,
      2px 2px 0px #ccc,
      3px 3px 5px rgba(0, 0, 0, 0.4);
  }
}