/**
 * BHUTAN AUTO FORMATTER - WORDPRESS PLUGIN
 * CSS Styling for auto-formatted content
 */

/* Bold text (1st occurrence) */
strong {
  font-weight: 700;
  color: inherit;
}

/* Italic text (2nd occurrence) */
em {
  font-style: italic;
  color: inherit;
}

/* Uppercase with highlight (3rd+ occurrence) */
mark.bhutan-highlight {
  background-color: #FFD700;
  color: #000;
  padding: 2px 4px;
  border-radius: 3px;
  font-weight: 500;
  letter-spacing: 0.5px;
  transition: all 0.2s ease;
}

mark.bhutan-highlight:hover {
  background-color: #FFC700;
  box-shadow: 0 2px 4px rgba(255, 215, 0, 0.3);
}

/* Responsive design */
@media (max-width: 768px) {
  mark.bhutan-highlight {
    padding: 1px 3px;
    font-size: inherit;
  }
}

/* Print styles */
@media print {
  mark.bhutan-highlight {
    background-color: transparent;
    color: #000;
  }
}