/* =====================================================================
   De-OrganicMaster - Checkout pages (payment + thank you), Aurora theme.
   Loaded by layouts/aurora/funnel.php. Scoped to .ck / .ty; existing
   Aurora tokens only. Pairs with aurora-signature.css.
   ===================================================================== */
[data-theme="aurora"] .ck, [data-theme="aurora"] .ty { width: min(1040px, 100% - 2rem); margin: clamp(1.2rem, 4vw, 2.6rem) auto clamp(2rem, 5vw, 3.4rem); }
[data-theme="aurora"] .ck .li, [data-theme="aurora"] .ty .li { width: 1.1em; height: 1.1em; flex: none; }

/* progress */
.ck-steps { display: flex; align-items: center; justify-content: center; gap: .6rem; margin-bottom: 1.6rem; flex-wrap: wrap; }
.ck-steps span { display: inline-flex; align-items: center; gap: .4rem; font-size: .84rem; font-weight: 600; color: var(--au-ink-3); padding: .4rem .8rem; border-radius: 999px; background: rgba(255,255,255,.6); border: 1px solid var(--au-line); }
.ck-steps span.is-done { color: var(--au-emerald); border-color: rgba(46,140,69,.3); }
.ck-steps span.is-on { color: var(--au-pine); background: var(--au-gold-soft); border-color: #E3CF8E; }
.ck-steps i { width: 28px; height: 1px; background: var(--au-line-2); }
@media (max-width: 520px) { .ck-steps i { width: 12px; } .ck-steps span { font-size: .76rem; padding: .35rem .6rem; } }

.ck-head { text-align: center; margin-bottom: 1.6rem; }
.ck-head .au-eyebrow { justify-content: center; }
[data-theme="aurora"] .ck-head h1 { margin: .5rem 0 .4rem; font-size: var(--au-fs-h1); color: var(--au-pine); }
[data-theme="aurora"] .ck-head p { margin: 0; color: var(--au-ink-2); }

.ck-grid, .ty-grid { display: grid; gap: 1.2rem; grid-template-columns: minmax(0, 1fr); align-items: start; }
@media (min-width: 880px) { .ck-grid { grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); } .ty-grid { grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); } }

.ck-card {
    border-radius: 20px; padding: clamp(1.2rem, 3.5vw, 1.8rem);
    background: linear-gradient(rgba(255,255,255,.78), rgba(255,255,255,.78)) padding-box,
                linear-gradient(140deg, rgba(255,255,255,.95), rgba(255,255,255,.4) 40%, rgba(216,184,74,.3) 72%, rgba(46,140,69,.22)) border-box;
    border: 1px solid transparent;
    -webkit-backdrop-filter: saturate(160%) blur(16px); backdrop-filter: saturate(160%) blur(16px);
    box-shadow: 0 1px 0 #fff inset, 0 16px 40px -22px rgba(12,46,20,.3);
}
[data-theme="aurora"] .ck-card h2 { font-size: 1.15rem; margin: 0 0 1rem; color: var(--au-pine); }

