/* ═══════════════════════════════════════════════════════════
   GRAVITY FORMS REVIEW PAGE — Clean table design
═══════════════════════════════════════════════════════════ */


/* ──────────────────────────────────────────────────────────
   FULL RESET — kill all inherited form-theme styling
────────────────────────────────────────────────────────── */

.gform_review_page,
.gform_review_page .gform_page_fields,
.gform_review_page .gform_fields,
.gform_review_page .gfield,
.gform_review_page .aqs-gf-none-faq.gfield,
.gform_review_page .gfield--type-html,
.gform_review_page .gfield_html {
    background:       transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border:           0 !important;
    border-radius:    0 !important;
    padding:          0 !important;
    margin:           0 !important;
    box-shadow:       none !important;
    color:            #1f2937 !important;
}

.gform_review_page .gform_fields {
    display:               block !important;
    grid-template-columns: none !important;
}


/* ──────────────────────────────────────────────────────────
   TABLE RESET — neutralize all foreign rules
────────────────────────────────────────────────────────── */

.gform_review_page .gfield_html table,
.gform_review_page .gfield_html tbody,
.gform_review_page .gfield_html thead,
.gform_review_page .gfield_html tfoot,
.gform_review_page .gfield_html tr,
.gform_review_page .gfield_html td,
.gform_review_page .gfield_html th {
    background-color: transparent !important;
    background-image: none !important;
    border:           0 !important;
    border-collapse:  separate !important;
    border-spacing:   0 !important;
    padding:          0 !important;
    margin:           0 !important;
    line-height:      1.5 !important;
    vertical-align:   middle !important;
    font-size:        inherit !important;
    width:            auto !important;
}

/* Kill reset.css nth-child bg */
.gform_review_page .gfield_html table tbody > tr:nth-child(odd) > td,
.gform_review_page .gfield_html table tbody > tr:nth-child(odd) > th,
.gform_review_page .gfield_html table tbody > tr:nth-child(even) > td,
.gform_review_page .gfield_html table tbody > tr:nth-child(even) > th {
    background-color: transparent !important;
}


/* ──────────────────────────────────────────────────────────
   CARD CONTAINER (.gfield_html)
────────────────────────────────────────────────────────── */

.gform_review_page .gfield_html.gfield_html.gfield_html {
    background:    #ffffff !important;
    border:        1px solid #e5e7eb !important;
    border-radius: 12px !important;
    padding:       0 !important;     /* table will fill it */
    overflow:      hidden !important; /* clip table to rounded corners */
    box-shadow:    0 1px 3px rgba(0, 0, 0, 0.06),
                   0 1px 2px rgba(0, 0, 0, 0.04) !important;
    font-family:   -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    color:         #1f2937 !important;
    font-size:     14px !important;
    line-height:   1.5 !important;
}


/* ──────────────────────────────────────────────────────────
   OUTER WRAPPER TABLE → flatten to single block
   (the bgcolor="#EAEAEA" table just wraps the inner one)
────────────────────────────────────────────────────────── */

.gform_review_page .gfield_html > table,
.gform_review_page .gfield_html > table > tbody,
.gform_review_page .gfield_html > table > tbody > tr,
.gform_review_page .gfield_html > table > tbody > tr > td {
    display: block !important;
    width:   100% !important;
}


/* ──────────────────────────────────────────────────────────
   MAIN INNER TABLE — keep as a real table (NOT block)
   This is the table with section header + label + value rows.
────────────────────────────────────────────────────────── */

.gform_review_page .gfield_html > table > tbody > tr > td > table {
    display:        table !important;
    width:          100% !important;
    border-spacing: 0 !important;
    border-collapse: separate !important;
}

.gform_review_page .gfield_html > table > tbody > tr > td > table > tbody {
    display: table-row-group !important;
}

.gform_review_page .gfield_html > table > tbody > tr > td > table > tbody > tr {
    display: table-row !important;
}

.gform_review_page .gfield_html > table > tbody > tr > td > table > tbody > tr > td {
    display:        table-cell !important;
    vertical-align: top !important;
}


/* ──────────────────────────────────────────────────────────
   SECTION HEADER ROW — first row with td colspan="2"
────────────────────────────────────────────────────────── */

