/* =============================================================
   NSET Donation Forms – Public Stylesheet
   Matches class names from provided HTML exactly
   ============================================================= */

/* ── Reset / Base ─────────────────────────────────────────── */
.nset-donation-form *,
.nset-donation-form *::before,
.nset-donation-form *::after {
    box-sizing: border-box;
}

/*.nset-donation-form {*/
    /*font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;*/
    /*font-size: 15px;*/
    /*color: #222;*/
    /*max-width: 800px;*/
    /*margin: 0 auto;*/
/*}*/

/* ── .common-form-wrapper ─────────────────────────────────── */
/*.common-form-wrapper {*/
    /*display: flex;*/
    /*flex-direction: column;*/
    /*gap: 24px;*/
/*}*/

/* ── .form-container ──────────────────────────────────────── */
/*.form-container {*/
    /*background: #ffffff;*/
    /*border: 1px solid #e2e2e2;*/
    /*border-radius: 6px;*/
    /*overflow: hidden;*/
/*}*/

/* ── .form-title ──────────────────────────────────────────── */
/*.form-title {*/
    /*background: #f7f7f7;*/
    /*border-bottom: 1px solid #e2e2e2;*/
    /*padding: 14px 20px;*/
/*}*/

/*.form-title h4 {*/
    /*margin: 0;*/
    /*font-size: 15px;*/
    /*font-weight: 700;*/
    /*color: #1a1a1a;*/
    /*letter-spacing: 0.01em;*/
/*}*/

/* ── .common-form ─────────────────────────────────────────── */
/*.common-form {*/
    /*padding: 20px;*/
/*}*/

/* ── .fields ──────────────────────────────────────────────── */
/*.fields {*/
    /*display: flex;*/
    /*flex-wrap: wrap;*/
    /*gap: 0;*/
/*}*/

/* ── .form-group ──────────────────────────────────────────── */
/*.form-group {*/
    /*width: 100%;*/
    /*margin-bottom: 18px;*/
/*}*/

/*.form-group:last-child {*/
    /*margin-bottom: 0;*/
/*}*/

/*.form-group > label {*/
    /*display: block;*/
    /*font-size: 13px;*/
    /*font-weight: 600;*/
    /*color: #333;*/
    /*margin-bottom: 7px;*/
    /*line-height: 1.4;*/
/*}*/

/*.form-group > label span {*/
    /*color: #c0392b;*/
    /*margin-left: 1px;*/
/*}*/

/* Half width side by side */
/*.form-group.half-width {*/
    /*width: 50%;*/
/*}*/

/*.form-group.half-width:nth-of-type(odd) {*/
    /*padding-right: 8px;*/
/*}*/

/*.form-group.half-width:nth-of-type(even) {*/
    /*padding-left: 8px;*/
/*}*/

/*@media (max-width: 560px) {*/
    /*.form-group.half-width {*/
        /*width: 100%;*/
        /*padding-right: 0 !important;*/
        /*padding-left: 0 !important;*/
    /*}*/
/*}*/

/* ── Text inputs ──────────────────────────────────────────── */
.form-group input[type="text"],
.form-group input[type="email"] {
    display: block;
    width: 100%;
    padding: 9px 12px;
    font-size: 14px;
    color: #222;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    outline: none;
    transition: border-color 0.18s, box-shadow 0.18s;
    line-height: 1.5;
}

.form-group input[type="text"]:focus,
.form-group input[type="email"]:focus {
    border-color: #c0392b;
    box-shadow: 0 0 0 3px rgba(192, 57, 43, 0.12);
}

/* ── .custom-checkbox-group / .frequency-field ────────────── */
.custom-checkbox-group.frequency-field {
    /* wrapper – no extra styling needed */
}

/* ── .custom-radio-group / .timing-field ─────────────────── */
.custom-radio-group.timing-field {
    /* wrapper */
}

/* ── .option-group ────────────────────────────────────────── */
/*.option-group {*/
    /*display: flex;*/
    /*flex-wrap: wrap;*/
    /*gap: 10px 0;*/
/*}*/

/* Checkbox group: items inline */
/*.option-group.checkbox-group {*/
    /*flex-direction: row;*/
    /*flex-wrap: wrap;*/
    /*gap: 10px 20px;*/
/*}*/

/* Radio group: each item full row with sub-list */
/*.option-group.radio-group {*/
    /*flex-direction: column;*/
    /*gap: 0;*/
/*}*/

/* ── .option-item ─────────────────────────────────────────── */
/*.option-group.radio-group .option-item {*/
    /*border: 1px solid #e5e5e5;*/
    /*border-radius: 4px;*/
    /*padding: 10px 14px;*/
    /*margin-bottom: 6px;*/
    /*transition: background 0.15s, border-color 0.15s;*/
    /*cursor: pointer;*/
/*}*/

/*.option-group.radio-group .option-item:hover {*/
    /*background: #fdf6f5;*/
    /*border-color: #d9a09a;*/
/*}*/

