:root { --marriage-biodata-accent:#4361ee;--marriage-biodata-accent-deep:#3a56d4;--marriage-biodata-accent-light:#d8e6fc;--marriage-biodata-header-text:#1e293b;--marriage-biodata-body-text:#2b2d42;--marriage-biodata-success:#2ecc71;--marriage-biodata-success-deep:#27ae60;--marriage-biodata-danger:#e74c3c;--marriage-biodata-danger-deep:#f3331d;--marriage-biodata-warning:#f5c228;--marriage-biodata-warning-deep:#f3ba0e;--marriage-biodata-info-color:#17a2b8;--marriage-biodata-white:#ffffff;--marriage-biodata-bg:#f8f9fa;--marriage-biodata-border-color:#e0e3e7;--marriage-biodata-border-radius:5px;--marriage-biodata-box-shadow:rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;--marriage-biodata-transition:all 0.2s ease;--marriage-biodata-width:900px;} .marriage-biodata-container-wrapper { width:100%;background-color:var(--marriage-biodata-white);border:1px solid var(--marriage-biodata-border-color);border-radius:var(--marriage-biodata-border-radius);box-shadow:var(--marriage-biodata-box-shadow);padding:25px;} .marriage-biodata-container { padding:35px;margin:0 auto;border-radius:var(--marriage-biodata-border-radius);max-width:var(--marriage-biodata-width);background-color:var(--marriage-biodata-bg);position:relative;} .marriage-biodata-header { text-align:center;margin-bottom:30px;} .marriage-biodata-header-title { color:var(--marriage-biodata-header-text);font-size:clamp(1.3rem, 1.8vw, 1.7rem);font-weight:700;} .marriage-biodata-header-sub-title { color:var(--marriage-biodata-body-text);font-size:1rem;margin:10px 0;text-transform:capitalize;} .marriage-biodata-app-container { display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box;} .marriage-biodata-religion-selection { display:flex;justify-content:space-between;gap:10px;margin-bottom:10px;flex-wrap:wrap;} .marriage-biodata-religion-btn { flex:1;padding:15px 25px !important;background:var(--marriage-biodata-accent) !important;border-radius:var(--marriage-biodata-border-radius);border:none;color:var(--marriage-biodata-white);font-size:1rem;font-weight:500;text-transform:capitalize;cursor:pointer;transition:var(--marriage-biodata-transition);text-align:center;display:flex;gap:10px;align-items:center;justify-content:center;} .marriage-biodata-religion-btn:hover:not(.active) { background:var(--marriage-biodata-success) !important;} .marriage-biodata-religion-btn.active { background:var(--marriage-biodata-success) !important;} .marriage-biodata-section { padding:25px 0;} .marriage-biodata-section:last-child { border-bottom:none;} .marriage-biodata-section strong { margin-bottom:25px;color:var(--marriage-biodata-accent-deep) !important;border-bottom:2px solid var(--marriage-biodata-accent-light) !important;padding-bottom:5px;font-size:1.2rem;font-weight:800;display:block;} .marriage-biodata-form-group { margin-bottom:20px;position:relative;} .marriage-biodata-form-group-static { display:flex;justify-content:space-between;align-items:center;gap:15px;position:relative;} .marriage-biodata-form-group-child-input { width:100%;} .marriage-biodata-form-group label { display:block;margin-bottom:5px;font-size:1rem;font-weight:500;text-transform:capitalize !important;color:var(--marriage-biodata-header-text);} .marriage-biodata-form-group input, .marriage-biodata-form-group select, .marriage-biodata-form-group textarea { width:100%;text-transform:capitalize;font-size:1rem;border:1px solid var(--marriage-biodata-border-color);border-radius:var(--marriage-biodata-border-radius);transition:var(--marriage-biodata-transition);} .marriage-biodata-form-group input { height:50px !important;padding:0 15px;} .marriage-biodata-form-group textarea { padding:10px 15px;resize:vertical;min-height:160px;text-transform:initial !important;} .marriage-biodata-form-group select { height:50px !important;padding:0 15px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%234361ee' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;background-size:24px;} .marriage-biodata-form-group input:focus, .marriage-biodata-form-group select:focus, .marriage-biodata-form-group textarea:focus { outline:none;border-color:var(--marriage-biodata-accent-light) !important;box-shadow:var(--marriage-biodata-box-shadow);} .marriage-biodata-dynamic-field { display:flex;align-items:center;margin-bottom:15px;} .marriage-biodata-dynamic-field input { flex:1;margin-right:10px;} .marriage-biodata-dynamic-field .marriage-biodata-field-actions { display:flex;} .marriage-biodata-dynamic-field .marriage-biodata-field-actions button { background:none;border:none;font-size:1.2rem;color:var(--marriage-biodata-body-text);cursor:pointer;padding:5px;margin-left:5px;transition:var(--marriage-biodata-transition);} .marriage-biodata-dynamic-field .marriage-biodata-field-actions button:hover { color:var(--marriage-biodata-danger) !important;} .marriage-biodata-add-field-btn { background:var(--marriage-biodata-danger) !important;font-weight:400;font-size:0.85rem !important;color:var(--marriage-biodata-white) !important;border:none;padding:10px 15px !important;border-radius:var(--marriage-biodata-border-radius);cursor:pointer;display:inline-flex;align-items:center;transition:var(--marriage-biodata-transition);} .marriage-biodata-add-field-btn:hover { background:var(--marriage-biodata-danger-deep) !important;} .marriage-biodata-add-field-btn i { margin-right:8px;} .marriage-biodata-education-entry, .marriage-biodata-sibling-entry { background:var(--marriage-biodata-bg);padding:25px;border-radius:var(--marriage-biodata-border-radius);margin-bottom:15px;position:relative;border:1px solid var(--marriage-biodata-border-color);} .marriage-biodata-remove-btn { position:absolute;top:10px;right:10px;background:none !important;border:none;color:var(--marriage-biodata-danger) !important;font-size:1.1rem !important;cursor:pointer;padding:5px !important;transition:var(--marriage-biodata-transition);} .marriage-biodata-remove-btn:hover { transform:scale(1.1) !important;} .marriage-biodata-form-actions { display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:25px 0;padding:20px;border:1px solid var(--marriage-biodata-border-color);border-radius:var(--marriage-biodata-border-radius);} .marriage-biodata-form-actions button { flex:1;padding:15px 25px !important;border:none;border-radius:var(--marriage-biodata-border-radius);font-weight:500;cursor:pointer;transition:var(--marriage-biodata-transition);display:flex;justify-content:center;align-items:center;font-size:0.9rem !important;} .marriage-biodata-form-actions button i { margin-right:8px;} #marriage-biodata-reset-btn { background:var(--marriage-biodata-danger) !important;color:var(--marriage-biodata-white) !important;} #marriage-biodata-reset-btn:hover { background:var(--marriage-biodata-danger-deep) !important;} #marriage-biodata-save-btn { background:var(--marriage-biodata-info-color) !important;color:var(--marriage-biodata-white) !important;} #marriage-biodata-save-btn:hover { background:#138496 !important;} #marriage-biodata-preview-btn { background:var(--marriage-biodata-accent) !important;color:var(--marriage-biodata-white) !important;} #marriage-biodata-preview-btn:hover { background:var(--marriage-biodata-accent-deep) !important;} .marriage-biodata-preview-container { margin-top:30px;border:1px solid var(--marriage-biodata-border-color);box-shadow:var(--marriage-biodata-box-shadow);overflow:hidden;display:none;} .marriage-biodata-preview-header { display:flex;justify-content:space-between;align-items:center;background:var(--marriage-biodata-accent) !important;color:var(--marriage-biodata-white) !important;padding:15px 25px;border:1px solid var(--marriage-biodata-accent) !important;} .marriage-biodata-preview-header h3 { margin:0;color:inherit;border-bottom:none;padding-bottom:0;font-size:clamp(1rem, 1.2vw, 1.2rem);} #marriage-biodata-close-preview-btn { background:none;border:none;color:var(--marriage-biodata-white) !important;font-size:1.5rem;cursor:pointer;transition:var(--marriage-biodata-transition);} #marriage-biodata-close-preview-btn:hover { transform:scale(1.1);} .marriage-biodata-preview-content { padding:25px;border-bottom:1px solid var(--marriage-biodata-border-color);} .marriage-biodata-preview-content h4 { color:var(--marriage-biodata-accent-deep) !important;font-weight:800;font-size:1.3rem;margin:25px 0 10px 0;border-bottom:1px dashed var(--marriage-biodata-border-color);padding-bottom:5px;} .marriage-biodata-preview-content p { margin-bottom:10px;font-size:1rem;text-transform:capitalize;color:var(--marriage-biodata-body-text);} .marriage-biodata-preview-content strong { color:var(--marriage-biodata-header-text);} .marriage-biodata-preview-actions { display:flex;flex-wrap:wrap;justify-content:center;padding:20px;gap:15px;} .marriage-biodata-preview-actions button { padding:15px 25px !important;border:none;border-radius:var(--marriage-biodata-border-radius);font-weight:500;font-size:0.95rem !important;cursor:pointer;transition:var(--marriage-biodata-transition);text-align:center;text-transform:capitalize;display:flex;align-items:center;justify-content:center;gap:5px;} #marriage-biodata-download-word-btn { background:var(--marriage-biodata-success) !important;color:var(--marriage-biodata-white) !important;} #marriage-biodata-download-word-btn:hover { background:var(--marriage-biodata-success-deep) !important;} #marriage-biodata-download-png-btn { background:var(--marriage-biodata-accent) !important;color:var(--marriage-biodata-white) !important;} #marriage-biodata-download-png-btn:hover { background:var(--marriage-biodata-accent-deep) !important;} #marriage-biodata-print-btn { background:var(--marriage-biodata-danger) !important;color:var(--marriage-biodata-white) !important;} #marriage-biodata-print-btn:hover { background:var(--marriage-biodata-danger-deep) !important;} #marriage-biodata-edit-btn { background:var(--marriage-biodata-warning) !important;color:var(--marriage-biodata-white) !important;} #marriage-biodata-edit-btn:hover { background:var(--marriage-biodata-warning-deep) !important;} .marriage-biodata-modal { display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0, 0, 0, 0.4);justify-content:center;align-items:center;} .marriage-biodata-modal-content { background-color:var(--marriage-biodata-white) !important;margin:auto;padding:25px;border:1px solid var(--marriage-biodata-border-color);width:80%;max-width:400px;border-radius:var(--marriage-biodata-border-radius);box-shadow:var(--marriage-biodata-box-shadow);text-align:center;position:relative;} #marriage-biodata-alert-message { margin-bottom:20px;font-size:1rem;color:var(--marriage-biodata-body-text);text-transform:initial !important;} #marriage-biodata-alert-ok-button { background-color:var(--marriage-biodata-accent) !important;color:var(--marriage-biodata-white) !important;padding:10px 20px;border:none;border-radius:var(--marriage-biodata-border-radius);cursor:pointer;font-size:1rem;transition:var(--marriage-biodata-transition);} #marriage-biodata-alert-ok-button:hover { background-color:var(--marriage-biodata-accent-deep);} @media (max-width:768px) { .marriage-biodata-container { padding:20px;} .marriage-biodata-form-group { flex-direction:column;gap:15px;} .marriage-biodata-preview-header { flex-direction:column;gap:10px;} .marriage-biodata-form-actions, .marriage-biodata-preview-actions { flex-direction:column;gap:10px;} .marriage-biodata-form-actions button, .marriage-biodata-preview-actions button { width:100%;} .marriage-biodata-religion-selection { flex-wrap:wrap;} .marriage-biodata-religion-btn { flex:1;width:100%;} .marriage-biodata-preview-actions button { flex:1;} } @media (max-width:480px) { .marriage-biodata-container-wrapper, .marriage-biodata-container { padding:10px;} .marriage-biodata-religion-selection { flex-direction:column;} .marriage-biodata-religion-btn { width:100%;} .marriage-biodata-religion-btn:last-child { margin-bottom:0;} .marriage-biodata-preview-actions button { flex:1;} }