/**
 * GhostTrap Frontend CSS - Minimal Comment Form Styling
 * FILE: assets/css/ghosttrap-frontend.css
 * 
 * Essential styles for GhostTrap spam protection comment form elements.
 * Loaded only on frontend pages with active comment forms for optimal performance.
 * 
 * @package GhostTrap
 * @subpackage Frontend/Assets
 * @since 1.0.1
 */

/* =============================================================================
   Comment Form Protection Elements
   ============================================================================= */

.ghosttrap-group--clearfix {
  clear: both;
}

.ghosttrap-group--hidden {
  display: none;
}

/* =============================================================================
   JavaScript Requirement Messages
   ============================================================================= */

.ghosttrap-js-fallback {
  padding: 15px;
  background: #fff3cd;
  border: 1px solid #ffeaa7;
  border-radius: 4px;
  margin: 10px 0;
  color: #856404;
}

.ghosttrap-js-required-message {
  padding: 20px;
  background: #f9f9f9;
  border: 1px solid #dcdcde;
  border-radius: 6px;
  margin: 15px 0;
  text-align: center;
}

.ghosttrap-js-required-title {
  margin-top: 0;
  color: #d63638;
}

.ghosttrap-js-required-text {
  margin-bottom: 0;
  color: #646970;
}

.ghosttrap-js-required-note {
  margin-bottom: 0;
  font-size: 13px;
  color: #8c8f94;
}