/* v5.8.0 conditional CSS: listing form quality/progress (v3.6) */
/* v3.6.0 — create/edit listing form quality, progress and mobile UX */
.listing-form-title{background:radial-gradient(circle at 90% 15%,#dbeafe 0,transparent 26%),linear-gradient(135deg,#fff,#f8fafc)}
.listing-form-page{position:relative}
.listing-progress{margin:0 0 20px;padding:15px 16px;background:#f8fafc;border:1px solid var(--line);border-radius:17px}
.listing-progress[hidden]{display:none!important}
.listing-progress-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.listing-progress-head strong{font-size:14px;color:#0f172a}
.listing-progress-head span{font-size:12px;color:#64748b;font-weight:800;text-align:right}
.listing-progress-track{height:8px;border-radius:999px;background:#e2e8f0;overflow:hidden}
.listing-progress-track i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2563eb,#60a5fa);transition:width .22s ease}
.listing-progress.is-complete{background:#f0fdf4;border-color:#bbf7d0}
.listing-progress.is-complete .listing-progress-track i{background:linear-gradient(90deg,#16a34a,#4ade80)}
.listing-validation-summary{display:grid;gap:4px;margin:0 0 18px;padding:14px 16px;border:1px solid #fecaca;border-radius:15px;background:#fff1f2;color:#9f1239}
.listing-validation-summary[hidden]{display:none!important}
.listing-validation-summary strong{font-size:14px}.listing-validation-summary span{font-size:13px;line-height:1.45}
.listing-enhanced-form input:required,.listing-enhanced-form select:required,.listing-enhanced-form textarea:required{border-left-width:3px}
.listing-enhanced-form input:user-invalid,.listing-enhanced-form select:user-invalid,.listing-enhanced-form textarea:user-invalid{border-color:#fda4af;background:#fff7f8}
.listing-required-mark{font-style:normal;color:#e11d48;font-weight:950}
.listing-field-hint,.listing-char-counter{display:block;margin:6px 2px 0;color:#94a3b8;font-size:11px;font-weight:700;line-height:1.45}
.listing-char-counter{text-align:right}
.listing-photo-input{padding:11px;background:#f8fafc!important;border-style:dashed!important}
.listing-photo-preview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px}
.listing-photo-preview figure{min-width:0;margin:0;padding:6px;background:#fff;border:1px solid var(--line);border-radius:13px}
.listing-photo-preview img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:9px;background:#e2e8f0}
.listing-photo-preview figcaption{margin-top:5px;color:#64748b;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.submit-required-card{border-color:#bfdbfe;background:#f8fbff}
.listing-edit-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 18px;padding:13px 16px;border:1px solid var(--line);border-radius:16px;background:#fff;color:#64748b;font-size:13px;font-weight:750}
.listing-edit-toolbar .mini-link{flex:0 0 auto}
.listing-edit-page .submit-form-shell .ad-form{padding:0;border:0;border-radius:0;box-shadow:none}
.listing-edit-page .submit-form-shell>.dashboard-box,.listing-edit-page .submit-form-shell>.ad-form{margin:0}
.listing-mobile-save{display:none}
.listing-enhanced-form .current-photo-grid{margin-bottom:14px}
.listing-enhanced-form .form-actions{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}
.listing-enhanced-form .form-actions .btn,.listing-enhanced-form button[type="submit"],.listing-enhanced-form input[type="submit"]{min-height:50px}

@media(max-width:900px){
  .listing-edit-toolbar{align-items:flex-start;flex-direction:column;gap:6px}
  .listing-photo-preview{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:620px){
  .listing-form-title p{font-size:16px}
  .listing-progress{padding:13px 14px;border-radius:15px}.listing-progress-head{align-items:flex-start;flex-direction:column;gap:3px}.listing-progress-head span{text-align:left}
  .listing-photo-preview{grid-template-columns:repeat(2,minmax(0,1fr))}
  .listing-edit-toolbar{margin-bottom:12px;padding:12px 13px;border-radius:14px}
  .listing-form-page:has(.listing-mobile-save) .submit-form-shell{padding-bottom:78px}
  .listing-mobile-save{position:fixed;display:block;left:0;right:0;bottom:0;z-index:91;padding:9px 10px calc(9px + env(safe-area-inset-bottom));background:rgba(255,255,255,.97);border-top:1px solid var(--line);box-shadow:0 -10px 30px rgba(15,23,42,.12);backdrop-filter:blur(14px)}
  .listing-mobile-save .btn{width:100%;min-height:48px}
  body:has(.listing-mobile-save) .site-footer{padding-bottom:86px}
  body:has(.listing-mobile-save) .compare-floating{bottom:84px}
  .listing-enhanced-form input,.listing-enhanced-form select,.listing-enhanced-form textarea{font-size:16px}
}