/* ========================================
   PRIVACY BADGE
   ======================================== */
.privacy-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 14px;
  border-radius: 100px;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  background: rgba(16, 185, 129, 0.12);
  color: #10b981;
  border: 1px solid rgba(16, 185, 129, 0.12);
  cursor: pointer;
  transition: all 0.2s;
  font-family: inherit;
  margin-right: 12px;
  flex-shrink: 0;
}

.privacy-badge:hover {
  background: rgba(16, 185, 129, 0.18);
  border-color: rgba(16, 185, 129, 0.2);
  transform: scale(1.02);
}

.privacy-badge i {
  font-size: 12px;
}

/* ========================================
   PRIVACY FOOTER NOTE
   ======================================== */
.privacy-note {
  text-align: center;
  padding: 12px 20px;
  font-size: 12px;
  color: var(--text-muted);
  border-top: 1px solid var(--border);
  margin-top: 20px;
}

.privacy-note p {
  margin-bottom: 4px;
}

.privacy-note .privacy-link {
  color: var(--primary);
  text-decoration: none;
  cursor: pointer;
  transition: color 0.2s;
}

.privacy-note .privacy-link:hover {
  color: var(--accent);
  text-decoration: underline;
}

.privacy-note .privacy-dot {
  display: inline-block;
  margin: 0 6px;
}

/* ========================================
   PRIVACY MODAL CONTENT
   ======================================== */
.privacy-content .privacy-section {
  background: var(--surface);
  border-radius: 8px;
  padding: 16px;
  margin-bottom: 14px;
  border-left: 3px solid var(--primary);
}

.privacy-content .privacy-section.green {
  border-left-color: #10b981;
}

.privacy-content .privacy-section.blue {
  border-left-color: var(--primary);
}

.privacy-content .privacy-section.yellow {
  border-left-color: #f59e0b;
}

.privacy-content .privacy-section.cyan {
  border-left-color: var(--accent);
}

.privacy-content .privacy-section strong {
  display: block;
  margin-bottom: 4px;
  color: var(--text);
}

.privacy-content .privacy-section p {
  font-size: 14px;
  color: var(--text-secondary);
  margin: 0;
}

.privacy-content .privacy-summary {
  background: rgba(16, 185, 129, 0.06);
  border-radius: 8px;
  padding: 14px 16px;
  border: 1px solid rgba(16, 185, 129, 0.12);
  margin-top: 4px;
}

.privacy-content .privacy-summary p {
  font-size: 13px;
  color: var(--text-secondary);
  margin: 0;
}

.privacy-content .privacy-summary strong {
  display: block;
  font-weight: 600;
  color: #10b981;
  margin-bottom: 4px;
}