/**
 * GhostTrap Admin Notifications CSS - Minimal Styling
 * FILE: assets/css/ghosttrap-notifications.css
 * 
 * Lightweight CSS for GhostTrap admin notifications that appear throughout
 * the WordPress admin area. Optimized for performance with only essential
 * styles needed for proper notification display and user experience.
 * 
 * @package GhostTrap
 * @subpackage Admin/Assets
 * @since 1.0.1
 */

/* =============================================================================
   Admin Notice Border Colors - Proper Specificity Override
   ============================================================================= */

.notice.notice-info.ghosttrap-admin-notice {
  border-left-color: #2271b1;
}

.notice.notice-info.ghosttrap-review-notice {
  border-left-color: #d63638;
}

/* =============================================================================
   Notification Layout Components
   ============================================================================= */

.ghosttrap-notice-flex {
  display: flex;
  align-items: center;
  padding: 5px 0;
}

.ghosttrap-notice-large {
  margin: 10px 0;
}

/* =============================================================================
   Notification Badge
   ============================================================================= */

.ghosttrap-notice-badge {
  background: #d63638;
  color: white;
  border-radius: 50%;
  padding: 2px 6px;
  margin-left: 8px;
  margin-right: 20px;
  font-size: 11px;
  font-weight: bold;
}

/* =============================================================================
   Icon Sizing for Notifications
   ============================================================================= */

.ghosttrap-icon--large {
  width: 50px;
  height: 50px;
  margin-right: 15px;
  flex-shrink: 0;
}

.ghosttrap-icon--medium {
  width: 40px;
  height: 40px;
  margin-right: 8px;
  flex-shrink: 0;
}

.ghosttrap-icon--admin-bar {
  width: 20px;
  height: 20px;
  vertical-align: middle;
  margin-right: 6px;
}

/* Higher specificity for admin bar context */
#wpadminbar .ab-item img.ghosttrap-icon--admin-bar {
  width: 20px;
  height: 20px;
  vertical-align: middle;
  margin-right: 6px;
}

/* Even higher specificity if needed */
#wpadminbar #wp-admin-bar-ghosttrap-stats .ab-item img.ghosttrap-icon--admin-bar {
  width: 20px;
  height: 20px;
  vertical-align: middle;
  margin-right: 6px;
}

/* =============================================================================
   Notification Text Styling - Proper Specificity Override
   ============================================================================= */

.ghosttrap-text-warning {
  color: #d63638;
}

/* Use higher specificity selectors to override WordPress notice defaults */
.notice.ghosttrap-admin-notice .ghosttrap-notice-flex p.ghosttrap-text-no-margin {
  margin: 0;
  padding: 0;
  font-size: 14px;
}

.notice.ghosttrap-admin-notice .ghosttrap-notice-flex p.ghosttrap-text-meta-spaced {
  margin: 0;
  padding: 0;
  font-size: 13px;
  color: #646970;
}

.notice.ghosttrap-review-notice .ghosttrap-notice-flex p.ghosttrap-text-no-margin {
  margin: 0;
  padding: 0;
  font-size: 14px;
}

.notice.ghosttrap-review-notice .ghosttrap-notice-flex p.ghosttrap-text-meta-spaced {
  margin: 0;
  padding: 0;
  font-size: 13px;
  color: #646970;
}

/* =============================================================================
   Button and Link Spacing
   ============================================================================= */

.ghosttrap-button-spaced-large {
  margin-left: 15px;
}

.ghosttrap-link-spaced {
  margin-left: 8px;
}