/* GQLite.com Logo Outline 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');

/* Outline version for a modern tech look */
.gqlite-logo-outline span {
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: none;
  background-image: linear-gradient(45deg, 
    #fff, #f8f8f8, #e8e8e8, #f8f8f8, #fff);
  -webkit-text-stroke: 2px #333;
  transition: -webkit-text-stroke-color 0.3s ease;
}

.gqlite-logo-outline:hover span {
  -webkit-text-stroke-color: #666;
  background-image: linear-gradient(45deg, 
    #fff, #fff, #f0f0f0, #fff, #fff);
}

/* Responsive adjustments for outline style */
@media (max-width: 768px) {
  .gqlite-logo-outline span {
    -webkit-text-stroke: 1.5px #333;
  }
}

@media (max-width: 480px) {
  .gqlite-logo-outline span {
    -webkit-text-stroke: 1px #333;
  }
}