/* ==========================================================================
   POT CALM LAYER (r89) — the website's grammar on WHMCS. Loaded LAST.
   po-trade.com paints near-neutral plum glass (#070310 base, chroma ~13) and
   treats gold as jewellery: one word, one CTA, the chosen thing. WHMCS used
   gold as paint (filled pills, gold mono prices, gold borders at rest, every
   billing pill gold). This layer moves resting states to glass + neutral
   hairlines and keeps gold for: primary CTA, the selected/active state,
   totals, small amber kickers. Surfaces themselves were remapped in the
   source files (calm-build.py); this file is grammar only.
   ========================================================================== */

/* ---- ambient: the site's warm glow on the near-black base ---- */
body { background-image: radial-gradient(1100px 620px at 92% -6%, rgba(255,138,0,.075), transparent 62%), radial-gradient(900px 640px at -12% 38%, rgba(214,143,18,.045), transparent 62%); background-attachment: fixed; }
section#main-body { background-color: transparent; }

/* ---- section kickers: filled gold pill -> the site's amber kicker ---- */
#order-standard_cart .sub-heading { border-bottom: 0; margin: 30px 0 18px; text-align: start; height: auto; }
#order-standard_cart .sub-heading::before, #order-standard_cart .sub-heading::after { display: none !important; }
body #order-standard_cart .sub-heading span.primary-bg-color,
#order-standard_cart .sub-heading .primary-bg-color {
    display: inline-flex !important; align-items: center; gap: 9px; position: static; padding: 7px 14px !important; border-radius: 999px;
    background: rgba(255,138,0,.06) !important; border: 1px solid rgba(255,170,80,.30); box-shadow: none !important;
    color: #ffcf6b !important; text-shadow: none !important; font-style: normal !important;
    font-family: 'JetBrains Mono', ui-monospace, monospace !important; font-size: 11.5px !important; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; line-height: 1.4;
}
#order-standard_cart .sub-heading .primary-bg-color::before { content: ''; flex: none; width: 7px; height: 7px; border-radius: 50%; background: #ff8a00; box-shadow: 0 0 8px #ff8a00; }
html[dir="rtl"] #order-standard_cart .sub-heading .primary-bg-color { font-family: 'Tajawal','Cairo',sans-serif !important; letter-spacing: 0; font-size: 13.5px !important; }

/* ---- billing terms: glass at rest, gold only on the chosen one ---- */
#order-standard_cart .pot-term { background: linear-gradient(160deg, rgba(255,255,255,.05), rgba(255,255,255,.015)) !important; border: 1px solid rgba(255,255,255,.08) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.04); }
#order-standard_cart .pot-term:hover { border-color: rgba(255,255,255,.16) !important; }
#order-standard_cart .pot-term.on { background: radial-gradient(120% 90% at 50% 0%, rgba(255,150,40,.20), transparent 65%), linear-gradient(160deg, rgba(255,255,255,.05), rgba(255,255,255,.015)) !important; border-color: #ffb43d !important; box-shadow: 0 0 0 1px rgba(255,180,61,.45), 0 12px 28px rgba(255,138,0,.16) !important; }
#order-standard_cart .pot-term .pt-price { font-family: 'Space Grotesk','Inter',sans-serif; font-weight: 600; font-size: 14px; color: #fbf6ff; }
#order-standard_cart .pot-term-save { font-family: 'JetBrains Mono', monospace; letter-spacing: .08em; color: #3fd69a !important; background: rgba(35,196,131,.12) !important; box-shadow: inset 0 0 0 1px rgba(63,214,154,.35) !important; animation: none !important; }

/* ---- order summary: white figures, gold only for the total ---- */
.order-summary { border-color: rgba(255,255,255,.09) !important; }
.order-summary .pot-li-price { font-family: 'Inter', sans-serif; font-variant-numeric: tabular-nums; font-weight: 600; font-size: 13px; color: #e9e3f5; }
.order-summary .pot-li-main .pot-li-price { color: #fbf6ff; }
.order-summary .pot-li-label { color: #c3b9d8; }
.order-summary .pot-li-label b { color: #fbf6ff; font-weight: 600; }
.order-summary .pot-os-group { font-style: normal !important; background: transparent !important; }

/* ---- generic resting borders: gold -> neutral hairline (state colours untouched) ---- */
.card, .panel, .list-group-item, #main-body .card { border-color: rgba(255,255,255,.08); }
#main-body .dataTables_wrapper .dataTables_filter input, #main-body .dataTables_wrapper .dataTables_length select { border-color: rgba(255,255,255,.12) !important; }
.icheckbox_square-blue, .iradio_square-blue { border-color: rgba(255,255,255,.22) !important; }
.markdown-content code, .markdown-content pre { border-color: rgba(255,255,255,.10) !important; }

/* ---- form fields on the cart: calm glass ---- */
#frmConfigureProduct .form-control, #frmCheckout .form-control, #order-standard_cart .field { background: rgba(255,255,255,.035) !important; border-color: rgba(255,255,255,.10) !important; border-radius: 12px; }
#frmConfigureProduct .form-control:focus, #frmCheckout .form-control:focus, #order-standard_cart .field:focus { border-color: rgba(255,180,61,.6) !important; box-shadow: 0 0 0 3px rgba(255,138,0,.14) !important; }