.gform_review_page .gfield_html > table > tbody > tr > td > table > tbody > tr:first-child > td[colspan="2"] {
    background:      #1f2937 !important;
    color:           #ffffff !important;
    padding:         16px 22px !important;
    font-size:       15px !important;
    font-weight:     600 !important;
    letter-spacing:  0.2px !important;
    border-bottom:   1px solid #1f2937 !important;
}


/* ──────────────────────────────────────────────────────────
   LABEL ROWS — bgcolor="#EAF2FA" or inline style equivalent
────────────────────────────────────────────────────────── */

.gform_review_page .gfield_html > table > tbody > tr > td > table > tbody > tr[bgcolor="#EAF2FA"] > td,
.gform_review_page .gfield_html > table > tbody > tr > td > table > tbody > tr[style*="background-color:#EAF2FA"] > td,
.gform_review_page .gfield_html > table > tbody > tr > td > table > tbody > tr[style*="background-color: #EAF2FA"] > td {
    background:      #e4e8eb !important;
    padding:         10px 22px !important;
    font-size:       11px !important;
    font-weight:     700 !important;
    text-transform:  uppercase !important;
    letter-spacing:  0.6px !important;
    color:           #6b7280 !important;
    border-bottom:   1px solid #f3f4f6 !important;
}


/* ──────────────────────────────────────────────────────────
   VALUE ROWS — bgcolor="#FFFFFF"
────────────────────────────────────────────────────────── */

.gform_review_page .gfield_html > table > tbody > tr > td > table > tbody > tr[bgcolor="#FFFFFF"] > td,
.gform_review_page .gfield_html > table > tbody > tr > td > table > tbody > tr[style*="background-color: #FFFFFF"] > td {
    background:    #ffffff !important;
    padding:       12px 22px !important;
    font-size:     14px !important;
    color:         #111827 !important;
    font-weight:   500 !important;
    border-bottom: 1px solid #f3f4f6 !important;
}

/* Hide the 20px spacer column */
.gform_review_page .gfield_html > table > tbody > tr > td > table > tbody > tr > td[width="20"],
.gform_review_page .gfield_html > table > tbody > tr > td > table > tbody > tr > td[style*="width: 20px"] {
    display: none !important;
}

/* Last row removes bottom border so it sits flush with card edge */
.gform_review_page .gfield_html > table > tbody > tr > td > table > tbody > tr:last-child > td {
    border-bottom: 0 !important;
}


/* ──────────────────────────────────────────────────────────
   NESTED ORDER TABLE — deeply nested table (3rd level)
   Distinct boxed design separate from main table rows.
────────────────────────────────────────────────────────── */

.gform_review_page .gfield_html > table > tbody > tr > td > table > tbody > tr > td > table {
    display:        table !important;
    width:          100% !important;
    margin-top:     14px !important;
    margin-bottom:  6px !important;
    border:         1px solid #e5e7eb !important;
    border-radius:  8px !important;
    overflow:       hidden !important;
    border-spacing: 0 !important;
    box-shadow:     0 1px 2px rgba(0, 0, 0, 0.05) !important;
}

.gform_review_page .gfield_html > table > tbody > tr > td > table > tbody > tr > td > table thead {
    display: table-header-group !important;
}

.gform_review_page .gfield_html > table > tbody > tr > td > table > tbody > tr > td > table thead tr {
    display:    table-row !important;
    background: #1f2937 !important;
}

.gform_review_page .gfield_html > table > tbody > tr > td > table > tbody > tr > td > table thead th {
    display:        table-cell !important;
    background:     #1f2937 !important;
    padding:        12px 14px !important;
    font-size:      11px !important;
    font-weight:    700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.6px !important;
    color:          #ffffff !important;
    text-align:     left !important;
}

.gform_review_page .gfield_html > table > tbody > tr > td > table > tbody > tr > td > table thead th:nth-child(2) {
    text-align: center !important;
}

.gform_review_page .gfield_html > table > tbody > tr > td > table > tbody > tr > td > table thead th:nth-child(3),
.gform_review_page .gfield_html > table > tbody > tr > td > table > tbody > tr > td > table thead th:nth-child(4) {
    text-align: right !important;
}

.gform_review_page .gfield_html > table > tbody > tr > td > table > tbody > tr > td > table tbody {
    display: table-row-group !important;
}

