/**
 * Form Styles
 *
 * Selectors preserved for theme customization.
 * CSS declarations removed to let the theme handle styling.
 *
 * @package Rowland_Brothers_EFD
 * @since 1.0.0
 */

/* ============================================
   Form Container
   ============================================ */
.efd-condolence-form-wrapper,
.efd-attendance-form-wrapper {
}

.efd-form-title {
}

.efd-attendance-intro {
}

/* ============================================
   Form Groups
   ============================================ */
.efd-form-group {
}

.efd-form-label {
}

.efd-required {
}

.efd-optional {
}

/* ============================================
   Form Inputs
   ============================================ */
.efd-form-input,
.efd-form-textarea {
}

.efd-form-input:focus,
.efd-form-textarea:focus {
}

.efd-form-input::placeholder,
.efd-form-textarea::placeholder {
}

.efd-form-textarea {
}

/* Input states */
.efd-form-input.efd-input--error,
.efd-form-input.efd-input--error:focus,
.efd-form-textarea.efd-input--error,
.efd-form-textarea.efd-input--error:focus {
	border-color: #dc3545;
	outline: 2px solid #dc3545;
}

.efd-form-input.efd-input--success,
.efd-form-textarea.efd-input--success {
}

/* ============================================
   Form Hints & Errors
   ============================================ */
.efd-form-hint {
}

.efd-form-error {
	display: block;
	color: #dc3545;
	font-size: 0.875em;
	font-weight: bold;
	text-align: left;
	margin-bottom: 4px;
}

.efd-char-count {
}

/* ============================================
   Image Upload
   ============================================ */
.efd-image-group {
}

.efd-form-file {
}

/* ============================================
   Candle Selection
   ============================================ */
.efd-candle-group {
	margin-bottom: 20px;
}

.efd-candle-options {
	display: flex;
	gap: 1rem;
	justify-content: center;
	flex-wrap: wrap;
}

.efd-candle-option {
	background: transparent;
	border: 2px solid transparent;
	padding: 0.5rem;
	cursor: pointer;
	transition: all 0.2s ease;
	border-radius: 8px;
}

.efd-candle-option:hover {
	border-color: rgba(0, 50, 103, 0.3);
	transform: scale(1.05);
}

.efd-candle-option:focus {
	outline: 2px solid #003267;
	outline-offset: 2px;
}

.efd-candle-option[aria-pressed="true"],
.efd-candle-option.efd-candle-option--selected {
	border-color: #003267;
}

.efd-candle-svg-wrapper {
	width: 80px;
	height: 80px;
	display: flex;
	align-items: center;
	justify-content: center;
	pointer-events: none;
}

.efd-candle-svg-wrapper svg {
	width: 80px;
	height: 80px;
	pointer-events: none;
}

/* ============================================
   Honeypot (hidden)
   ============================================ */
.efd-honeypot {
	position: absolute;
	left: -9999px;
	opacity: 0;
	pointer-events: none;
}

/* ============================================
   Form Actions
   ============================================ */
.efd-form-actions {
}

.efd-submit-btn {
}

.efd-submit-btn:disabled {
}

.efd-btn-loading {
}

.efd-spinner {
	display: inline-block;
	width: 18px;
	height: 18px;
	border: 2px solid currentColor;
	border-top-color: transparent;
	border-radius: 50%;
	animation: efd-spin 0.8s linear infinite;
}

@keyframes efd-spin {
	to {
		transform: rotate(360deg);
	}
}

.efd-form-note {
}

/* ============================================
   Form Messages
   ============================================ */
.efd-form-message {
	align-items: flex-start;
	gap: 10px;
	padding: 14px 16px;
	border-radius: 4px;
	margin-top: 16px;
}

.efd-form-message svg {
	flex-shrink: 0;
	margin-top: 2px;
}

.efd-form-message p {
	margin: 0;
}

.efd-msg-hidden {
	display: none !important;
}

.efd-form-message--success {
	display: flex;
	background-color: #d4edda;
	color: #155724;
	border: 1px solid #c3e6cb;
}

.efd-form-message--error {
	display: flex;
	background-color: #f8d7da;
	color: #721c24;
	border: 1px solid #f5c6cb;
}

/* ============================================
   Condolences List
   ============================================ */
.efd-condolences-list {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.efd-condolences-heading {
	display:none;
}

.efd-condolences-items {
	width:100%;
	display: flex;
	flex-direction: column;
	gap: 2rem;
}

.efd-condolence-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	padding: 2rem 1.5rem;
	background: rgba(255, 255, 255, 0.5);
}

.efd-condolence-item--pending {
}

.efd-condolence-candle {
	width: 85px;
	height: 85px;
	border-radius: 50%;
	/* border: 2px solid; */
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: .25rem;
}

.efd-candle-image {
	max-width: 90%;
	height: auto;
	object-fit: contain;
}

.efd-condolence-content {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.efd-condolence-header {
}

.efd-condolence-name {
}

.efd-condolence-date {
}

.efd-condolence-status {
}

.efd-status {
}

.efd-status--pending {
}

.efd-status--rejected {
}

.efd-condolence-message {
	text-align: center;
	max-width: 800px;
}

.efd-condolence-message p {
		text-align: center;
	padding:20px 0 0 0 ;
}

.efd-condolence-message p:last-child {
}

.efd-no-condolences {
	text-align: center;
	padding:20px 0 0 0 ;
	width:100%;
}

.efd-no-condolences p {
	text-align: center;
}	
.efd-condolences-pagination {
}

.efd-pagination-info {
}

/* ============================================
   Buttons (shared)
   ============================================ */
.efd-btn {
}

.efd-btn--primary {
}

.efd-btn--primary:hover {
}

.efd-btn--secondary {
}

.efd-btn--secondary:hover {
}

.efd-btn--gold {
}

.efd-btn--gold:hover {
}

.efd-btn:focus {
}

/* ============================================
   Responsive Design
   ============================================ */
@media (max-width: 599px) {
	.efd-form-input,
	.efd-form-textarea {
	}

	.efd-candle-options {
	}

	.efd-candle-option {
	}

	.efd-condolences-items {
	}

	.efd-condolence-item {
	}

	.efd-condolence-candle {
	}

	.efd-candle-image {
	}

	.efd-condolence-name {
	}

	.efd-condolence-header {
	}

	.efd-submit-btn {
	}
}

/* ============================================
   Accessibility
   ============================================ */
.screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* High contrast mode */
@media (prefers-contrast: high) {
	.efd-form-input,
	.efd-form-textarea {
	}

	.efd-candle-option {
	}
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
	.efd-spinner {
		animation: none;
	}

	.efd-form-input,
	.efd-form-textarea,
	.efd-candle-option,
	.efd-btn {
	}
}