/* Global Logo Styles */

.ielts-logo-horizontal {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}

.logo-text {
  display: flex;
  align-items: center;
  gap: 8px;
}

.logo-ielts {
  font-family: 'Clash Grotesk', sans-serif;
  font-size: 24px;
  font-weight: 900;
  letter-spacing: -0.02em;
  color: #111827;
  text-transform: uppercase;
  line-height: 1;
}

.logo-divider {
  width: 4px;
  height: 28px;
  background: #FF6B35;
  border-radius: 2px;
  animation: dividerPulse 2s ease-in-out infinite;
}

@keyframes dividerPulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.7; }
}

.logo-practice {
  font-family: 'Clash Grotesk', sans-serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.15em;
  color: #6B7280;
  text-transform: uppercase;
  line-height: 1;
  margin-left: 4px;
}

/* Responsive Sizes */
@media (max-width: 768px) {
  .logo-ielts { font-size: 20px; }
  .logo-practice { font-size: 12px; }
  .logo-divider { height: 24px; }
}

@media (max-width: 480px) {
  .logo-ielts { font-size: 18px; }
  .logo-practice { font-size: 10px; }
  .logo-divider { height: 20px; }
}