/**
 * Pilbe Dashboard Overrides
 * ==========================
 * Loaded only on the Create a Listing / Edit Listing pages.
 */

/* ---- GDPR Agreement: always show full text ---- */
#hz-gdpr textarea,
#hz-gdpr textarea[readonly] {
  height: auto !important;
  min-height: 200px !important;
  max-height: none !important;
  overflow: visible !important;
  resize: none !important;
}

/* ---- AI Generate buttons ---- */
.pilbe-ai-btn-wrap {
  margin: 8px 0;
}

.pilbe-ai-generate {
  font-size: 13px;
  padding: 6px 14px;
  border-radius: 6px;
  cursor: pointer;
  transition: opacity 0.2s, box-shadow 0.2s;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  position: relative;
}

.pilbe-ai-generate:hover:not(:disabled) {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
}

.pilbe-ai-generate:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

.pilbe-ai-icon {
  flex-shrink: 0;
}

/* Loading spinner */
.pilbe-ai-loading .pilbe-ai-icon {
  animation: pilbe-spin 1s linear infinite;
}

@keyframes pilbe-spin {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}

/* Error message */
.pilbe-ai-error {
  font-size: 12px;
  color: #DC2626;
  margin-top: 4px;
  line-height: 1.4;
}

/* Regenerate link */
.pilbe-ai-regen {
  display: inline-block;
  font-size: 12px;
  color: #6B7280;
  margin-top: 4px;
  text-decoration: none;
  cursor: pointer;
  transition: color 0.2s;
}
.pilbe-ai-regen:hover {
  color: #374151;
  text-decoration: underline;
}

/* ---- AI Header banner (between Price and Title) ---- */
#pilbe-ai-header {
  margin: 0 0 4px;
}

.pilbe-ai-header-inner {
  margin: 24px 0 16px;
  padding: 16px 20px;
  background: linear-gradient(135deg, #EFF6FF, #F5F3FF);
  border-radius: 10px;
  border-left: 4px solid #1E40AF;
}

.pilbe-ai-header-title {
  font-size: 15px;
  font-weight: 600;
  color: #1E40AF;
  margin-bottom: 4px;
}

.pilbe-ai-header-text {
  font-size: 13px;
  color: #4B5563;
  line-height: 1.5;
}

/* ---- AI Success feedback ---- */
.pilbe-ai-feedback {
  font-size: 12px;
  color: #16A34A;
  margin-top: 4px;
  line-height: 1.4;
}