/*
 * MaHe LIVE – Icons CSS
 * SVG icons are inline in PHP templates.
 * This file provides utility classes for icon sizing.
 */

svg { pointer-events: none; }

.icon { display: inline-flex; align-items: center; justify-content: center; }
.icon--sm  { width: 14px; height: 14px; }
.icon--md  { width: 18px; height: 18px; }
.icon--lg  { width: 24px; height: 24px; }
.icon--xl  { width: 32px; height: 32px; }

/* Category color overrides */
.cat--blaulicht { background: #0066cc !important; color: #fff !important; }
.cat--liveticker { background: #cc0000 !important; color: #fff !important; }

/* Breaking news indicator */
.is-breaking::after {
  content: 'BREAKING';
  background: #cc0000;
  color: #fff;
  font-size: .6rem;
  font-weight: 900;
  padding: 1px 5px;
  border-radius: 2px;
  margin-left: 6px;
  letter-spacing: .06em;
  vertical-align: middle;
  animation: breakingPulse 1.5s ease infinite;
}

/* Reading time */
.reading-time {
  font-family: var(--font-ui);
  font-size: .75rem;
  color: var(--color-text-light);
}

/* Sticky post indicator */
.post-card.sticky-post .post-card__thumb::after {
  content: '📌';
  position: absolute;
  top: 8px;
  right: 8px;
  font-size: 1rem;
}

/* AdSense responsive override */
.adsbygoogle {
  display: block;
  text-align: center;
}

/* Gutenberg block compatibility */
.wp-block-image { margin: var(--space-lg) 0; }
.wp-block-quote {
  border-left: 4px solid var(--color-neon);
  padding: var(--space-md) var(--space-lg);
  background: var(--color-surface-2);
  margin: var(--space-lg) 0;
}
.wp-block-pullquote {
  border-top: 4px solid var(--color-neon);
  border-bottom: 4px solid var(--color-neon);
  padding: var(--space-lg);
  text-align: center;
}
.wp-block-separator {
  border: none;
  height: 3px;
  background: var(--color-neon);
  margin: var(--space-xl) 0;
  opacity: 0.3;
}
.wp-block-code, pre {
  background: #1a1a1a;
  color: var(--color-neon);
  padding: var(--space-md);
  border-radius: var(--radius-md);
  overflow-x: auto;
  font-size: .88rem;
}