/* ============================================
   NEON ELECTRIC TEXT LOGO - "MESLEĞİM HAYATIM"
   Elektrikli neon efektli yazı logosu
   ============================================ */

/* --- Logo Container --- */
.neon-logo-wrap {
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 4px 0;
  user-select: none;
  -webkit-user-select: none;
}

.neon-logo-wrap a {
  text-decoration: none;
  display: flex;
  align-items: center;
}

/* --- SVG Logo --- */
.neon-logo-svg {
  height: 48px;
  width: auto;
  overflow: visible;
}

/* --- Text Paths --- */
.neon-logo-svg .logo-text-main {
  font-family:
    "Segoe UI",
    "SF Pro Display",
    -apple-system,
    sans-serif;
  font-weight: 900;
  font-size: 28px;
  letter-spacing: 3px;
  fill: none;
  stroke: #f7941d;
  stroke-width: 1.2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 800;
  stroke-dashoffset: 800;
  paint-order: stroke;
}

.neon-logo-svg .logo-text-sub {
  font-family:
    "Segoe UI",
    "SF Pro Display",
    -apple-system,
    sans-serif;
  font-weight: 800;
  font-size: 28px;
  letter-spacing: 4px;
  fill: none;
  stroke: #0099ff;
  stroke-width: 1.2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 800;
  stroke-dashoffset: 800;
  paint-order: stroke;
}

/* Fill layers (initially invisible, revealed after stroke animation) */
.neon-logo-svg .logo-fill-main {
  font-family:
    "Segoe UI",
    "SF Pro Display",
    -apple-system,
    sans-serif;
  font-weight: 900;
  font-size: 28px;
  letter-spacing: 3px;
  fill: #f7941d;
  opacity: 0;
}

.neon-logo-svg .logo-fill-sub {
  font-family:
    "Segoe UI",
    "SF Pro Display",
    -apple-system,
    sans-serif;
  font-weight: 800;
  font-size: 28px;
  letter-spacing: 4px;
  fill: #0099ff;
  opacity: 0;
}

/* --- Mobile responsive --- */
@media (max-width: 768px) {
  .neon-logo-svg {
    height: 36px;
  }
}

@media (max-width: 480px) {
  .neon-logo-svg {
    height: 28px;
  }
}