/* Memorial Garden Form Styles (extracted) */
* { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif; line-height:1.6; color:#333; background:#f5f5f5; padding:0; }
.container { max-width:800px; margin:20px auto; background:#fff; padding:30px; border-radius:8px; box-shadow:0 2px 10px rgba(0,0,0,.1); }
.header { text-align:center; margin-bottom:30px; padding-bottom:20px; border-bottom:2px solid #2c5aa0; }
.header h1 { color:#2c5aa0; margin-bottom:10px; font-size:2em; }
.header h2 { color:#2c5aa0; margin-bottom:5px; font-size:1.5em; }
.section-title { color:#2c5aa0; margin-bottom:15px; font-size:1.4em; font-weight:700; }
.form-section { margin-bottom:30px; padding:20px; background:#f9f9f9; border-radius:5px; }
.form-section h2 { color:#2c5aa0; margin-bottom:15px; font-size:1.4em; }
.form-group { margin-bottom:15px; }
label { display:block; margin-bottom:5px; font-weight:600; color:#555; }
input[type=text],input[type=email],input[type=tel],input[type=date],input[type=number],select,textarea { width:100%; padding:10px 12px; border:1px solid #ddd; border-radius:4px; font-size:14px; background:#fff; transition:border-color .3s; }
input:focus,textarea:focus,select:focus { outline:none; border-color:#2c5aa0; box-shadow:0 0 0 2px rgba(44,90,160,.1); }
textarea { min-height:80px; resize:vertical; }
.two-column { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.radio-group, .checkbox-group { margin:10px 0; }
.radio-group input[type=radio], .checkbox-group input[type=checkbox]{ width:auto; margin-right:8px; }
.radio-group label, .checkbox-group label { display:inline; margin-right:20px; font-weight:400; cursor:pointer; }
.btn-primary { background:#2c5aa0; color:#fff; padding:15px 40px; font-size:16px; border:none; border-radius:5px; cursor:pointer; width:100%; max-width:400px; margin:0 auto; display:block; transition:background-color .3s; }
.btn-primary:hover { background:#1e3d6f; }
.btn-primary:disabled { background:#ccc; cursor:not-allowed; }
.required { color:red; }
.fee-display { background:#e8f0ff; padding:20px; border-radius:5px; margin:15px 0; text-align:center; border:2px solid #2c5aa0; }
.fee-display h3 { color:#2c5aa0; margin-bottom:10px; font-size:1.3em; }
.fee-amount { font-size:2em; font-weight:700; color:#2c5aa0; margin:10px 0; }
.fee-note { font-style:italic; color:#666; margin-top:10px; }
.policy-note { background:#fff3cd; border:1px solid #ffeaa7; padding:15px; border-radius:5px; margin:15px 0; }
.policy-note h3 { color:#856404; margin-bottom:10px; }
.historic-note { background:#f8f9fa; border:1px solid #dee2e6; padding:15px; border-radius:5px; margin:20px 0; text-align:center; font-style:italic; }
.payment-section { background:#f0f8ff; padding:15px; border-radius:5px; margin:15px 0; }
.payment-info-display { background:#f8f9fa; padding:15px; border-radius:5px; margin-top:15px; border-left:4px solid #2c5aa0; }
.payment-option { background:#fff; padding:12px; margin:8px 0; border-radius:4px; border:1px solid #dee2e6; }
#memberDetails { margin-top:15px; padding:15px; background:#f8f9fa; border-radius:5px; border-left:4px solid #2c5aa0; display:none; }
/* #feeDisplay - removed inline display:none, using .hidden class instead */
#prepaymentSection { margin-top:15px; padding:15px; background:#f0f8ff; border-radius:5px; border-left:4px solid #2c5aa0; }
.service-planning-section { background:#f0f8ff; border-left:4px solid #2c5aa0; display:none; }
.celebrant-info { background:#e8f0ff; padding:12px; border-radius:4px; margin-top:10px; font-size:.9em; color:#555; }
.loading { display:none; text-align:center; padding:20px; }
.loading::after { content:""; display:inline-block; width:20px; height:20px; border:3px solid #f3f3f3; border-top:3px solid #2c5aa0; border-radius:50%; animation:spin 1s linear infinite; }
@keyframes spin { 0% { transform:rotate(0deg);} 100% { transform:rotate(360deg);} }
.success-message { display:none; background:#d4edda; border:1px solid #c3e6cb; color:#155724; padding:20px; border-radius:5px; margin:20px 0; text-align:center; }
.error-message { display:none; background:#f8d7da; border:1px solid #f5c6cb; color:#721c24; padding:20px; border-radius:5px; margin:20px 0; text-align:center; }
.thank-you-page { display:none; }
.checkmark { display:inline-block; width:80px; height:80px; background:#28a745; border-radius:50%; margin:20px auto; position:relative; }
.checkmark::after { content:'\2713'; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); color:#fff; font-size:50px; font-weight:700; }
.submission-details { background:#f8f9fa; padding:20px; border-radius:8px; margin:20px 0; border-left:4px solid #2c5aa0; }
.submission-details h3 { color:#2c5aa0; margin-bottom:15px; }
.detail-row { display:flex; justify-content:space-between; padding:8px 0; border-bottom:1px solid #e9ecef; }
.detail-row:last-child { border-bottom:none; }
.detail-label { font-weight:600; color:#555; }
.detail-value { color:#333; }
.next-steps { background:#e8f0ff; padding:25px; border-radius:8px; margin:25px 0; }
.next-steps h3 { margin-bottom:20px; font-size:1.4em; }
.step { display:flex; margin-bottom:20px; }
.step-number { background:#2c5aa0; color:#fff; width:30px; height:30px; border-radius:50%; display:flex; align-items:center; justify-content:center; margin-right:15px; flex-shrink:0; font-weight:700; }
.step-content h4 { color:#2c5aa0; margin-bottom:5px; }
.step-content p { color:#666; margin:0; }
.timeline { background:#fff3cd; border:1px solid #ffeaa7; padding:20px; border-radius:8px; margin:20px 0; }
.timeline h3 { color:#856404; margin-bottom:15px; }
.timeline-item { margin-bottom:15px; padding-left:20px; position:relative; }
.timeline-item::before { content:'\2022'; position:absolute; left:0; color:#856404; font-size:20px; }
.contact-info-box { background:#f8f9fa; padding:20px; border-radius:8px; margin:20px 0; text-align:center; }
.contact-info-box h4 { color:#2c5aa0; margin-bottom:15px; }
.contact-method { margin:10px 0; }
.btn-secondary { background:#6c757d; color:#fff; padding:12px 30px; font-size:16px; border:none; border-radius:5px; cursor:pointer; text-decoration:none; display:inline-block; margin:10px; transition:background-color .3s; }
.btn-secondary:hover { background:#545b62; }
/* Accessibility utility */
.sr-only { position:absolute !important; width:1px !important; height:1px !important; padding:0 !important; margin:-1px !important; overflow:hidden !important; clip:rect(0 0 0 0) !important; border:0 !important; }
.hidden { display:none !important; }
@media (max-width:600px){ .two-column{ grid-template-columns:1fr;} .container{ padding:20px;} .detail-row{ flex-direction:column;} .detail-label{ margin-bottom:5px;} }
/* End extracted styles */