.gform_review_page .gfield_html > table > tbody > tr > td > table > tbody > tr > td > table tbody tr {
    display:    table-row !important;
    background: #ffffff !important;
}

.gform_review_page .gfield_html > table > tbody > tr > td > table > tbody > tr > td > table tbody td {
    display:        table-cell !important;
    background:     #ffffff !important;
    padding:        14px !important;
    border-bottom:  1px solid #f3f4f6 !important;
    font-size:      14px !important;
    color:          #374151 !important;
    vertical-align: top !important;
}

.gform_review_page .gfield_html > table > tbody > tr > td > table > tbody > tr > td > table tbody td:nth-child(2) {
    text-align:  center !important;
    font-weight: 600 !important;
    color:       #111827 !important;
}

.gform_review_page .gfield_html > table > tbody > tr > td > table > tbody > tr > td > table tbody td:nth-child(3),
.gform_review_page .gfield_html > table > tbody > tr > td > table > tbody > tr > td > table tbody td:nth-child(4) {
    text-align:           right !important;
    font-variant-numeric: tabular-nums !important;
    font-weight:          500 !important;
    color:                #111827 !important;
}

.gform_review_page .gfield_html > table > tbody > tr > td > table > tbody > tr > td > table tbody td strong {
    color:         #111827 !important;
    font-weight:   600 !important;
    display:       block !important;
    margin-bottom: 4px !important;
}

.gform_review_page .gfield_html > table > tbody > tr > td > table > tbody > tr > td > table tfoot {
    display: table-footer-group !important;
}

.gform_review_page .gfield_html > table > tbody > tr > td > table > tbody > tr > td > table tfoot tr {
    display:    table-row !important;
    background: #e4e8eb !important;
}

.gform_review_page .gfield_html > table > tbody > tr > td > table > tbody > tr > td > table tfoot td {
    display:    table-cell !important;
    background: #e4e8eb !important;
    padding:    12px 14px !important;
    border-top: 1px solid #e5e7eb !important;
    font-size:  14px !important;
    color:      #374151 !important;
    text-align: right !important;
    font-variant-numeric: tabular-nums !important;
}

.gform_review_page .gfield_html > table > tbody > tr > td > table > tbody > tr > td > table tfoot td strong {
    font-weight: 600 !important;
    color:       #111827 !important;
}

.gform_review_page .gfield_html > table > tbody > tr > td > table > tbody > tr > td > table tfoot tr:last-child,
.gform_review_page .gfield_html > table > tbody > tr > td > table > tbody > tr > td > table tfoot tr:last-child td {
    background: #1f2937 !important;
    color:      #ffffff !important;
}

.gform_review_page .gfield_html > table > tbody > tr > td > table > tbody > tr > td > table tfoot tr:last-child td strong {
    color:       #ffffff !important;
    font-size:   15px !important;
    font-weight: 700 !important;
}


/* ──────────────────────────────────────────────────────────
   INLINE ELEMENTS
────────────────────────────────────────────────────────── */

.gform_review_page .gfield_html font {
    font-family: inherit !important;
    font-size:   inherit !important;
    color:       inherit !important;
}

.gform_review_page .gfield_html strong {
    font-weight: 600 !important;
    color:       inherit !important;
}

.gform_review_page .gfield_html a {
    color:           #2563eb !important;
    text-decoration: none !important;
    border-bottom:   1px solid transparent !important;
    transition:      border-color 0.15s ease !important;
}

.gform_review_page .gfield_html a:hover {
    border-bottom-color: #2563eb !important;
}


/* ──────────────────────────────────────────────────────────
   RESPONSIVE
────────────────────────────────────────────────────────── */

@media (max-width: 640px) {
    .gform_review_page .gfield_html > table > tbody > tr > td > table > tbody > tr:first-child > td[colspan="2"] {
        padding:   14px 16px !important;
        font-size: 14px !important;
    }

    .gform_review_page .gfield_html > table > tbody > tr > td > table > tbody > tr[bgcolor="#EAF2FA"] > td,
    .gform_review_page .gfield_html > table > tbody > tr > td > table > tbody > tr[bgcolor="#FFFFFF"] > td {
        padding: 10px 16px !important;
    }
}