/* =============================================================================
   The Mad House Newcastle — Receipt Page (ID 924) dark theme
   ============================================================================= */

/* ── Hide Astra page title ── */
body.page-id-924 .entry-header,
body.page-id-924 .ast-article-single .entry-header,
body.page-id-924 h1.entry-title {
    display: none !important;
}

/* ── Page scaffold ── */
body.page-id-924 #page,
body.page-id-924 #content,
body.page-id-924 #primary,
body.page-id-924 .site-main,
body.page-id-924 .entry-content {
    background: #000000 !important;
    color: #ffffff !important;
}

/* ── Main receipt container ── */
body.page-id-924 .fluent-cart-checkout-order-receipt {
    background: #0d0d0d !important;
    color: #ffffff !important;
    border: 1px solid #2a2a2a !important;
    border-radius: 10px !important;
}

/* ── Thank you page outer body card ── */
body.page-id-924 .fct-thank-you-page-body {
    background: #0d0d0d !important;
    color: #ffffff !important;
    border: 1px solid #2a2a2a !important;
    border-radius: 10px !important;
}

body.page-id-924 .fct-thank-you-page-body-content-inner {
    background: #111111 !important;
    color: #ffffff !important;
}

/* ── Header / status banner ── */
body.page-id-924 .fct-thank-you-page-header {
    background: #0d0d0d !important;
    border-bottom: 1px solid #2a2a2a !important;
}

body.page-id-924 .fct-thank-you-page-header *,
body.page-id-924 .fct-thank-you-page-header h1,
body.page-id-924 .fct-thank-you-page-header h2,
body.page-id-924 .fct-thank-you-page-header p {
    color: #ffffff !important;
}

/* ── Order items table / rows ── */
body.page-id-924 .fct-thank-you-page-order-items-header {
    background: #1a1a1a !important;
    color: #cccccc !important;
}

body.page-id-924 .fct-thank-you-page-order-items-list,
body.page-id-924 .fct-thank-you-page-order-items-list > * {
    background: #111111 !important;
    border-color: #2a2a2a !important;
    color: #ffffff !important;
}

body.page-id-924 .fct-thank-you-page-order-items-list-quantity {
    color: #cccccc !important;
}

/* ── Summary totals section ── */
body.page-id-924 .fct-thank-you-page-order-summary,
body.page-id-924 .fct-thank-you-page-summary-totals {
    background: #0d0d0d !important;
    border-color: #2a2a2a !important;
    color: #ffffff !important;
}

/* ── Billing / address blocks ── */
body.page-id-924 .fct-thank-you-page-billing,
body.page-id-924 .fct-thank-you-page-shipping {
    background: #111111 !important;
    border: 1px solid #2a2a2a !important;
    color: #cccccc !important;
}

/* ── Generic text colour sweep ── */
body.page-id-924 .fct-thank-you-page-body h1,
body.page-id-924 .fct-thank-you-page-body h2,
body.page-id-924 .fct-thank-you-page-body h3,
body.page-id-924 .fct-thank-you-page-body h4,
body.page-id-924 .fct-thank-you-page-body p,
body.page-id-924 .fct-thank-you-page-body span,
body.page-id-924 .fct-thank-you-page-body td,
body.page-id-924 .fct-thank-you-page-body th,
body.page-id-924 .fct-thank-you-page-body label,
body.page-id-924 .fct-thank-you-page-body div {
    color: #cccccc !important;
}

body.page-id-924 .fct-thank-you-page-body strong,
body.page-id-924 .fct-thank-you-page-body b {
    color: #ffffff !important;
}

/* Accent — order number, totals, price highlights */
body.page-id-924 .fct-thank-you-page-body .fct-text-primary,
body.page-id-924 .fct-thank-you-page-body [class*="price"],
body.page-id-924 .fct-thank-you-page-body [class*="total"] {
    color: #F95FA0 !important;
}

/* ── Dividers / borders ── */
body.page-id-924 .fct-thank-you-page-body [class*="border"],
body.page-id-924 .fct-thank-you-page-body hr,
body.page-id-924 .fct-thank-you-page-body table,
body.page-id-924 .fct-thank-you-page-body td,
body.page-id-924 .fct-thank-you-page-body th {
    border-color: #2a2a2a !important;
}

/* ── Input fields (if any) ── */
body.page-id-924 .fct-thank-you-page-body input,
body.page-id-924 .fct-thank-you-page-body select,
body.page-id-924 .fct-thank-you-page-body textarea {
    background: #1a1a1a !important;
    border: 1px solid #444444 !important;
    color: #ffffff !important;
}

/* ── White background sweep (catches any missed wrapper divs) ── */
body.page-id-924 [style*="background-color: rgb(255"],
body.page-id-924 [style*="background-color:#fff"],
body.page-id-924 [style*="background-color: #fff"],
body.page-id-924 [style*="background: white"],
body.page-id-924 [style*="background: #fff"] {
    background-color: #111111 !important;
    background: #111111 !important;
}

/* ── Vue-rendered El-UI overrides (reused from account.css pattern) ── */
body.page-id-924 {
    --el-bg-color: #0d0d0d;
    --el-bg-color-page: #000000;
    --el-bg-color-overlay: #1a1a1a;
    --el-text-color-primary: #ffffff;
    --el-text-color-regular: #cccccc;
    --el-text-color-secondary: #888888;
    --el-border-color: #2a2a2a;
    --el-border-color-light: #333333;
    --el-fill-color-blank: #0d0d0d;
    --el-fill-color: #1a1a1a;
    --el-fill-color-light: #111111;
    --el-color-primary: #F95FA0;
}