/*
Theme Name: OceanWP Child
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme example child theme.
Author: Nick
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */


#sitewide-announcement {text-align: center; margin: 10px auto} /* Sitewide announcement we setup in ACF */

/* ===== Boneyard Inventory module ===== */
/* Minimal/restrained per Chris's direction — no brand styling applied yet, revisit later if needed. */
/* .pfb-wrap intentionally has no max-width/side-padding of its own — it nests inside
   OceanWP's own #content-wrap.container, which already provides the site's standard
   margins. Adding width constraints here would double up against that. */

.pfb-wrap {padding: 40px 0}
.pfb-page-title {font-size: 28px; font-weight: 600; margin-bottom: 8px}
.pfb-subtitle {color: #666; margin-bottom: 24px}
.pfb-empty-state {padding: 40px; text-align: center; background: #f7f7f7; border-radius: 8px; color: #666}

.pfb-grid {display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 24px; margin-top: 24px}

.pfb-card {
	border: 1px solid #e2e2e2;
	border-radius: 12px;
	overflow: hidden;
	background: #fff;
	display: flex;
	flex-direction: column;
	box-shadow: 0 1px 3px rgba(0,0,0,0.06);
	transition: box-shadow 0.15s ease, transform 0.15s ease;
}
.pfb-card:hover {box-shadow: 0 4px 14px rgba(0,0,0,0.1); transform: translateY(-2px)}

.pfb-card-photo {position: relative; aspect-ratio: 4/3; background: #f0f0f0; border-bottom: 1px solid #eee}
.pfb-card-photo img {width: 100%; height: 100%; object-fit: cover; display: block}
.pfb-photo-placeholder {width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; color: #999; font-size: 14px; letter-spacing: 0.02em}

.pfb-card-body {padding: 18px; display: flex; flex-direction: column; gap: 10px; flex-grow: 1}
.pfb-card-title {font-size: 17px; font-weight: 600; margin: 0; line-height: 1.3}

.pfb-card-meta {display: flex; gap: 6px; flex-wrap: wrap}
.pfb-tag {font-size: 12px; font-weight: 500; padding: 4px 10px; background: #eef1f4; border-radius: 20px; color: #444}

.pfb-card-desc {font-size: 14px; color: #555; margin: 0; line-height: 1.5}

.pfb-card-specs {
	font-size: 13px;
	color: #777;
	margin: 0;
	padding-top: 10px;
	border-top: 1px solid #f0f0f0;
}

.pfb-claimed-info {font-size: 13px; color: #a15c00; background: #fff6e6; padding: 8px 12px; border-radius: 6px; margin: 0}

.pfb-badge {position: absolute; top: 12px; left: 12px; font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.03em; padding: 4px 10px; border-radius: 20px; color: #fff; box-shadow: 0 1px 3px rgba(0,0,0,0.2)}
.pfb-badge-available {background: #2e8b57}
.pfb-badge-claimed {background: #d98c00}
.pfb-badge-sold {background: #555}
.pfb-badge-scrapped {background: #a33}

.pfb-btn {padding: 9px 18px; border-radius: 6px; border: 1px solid #ccc; background: #fff; font-size: 14px; font-weight: 500; cursor: pointer; margin-top: auto}
.pfb-btn:hover:not(:disabled) {background: #f5f5f5}
.pfb-btn:disabled {opacity: 0.5; cursor: not-allowed}
.pfb-btn-claim {background: #2e8b57; color: #fff; border-color: #2e8b57; width: 100%}
.pfb-btn-cancel {color: #a33; border-color: #a33}
.pfb-btn-delete {background: #c0392b; color: #fff; border-color: #c0392b; font-weight: 600}
.pfb-btn-delete:hover:not(:disabled) {background: #a5301f; border-color: #a5301f}

.pfb-claims-list {display: flex; flex-direction: column; gap: 14px; margin-top: 20px}
.pfb-claim-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border: 1px solid #e2e2e2;
	border-radius: 12px;
	padding: 20px 24px;
	background: #fff;
	gap: 24px;
	flex-wrap: wrap;
	box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}
.pfb-claim-info h3 {margin: 0 0 8px; font-size: 17px}
.pfb-claim-info p {margin: 3px 0; font-size: 14px; color: #555}
.pfb-claim-actions {display: flex; gap: 10px; flex-shrink: 0}

.pfb-history-table {width: 100%; border-collapse: collapse; background: #fff; margin-top: 20px; border-radius: 10px; overflow: hidden; box-shadow: 0 1px 3px rgba(0,0,0,0.06)}
.pfb-history-table th, .pfb-history-table td {text-align: left; padding: 12px 16px; border-bottom: 1px solid #eee; font-size: 14px}
.pfb-history-table th {background: #f7f7f7; font-weight: 600; font-size: 13px; text-transform: uppercase; letter-spacing: 0.02em; color: #555}
.pfb-history-table tbody tr:hover {background: #fafafa}
.pfb-outcome {font-size: 12px; font-weight: 600; padding: 3px 10px; border-radius: 10px; background: #eee}
.pfb-outcome-expired {background: #fde3e3; color: #a33}
.pfb-outcome-claimed {background: #e3f3e9; color: #2e8b57}
.pfb-outcome-extended {background: #fff6e6; color: #a15c00}
.pfb-outcome-cancelled, .pfb-outcome-overridden {background: #eee; color: #555}
.pfb-outcome-converted {background: #e6eefc; color: #345}

/* ===== Boneyard Edit Item form ===== */

.pfb-btn-edit {color: #345; border-color: #345; text-decoration: none; display: inline-block; text-align: center}

.pfb-notice {padding: 12px 16px; border-radius: 8px; margin-bottom: 20px; font-size: 14px}
.pfb-notice-success {background: #e3f3e9; color: #1e6b3e}
.pfb-notice-error {background: #fde3e3; color: #a33}

.pfb-edit-form {background: #fff; border: 1px solid #e2e2e2; border-radius: 12px; padding: 28px; max-width: 700px; box-shadow: 0 1px 3px rgba(0,0,0,0.06)}
.pfb-form-row {margin-bottom: 20px}
.pfb-form-row label {display: block; font-weight: 600; font-size: 14px; margin-bottom: 6px; color: #333}
.pfb-form-row input[type="text"],
.pfb-form-row input[type="number"],
.pfb-form-row input[type="file"],
.pfb-form-row textarea,
.pfb-form-row select {
	width: 100%;
	padding: 10px 12px;
	border: 1px solid #ccc;
	border-radius: 6px;
	font-size: 14px;
	font-family: inherit;
}
.pfb-form-row textarea {resize: vertical}
.pfb-form-row-split {display: grid; grid-template-columns: 1fr 1fr; gap: 20px}
.pfb-field-hint {font-size: 12px; color: #888; margin: 6px 0 0}
.pfb-current-photo {max-width: 200px; border-radius: 8px; display: block; margin-bottom: 10px; border: 1px solid #eee}
.pfb-form-actions {display: flex; gap: 10px; margin-top: 24px}

.pfb-danger-zone {margin-top: 32px; padding: 20px 24px; border: 1px solid #f3c9c9; background: #fef7f7; border-radius: 12px; max-width: 700px}
.pfb-danger-zone h2 {font-size: 16px; color: #a33; margin: 0 0 8px}
.pfb-danger-zone p {font-size: 14px; color: #666; margin: 0 0 14px}

.pfb-required-mark {color: #a33; font-weight: 500; font-size: 12px}