@import url("./fixonic-app-phase-four.f54d114d4ee5.css");

/* Checkout uses light cards inside the dark app shell. Keep every critical detail readable. */
.checkout-card,
.order-summary-card {
    color: #10231c !important;
}

.checkout-card h2,
.checkout-card h3,
.checkout-card strong,
.checkout-card label,
.checkout-card dt,
.checkout-card dd,
.order-summary-card h2,
.order-summary-card h3,
.order-summary-card strong,
.order-summary-card dt,
.order-summary-card dd {
    color: #10231c !important;
}

.checkout-card p,
.checkout-card small,
.checkout-card span,
.checkout-card .checkout-section-title p,
.order-summary-card p,
.order-summary-card small,
.order-summary-card span,
.order-summary-card .summary-lines dt {
    color: #536158 !important;
}

.checkout-card .checkout-section-title > span {
    color: #10231c !important;
}

.checkout-card input,
.checkout-card select,
.checkout-card textarea {
    color: #10231c !important;
    background: #ffffff !important;
}

.checkout-card .text-link,
.order-summary-card .text-link {
    color: #0076b8 !important;
}

.checkout-project-result,
.checkout-repair-intelligence,
.checkout-intelligence-status {
    color: #10231c !important;
}

.checkout-project-result {
    border: 1px solid #cad5cc;
    border-radius: 12px;
    background: #f5f7f4;
    padding: 14px;
}

.checkout-project-result + .checkout-project-result {
    margin-top: 10px;
}

.checkout-project-result.is-compatible {
    border-color: #8eb342;
    background: #f2fbdc;
}

.checkout-project-result.is-incompatible {
    border-color: #d59a94;
    background: #fff1ef;
}

.checkout-repair-warning {
    margin-top: 10px;
    border: 1px solid #d8b45f;
    border-radius: 12px;
    background: #fff4d6;
    padding: 14px;
}

.checkout-repair-warning strong {
    color: #5f4108 !important;
}

.checkout-repair-warning p {
    margin: 5px 0 0;
    color: #6d5527 !important;
}

.checkout-card .provider-pending,
.checkout-card .provider-ready,
.order-summary-card .summary-delivery,
.order-summary-card .summary-protection {
    color: #10231c !important;
}
