/* My Pods dashboard — ported from snippet #26 (ACF forms CSS v2). */

/* Inline bag tally section */
.inline-bag-tally { position: relative; margin-bottom: 10px; transition: all 0.3s ease; }
.inline-bag-tally .bag-tally-form {
	max-height: 0; opacity: 0; overflow: hidden;
	transition: max-height 0.4s ease, opacity 0.4s ease;
	display: flex; gap: 10px; align-items: center;
}
.inline-bag-tally.open .bag-tally-form { max-height: 60px; opacity: 1; }
.inline-bag-tally .mbp-tally { transition: opacity 0.2s ease; }
.inline-bag-tally.open .mbp-tally { opacity: 0.25; }
.inline-bag-tally .bag-tally-input {
	font-size: 1rem; padding: 4px; width: 80px;
	transform: scale(0.95); transition: transform 0.2s ease;
}
.inline-bag-tally.open .bag-tally-input { transform: scale(1); }

/* Spinner animation */
.saving-spinner {
	display: none; width: 16px; height: 16px;
	border: 2px solid #ccc; border-top: 2px solid #333; border-radius: 50%;
	animation: spin 0.8s linear infinite;
}
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

/* Success tick hidden until activated */
.success-tick { opacity: 0; font-size: 18px; margin-left: 5px; transition: opacity 0.2s ease-in-out; }
.success-tick.visible { opacity: 1; }

/* Full form transition */
.edit-form-container {
	max-height: 0; opacity: 0; overflow: hidden;
	transition: max-height 0.4s ease, opacity 0.4s ease;
}
.edit-form-container.open { max-height: none; opacity: 1; overflow: visible; }

/* The edit-pod toggle now lives in the flex .mbp-pod-top row and is styled by .mbp-btn (mbp-ui.css);
 * it must NOT be position:absolute (it would escape the card and overlap the page header's Create button). */

/* Submit button area */
.pod-cancel-button { background: #ddd; color: #333; border: none; padding: 8px 14px; border-radius: 4px; cursor: pointer; }
.pod-cancel-button:hover { background: #ccc; }

/* Save button for bag tally */
.save-tally-button { padding: 4px 10px; background: #0073aa; color: white; border: none; border-radius: 3px; cursor: pointer; }
.save-tally-button:hover { background: #005d8f; }

/* Inline save feedback for the bag tally (replaces the old alert()). */
.mbp-ui .bag-tally-msg { font-size: 0.85rem; }
.mbp-ui .bag-tally-msg.err { color: var(--mbp-danger); }