/* pay card */
.ck-amount { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; padding-bottom: 1.1rem; margin-bottom: 1.2rem; border-bottom: 1px solid var(--au-line); }
.ck-amount span { color: var(--au-ink-2); }
.ck-amount strong { font-size: clamp(1.6rem, 4vw, 2.1rem); color: var(--au-pine); letter-spacing: -.02em; }
.sig-serif .ck-amount strong { font-family: var(--sig-serif, 'Lora', serif); font-weight: 600; }
[data-theme="aurora"] .ck .ck-btn { display: inline-flex; align-items: center; justify-content: center; gap: .55rem; }
[data-theme="aurora"] .ck .ck-btn:disabled { opacity: .75; cursor: progress; transform: none; }
[data-theme="aurora"] .ck-fine { display: flex; gap: .5rem; align-items: flex-start; margin: .9rem 0 0; color: var(--au-ink-3); font-size: .84rem; line-height: 1.5; }
.ck-fine .li { color: var(--au-emerald-3); margin-top: .1rem; }
.ck-msg { display: flex; gap: .55rem; align-items: flex-start; margin: 0 0 1rem; padding: .8rem 1rem; border-radius: 12px; background: #FBF3E2; border: 1px solid #EAD7A6; color: #6E5712; font-size: .92rem; line-height: 1.5; }
.ck-msg[hidden] { display: none; }
.ck-msg .li { margin-top: .15rem; }
[data-theme="aurora"] .ck-back { display: inline-flex; align-items: center; gap: .4rem; margin-top: 1.1rem; color: var(--au-ink-2); font-size: .9rem; text-decoration: none; }
.ck-back:hover { color: var(--au-pine); }
.ck-back .ck-back__ic { transform: rotate(180deg); }

/* summary */
.ck-items { list-style: none; margin: 0; padding: 0; }
.ck-items li { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: .75rem; align-items: center; padding: .7rem 0; border-bottom: 1px solid var(--au-line); }
.ck-items__ic { width: 38px; height: 38px; border-radius: 11px; display: grid; place-items: center; color: var(--au-emerald); background: linear-gradient(150deg, #fff, #E8F0E9); border: 1px solid rgba(255,255,255,.9); box-shadow: 0 0 0 1px rgba(26,92,42,.08); }
.ck-items__name { color: var(--au-ink); font-size: .93rem; line-height: 1.35; }
.ck-items__name small { color: var(--au-ink-3); }
.ck-items strong { color: var(--au-pine); font-size: .95rem; white-space: nowrap; }
.ck-row { display: flex; justify-content: space-between; padding: .7rem 0; color: var(--au-ink-2); font-size: .95rem; }
.ck-row--total { border-top: 1px solid var(--au-line-2); margin-top: .2rem; padding-top: .9rem; color: var(--au-pine); font-weight: 700; font-size: 1.05rem; }
.ck-trust { list-style: none; margin: 1.1rem 0 0; padding: 1rem 0 0; border-top: 1px dashed var(--au-line-2); display: grid; gap: .55rem; }
.ck-trust li { display: flex; align-items: center; gap: .55rem; color: var(--au-ink-2); font-size: .88rem; }
.ck-trust .li { color: var(--au-gold); }

/* ---------- Thank you ---------- */
.ty-hero {
    position: relative; overflow: hidden; text-align: center; color: #EAF7EE;
    border-radius: 22px; padding: clamp(2rem, 6vw, 3.4rem) clamp(1.2rem, 4vw, 2.4rem);
    background-image: url("../images/terrain.svg"), linear-gradient(160deg, #103A1B 0%, #0A2611 100%);
    background-size: cover, auto; background-position: center;
    box-shadow: 0 30px 60px -36px rgba(12,46,20,.6);
    margin-bottom: 1.2rem;
}
.ty-hero .au-eyebrow { color: var(--au-gold-2); justify-content: center; }
[data-theme="aurora"] .ty-hero h1 { color: #fff; margin: .55rem auto .7rem; font-size: var(--au-fs-h1); max-width: 22ch; }
.ty-seal { width: 78px; height: 78px; margin: 0 auto 1rem; border-radius: 50%; display: grid; place-items: center; background: rgba(216,184,74,.12); box-shadow: 0 0 0 10px rgba(216,184,74,.06); }
.ty-seal svg { width: 62px; height: 62px; }
.ty-seal__ring { stroke: var(--au-gold-2); stroke-width: 2.4; stroke-dasharray: 183; stroke-dashoffset: 183; animation: ty-draw .9s cubic-bezier(.65,0,.35,1) .15s forwards; }
.ty-seal__tick { stroke: #fff; stroke-width: 3.6; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 40; stroke-dashoffset: 40; animation: ty-draw .45s cubic-bezier(.65,0,.35,1) .9s forwards; }
@keyframes ty-draw { to { stroke-dashoffset: 0; } }
@media (prefers-reduced-motion: reduce) { .ty-seal__ring, .ty-seal__tick { animation: none; stroke-dashoffset: 0; } }
.ty-when { display: inline-flex; align-items: center; gap: .5rem; margin: 0 0 .8rem; padding: .5rem 1rem; border-radius: 999px; background: rgba(255,255,255,.08); border: 1px solid rgba(216,184,74,.35); color: #fff; font-weight: 600; }
.ty-when .li { color: var(--au-gold-2); }
[data-theme="aurora"] .ty-sub { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: .6rem; margin: 0; color: #CFE3D4; }
.ty-sub strong { color: #fff; letter-spacing: .02em; }
.ty-badge { display: inline-flex; align-items: center; gap: .35rem; padding: .25rem .65rem; border-radius: 999px; font-size: .78rem; font-weight: 700; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.2); color: #EAF7EE; }
.ty-badge--ok { background: rgba(46,140,69,.35); border-color: rgba(127,196,127,.5); }
.ty-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: .7rem; margin-top: 1.5rem; }
[data-theme="aurora"] .ty .ck-btn { display: inline-flex; align-items: center; gap: .55rem; }
.ty-steps { list-style: none; margin: 0; padding: 0; display: grid; gap: .2rem; counter-reset: s; }
.ty-steps li { position: relative; display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: .9rem; padding: .75rem 0; }
.ty-steps li:not(:last-child)::after { content: ""; position: absolute; left: 21px; top: 54px; bottom: -8px; width: 2px; border-radius: 2px; background: linear-gradient(180deg, rgba(216,184,74,.6), rgba(46,140,69,.25)); }
.ty-steps__ic { width: 44px; height: 44px; border-radius: 13px; display: grid; place-items: center; color: var(--au-gold-ink); background: linear-gradient(150deg, #FFFBEE, #F2E3B4); box-shadow: 0 0 0 1px rgba(184,151,42,.2), 0 6px 14px -8px rgba(184,151,42,.6); }
.ty-steps li:first-child .ty-steps__ic { color: #fff; background: var(--au-grad-green, linear-gradient(135deg,#1A5C2A,#11401C)); }
.ty-steps strong { display: block; color: var(--au-pine); font-size: 1rem; margin-top: .1rem; }
[data-theme="aurora"] .ty-steps p { margin: .2rem 0 0; color: var(--au-ink-2); font-size: .92rem; line-height: 1.55; }
.ty .ri-promo { margin-top: 1.2rem; }

/* dark mode safety */
html[data-mode="dark"] .ck-card { background: linear-gradient(rgba(18,38,26,.8), rgba(18,38,26,.8)) padding-box, linear-gradient(140deg, rgba(255,255,255,.14), rgba(216,184,74,.25)) border-box; }
@media (max-width: 420px) { .ck-steps { gap: 5px; flex-wrap: nowrap; } .ck-steps i { display: none; } .ck-steps span { padding: .3rem .55rem; font-size: .7rem; } }