/*.option-group.radio-group .option-item:last-child {*/
    /*margin-bottom: 0;*/
/*}*/

.option-group.checkbox-group .option-item {
    /* no border box for checkboxes */
}

/* ── .option-label ────────────────────────────────────────── */
/*.option-label {*/
    /*display: flex;*/
    /*align-items: flex-start;*/
    /*gap: 9px;*/
    /*cursor: pointer;*/
    /*line-height: 1.4;*/
/*}*/

/*.option-label input[type="checkbox"],*/
/*.option-label input[type="radio"] {*/
    /*margin-top: 2px;*/
    /*width: 16px;*/
    /*height: 16px;*/
    /*flex-shrink: 0;*/
    /*accent-color: #c0392b;*/
    /*cursor: pointer;*/
/*}*/

/* ── .option-text ─────────────────────────────────────────── */
/*.option-text {*/
    /*font-size: 14px;*/
    /*color: #333;*/
    /*font-weight: 500;*/
/*}*/

/* ── Radio sub-lists ──────────────────────────────────────── */
/*.option-group.radio-group .option-item ul {*/
    /*list-style: none;*/
    /*margin: 6px 0 0 26px;*/
    /*padding: 0;*/
/*}*/

/*.option-group.radio-group .option-item ul li {*/
    /*font-size: 13px;*/
    /*color: #666;*/
    /*line-height: 1.7;*/
/*}*/

/* ── .type-fullwidth ──────────────────────────────────────── */
/*.type-fullwidth .option-group {*/
    /*width: 100%;*/
/*}*/

/* ── .info / info-container ───────────────────────────────── */
/*.form-group.info {*/
    /*margin-top: 8px;*/
/*}*/

/*.info-container {*/
    /*background: #fef9f9;*/
    /*border: 1px solid #f0d4d0;*/
    /*border-left: 4px solid #c0392b;*/
    /*border-radius: 4px;*/
    /*padding: 14px 16px;*/
/*}*/

/*.info-title {*/
    /*display: flex;*/
    /*align-items: center;*/
    /*gap: 10px;*/
    /*margin-bottom: 10px;*/
/*}*/

/*.info-title .item {*/
    /*display: flex;*/
    /*align-items: center;*/
/*}*/

/*.info-title h4 {*/
    /*margin: 0;*/
    /*font-size: 13.5px;*/
    /*font-weight: 700;*/
    /*color: #222;*/
/*}*/

/* Info SVG icon */
/*.info-icon {*/
    /*width: 20px;*/
    /*height: 20px;*/
    /*color: #c0392b;*/
    /*flex-shrink: 0;*/
/*}*/

/* ── .info-description / .common-medium-small-font ───────── */
/*.info-description.common-medium-small-font,*/
/*.info-description {*/
    /*font-size: 13px;*/
    /*color: #444;*/
    /*line-height: 1.6;*/
/*}*/

/*.info-description p {*/
    /*margin: 0;*/
/*}*/

/*.info-description ul {*/
    /*list-style: none;*/
    /*margin: 0;*/
    /*padding: 0;*/
/*}*/

/*.info-description ul li {*/
    /*margin-bottom: 4px;*/
    /*font-size: 13px;*/
/*}*/

/*.info-description ul li span {*/
    /*font-weight: 700;*/
    /*color: #333;*/
    /*margin-right: 4px;*/
/*}*/

/* ── .form-action.forms ───────────────────────────────────── */
/*.form-action.forms {*/
    /*margin-top: 20px;*/
/*}*/

/* ── .co-btn.width-full ───────────────────────────────────── */
/*input.co-btn.width-full,*/
/*button.co-btn.width-full {*/
    /*display: block;*/
    /*width: 100%;*/
    /*padding: 12px 20px;*/
    /*background: #c0392b;*/
    /*color: #fff;*/
    /*font-size: 15px;*/
    /*font-weight: 700;*/
    /*letter-spacing: 0.03em;*/
    /*border: none;*/
    /*border-radius: 4px;*/
    /*cursor: pointer;*/
    /*transition: background 0.18s, transform 0.1s;*/
    /*line-height: 1;*/
    /*text-align: center;*/
/*}*/

/*input.co-btn.width-full:hover,*/
/*button.co-btn.width-full:hover {*/
    /*background: #a93226;*/
/*}*/

/*input.co-btn.width-full:active,*/
/*button.co-btn.width-full:active {*/
    /*transform: translateY(1px);*/
    /*background: #922b21;*/
/*}*/

/*input.co-btn.width-full:disabled,*/
/*button.co-btn.width-full:disabled {*/
    /*background: #bbb;*/
    /*cursor: not-allowed;*/
/*}*/

/* ── Response message ─────────────────────────────────────── */
.nset-response-msg {
    padding: 11px 15px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 12px;
    line-height: 1.4;
}

.nset-response-msg.nset-success {
    background: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}

.nset-response-msg.nset-error {
    background: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}

/* ── Anonymous: hide personal fields ─────────────────────── */
.nset-personal-field.nset-hidden {
    display: none !important;
}