/* Minimal styles for Horse Sales form and list */
.hs-form { max-width: 700px; }
.hs-form input, .hs-form textarea { width: 100%; margin-bottom: 8px; }
.hs-form input[type="radio"], .hs-form input[type="checkbox"] { width: auto; display: inline-block; margin-bottom: 0; }
/* Auto-resize description textarea */
.hs-form textarea[name="description"] { min-height: 120px; overflow: hidden; resize: none; }

/* List grid and cards */
.hs-grid { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 16px; }
.hs-item { background: #0f0f10; border: 1px solid rgba(255,255,255,0.06); padding: 16px; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.4); color: #ddd; }
.hs-meta h3 { margin: 0 0 8px 0; font-size: 1.25rem; color: #fff; }
.hs-thumb img { width: 100%; height: auto; border-radius: 6px; display:block; margin-bottom: 8px; }
.hs-price { font-weight: 600; color: #e6f7ff; margin-bottom: 8px; }
.hs-desc { margin-bottom: 8px; color: #dfefff; }
.hs-breed, .hs-age { color: #cfd8e6; margin-bottom: 6px; }
.hs-gender, .hs-withers { color: #e6f7ff; }
.hs-gender, .hs-withers { color: #e6f7ff; margin-bottom: 6px; }
.hs-owner-actions-buttons { display:flex; gap:8px; }
.hs-owner-actions .button { background:#fff; color:#111; border:0; padding:6px 10px; border-radius:4px; cursor:pointer; }
.hs-status { color:#9fb3c8; font-size:0.95rem; }
.hs-list-actions { margin: 0 0 14px 0; }
.hs-logout-btn { display: inline-block; }
.hs-login-wrap { max-width: 420px; }
.hs-login-wrap form p { margin-bottom: 10px; }

@media (max-width:600px) {
	.hs-grid { grid-template-columns: 1fr; }
}

/* Carousel */
.hs-carousel { position: relative; overflow: hidden; border-radius:6px; margin-bottom:8px; }
.hs-carousel-track { text-align:center; }
.hs-carousel-track img { max-width:100%; height:auto; display:inline-block; }
.hs-carousel-controls { text-align:center; margin-top:8px; }
.hs-carousel-controls button { background: rgba(0,0,0,0.6); color:#fff; border:0; padding:6px 10px; border-radius:4px; cursor:pointer; margin:0 6px; }
.hs-carousel-controls button:focus { outline: 2px solid rgba(255,255,255,0.6); }

/* Form tweaks for withers fields */
.hs-form p.hs-withers label { display:block; }
.hs-form .hs-withers-inline { margin-top:8px; display:flex; flex-direction:column; gap:8px; align-items:flex-start; width:100%; padding-left:0; box-sizing:border-box; }
.hs-form .hs-withers-inline-item { display:flex; align-items:center; gap:8px; cursor:pointer; color:#ddd; justify-content:flex-start; text-align:left; width:100%; }
.hs-form .hs-withers-inline-item input[type="radio"] { margin:0 8px 0 0; order:0; flex:0 0 auto; }
.hs-form .hs-withers-break { display:block; }
.hs-form input[type="number"] { max-width:240px; }

/* Lightbox / modal */
.hs-lightbox-overlay { position: fixed; inset: 0; background: rgba(0,0,0,0.8); display: flex; align-items: center; justify-content: center; z-index: 99999; }
.hs-lightbox-content { position: relative; max-width: 95vw; max-height: 95vh; }
.hs-lightbox-content img { display: block; max-width: 100%; max-height: 100%; object-fit: contain; border-radius: 6px; }
.hs-lightbox-close { position: absolute; top: -10px; right: -10px; background: #fff; color:#111; border-radius:50%; width:36px; height:36px; display:flex; align-items:center; justify-content:center; font-size:18px; cursor:pointer; box-shadow: 0 2px 6px rgba(0,0,0,0.4); }
.hs-lightbox-close:focus { outline: 2px solid #000; }

@media (max-width: 420px) {
	.hs-lightbox-close { width:32px; height:32px; font-size:16px; }
}

/* Make all meta labels consistent color */
.hs-meta strong { color: #e6f7ff; }

/* Ensure filled values use the same highlight color */
.hs-gender, .hs-withers { color: #e6f7ff; }

/* Form error/message styling */
#hs-form-msg { color: #ff4d4d; font-weight: 700; margin-bottom: 10px; display:block; }