/* WP Volunteer Tasks — front-end styles. Deliberately lightweight so themes win. */

.wpvt-board__title { margin: 0 0 1rem; }

.wpvt-cards {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
	gap: 1.25rem;
}

.wpvt-card {
	border: 1px solid rgba(0,0,0,.12);
	border-radius: 10px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	background: #fff;
}
.wpvt-card--full { opacity: .72; }
.wpvt-card__media img,
.wpvt-card__img { width: 100%; height: 160px; object-fit: cover; display: block; }
.wpvt-card__body { padding: .9rem 1rem; display: flex; flex-direction: column; gap: .5rem; flex: 1; }
.wpvt-card__title { margin: 0; font-size: 1.05rem; line-height: 1.3; }
.wpvt-card__title a { text-decoration: none; }
.wpvt-card__desc { margin: 0; font-size: .9rem; opacity: .8; flex: 1; }
.wpvt-card__foot { display: flex; align-items: center; justify-content: space-between; gap: .5rem; margin-top: .25rem; }

.wpvt-chip {
	display: inline-block;
	font-size: .72rem;
	text-transform: uppercase;
	letter-spacing: .03em;
	padding: 2px 8px;
	border-radius: 6px;
	background: rgba(0,0,0,.06);
}

.wpvt-meta { font-size: .8rem; opacity: .7; margin: 0; }

.wpvt-badge {
	display: inline-block;
	font-size: .72rem;
	padding: 2px 8px;
	border-radius: 6px;
	background: rgba(0,0,0,.08);
}
.wpvt-badge--full { background: #e1f5ee; color: #0f6e56; }

.wpvt-btn {
	display: inline-block;
	background: #185fa5;
	color: #fff;
	border: none;
	border-radius: 6px;
	padding: .55rem 1.1rem;
	font-size: .95rem;
	cursor: pointer;
	text-decoration: none;
}
.wpvt-btn:hover { background: #0c447c; color: #fff; }
.wpvt-btn--small { padding: .3rem .75rem; font-size: .82rem; }
.wpvt-btn--danger { background: #a32d2d; }
.wpvt-btn--danger:hover { background: #791f1f; }

.wpvt-single { max-width: 720px; }
.wpvt-back { text-decoration: none; font-size: .9rem; }
.wpvt-task-head h2 { margin: .35rem 0; }
.wpvt-task-photo img { max-width: 100%; height: auto; border-radius: 10px; margin: .75rem 0; }
.wpvt-task-desc { margin: .5rem 0 1rem; }

.wpvt-formcard {
	border: 1px solid rgba(0,0,0,.12);
	border-radius: 10px;
	padding: 1.1rem 1.25rem;
	margin-top: 1.25rem;
	background: #fff;
}
.wpvt-formcard h3 { margin-top: 0; }
.wpvt-form label { display: block; font-size: .9rem; }
.wpvt-form input[type=text],
.wpvt-form input[type=email],
.wpvt-form select,
.wpvt-form textarea { width: 100%; padding: .5rem; margin-top: .25rem; box-sizing: border-box; }
.wpvt-grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
@media (max-width: 480px) { .wpvt-grid2 { grid-template-columns: 1fr; } }

.wpvt-consent label { display: flex; gap: .5rem; align-items: flex-start; font-size: .85rem; }
.wpvt-consent input { margin-top: .3rem; }
.wpvt-fineprint { font-size: .8rem; opacity: .65; }

/* Honeypot — visually hidden but still in the DOM for bots. */
.wpvt-hp {
	position: absolute !important;
	left: -9999px !important;
	width: 1px; height: 1px; overflow: hidden;
}

.wpvt-notice { padding: .7rem 1rem; border-radius: 8px; margin: 0 0 1rem; font-size: .92rem; }
.wpvt-notice--success { background: #e1f5ee; color: #0f6e56; }
.wpvt-notice--error { background: #fcebeb; color: #a32d2d; }
.wpvt-notice--info { background: #e6f1fb; color: #0c447c; }

.wpvt-volunteers { list-style: none; padding: 0; }
.wpvt-volunteers li { padding: .6rem 0; border-bottom: 1px solid rgba(0,0,0,.08); }

.wpvt-thread { display: flex; flex-direction: column; gap: .75rem; }
.wpvt-update { border: 1px solid rgba(0,0,0,.12); border-radius: 8px; padding: .7rem .9rem; }
.wpvt-update__head { display: flex; justify-content: space-between; align-items: center; margin-bottom: .25rem; }
.wpvt-update p { margin: .25rem 0 0; font-size: .92rem; }

.wpvt-empty { opacity: .7; }