/* Danbuzz checkout and thank-you pages (checkout.php, woocommerce/checkout/*). Built on events.css: its tokens (.devt), the
   night -> day blocks, glass cards and the event page's notched ticket stub. Everything is scoped to .devt-co. */

/* WoodMart's own page title and checkout steps give way to ours; snippets 27/28 summaries give way to the stub */
.devt-co-page :is(.wd-page-title,.wd-checkout-steps){display:none}
.devt-co-page :is(.buzzpass-credit-card,.checkout-price-cut-box){display:none!important}
.devt.devt-co{--co-ok:#0F7B4A;--co-line:rgba(81,42,116,.2);--co-field:rgba(255,255,255,.88)}
.devt.devt-co :is(input[type=radio],input[type=checkbox]){accent-color:var(--accent)}

/* ---------- Night header: kicker, title, steps, login and coupon ---------- */
.devt .devt-co-head{padding-top:64px;padding-bottom:150px}
.devt .devt-co-kicker{display:inline-flex;align-items:center;gap:6px;margin:0 0 10px;color:var(--bolt)}
.devt .devt-co-kicker .devt-i{width:14px;height:14px}
.devt .devt-co-head .devt-title{font-size:clamp(44px,7vw,88px)}
.devt .devt-co-steps{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 0;padding:0;list-style:none;counter-reset:none}
.devt .devt-co-steps li{display:flex;margin:0}
.devt .devt-co-steps :is(li>a,li:not(:has(a))){display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px 0 6px;border:1px solid var(--glass-line);border-radius:999px;background:var(--glass);color:var(--ink-2);font:500 14px var(--sans);text-decoration:none}
.devt .devt-co-steps span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,.14);font:700 12px var(--mono)}
.devt .devt-co-steps li.is-done>a{color:#fff}
.devt .devt-co-steps li.is-done span{background:var(--bolt);color:#1E1030}
.devt .devt-co-steps li[aria-current]{border-radius:999px;box-shadow:0 0 0 2px #fff}
.devt .devt-co-steps li[aria-current]:not(:has(a)){background:#fff;color:#1E1030;font-weight:600}
.devt .devt-co-steps li[aria-current] span{background:var(--accent);color:#fff}
.devt .devt-co-notices{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;max-width:640px;margin-top:22px}
.devt .devt-co-notices :is(.woocommerce-form-login-toggle,.woocommerce-form-coupon-toggle) .woocommerce-info{margin:0;padding:12px 16px!important;border:1px solid var(--glass-line)!important;border-radius:14px;background:var(--glass)!important;color:var(--ink-2)!important;font:400 14px/1.5 var(--sans)} /* !important: WoodMart's woo-page-checkout.css forces these dark */
.devt .devt-co-notices .woocommerce-info::before{display:none}
.devt .devt-co-notices .woocommerce-info a{color:#fff!important;font-weight:600;text-decoration:underline;text-decoration-color:var(--bolt);text-underline-offset:3px}
.devt .devt-co-notices :is(form.login,form.checkout_coupon){margin:0;padding:18px;border:1px solid var(--glass-line);border-radius:18px;background:var(--glass);color:var(--ink)}
.devt .devt-co-notices :is(form.login,form.checkout_coupon) p{color:var(--ink-2)}
.devt .devt-co-notices :is(form.login,form.checkout_coupon) :is(input.input-text,input[type=text],input[type=password],input[type=email]){height:48px;padding:0 14px;border:1px solid var(--glass-line);border-radius:12px;background:rgba(255,255,255,.1);color:#fff}
.devt .devt-co-notices :is(form.login,form.checkout_coupon) button{height:48px;padding:0 20px;border:0;border-radius:12px;background:#fff;color:#1E1030;font:600 15px var(--sans)}

/* ---------- Day block: details | ticket stub ---------- */
.devt .devt-co-body{padding-top:0;padding-bottom:190px}
.devt .devt-co-form{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);align-items:start;gap:28px 40px;margin-top:-104px} /* the cards rise into the night fade */
.devt .devt-co-main{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;min-width:0} /* explicit, like .devt-ty-main: a wide child must not widen it */
.devt .devt-co-side{position:sticky;top:96px;min-width:0}
.devt .devt-co-card{margin:0;padding:28px;border:1px solid var(--glass-line);border-radius:24px;background:var(--glass);box-shadow:inset 0 1px 0 var(--glass-hi),0 30px 60px -36px rgba(42,21,64,.5);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
.devt .devt-co-card-head{display:flex;align-items:flex-start;gap:14px;margin-bottom:22px}
.devt .devt-co-card-head h2{margin:0;color:var(--ink);font:700 30px/1 var(--display);font-stretch:75%;letter-spacing:-.01em;text-transform:none}
.devt .devt-co-card-head p{margin:6px 0 0;color:var(--ink-3);font-size:14px}
.devt .devt-co-num{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--accent);color:#fff;font:700 15px var(--mono)}
.devt .devt-co-stub-head{margin:0 0 14px;padding-inline:4px}

/* WooCommerce's two-column customer box becomes one; its "Billing details" heading is ours now */
.devt.devt-co #customer_details{display:block;width:auto;float:none}
.devt.devt-co #customer_details :is(.col-1,.col-2){float:none;width:auto;max-width:none;padding:0}
.devt.devt-co #customer_details .col-2:empty{display:none}
.devt.devt-co .woocommerce-billing-fields>h3,.devt.devt-co .woocommerce-shipping-fields>h3:not(#ship-to-different-address){display:none}
.devt.devt-co :is(.woocommerce-billing-fields__field-wrapper,.woocommerce-shipping-fields__field-wrapper,.woocommerce-additional-fields__field-wrapper){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
.devt.devt-co .form-row{grid-column:1/-1;float:none;width:auto;margin:0;padding:0}
.devt.devt-co :is(.form-row-first,.form-row-last){grid-column:span 1}
.devt.devt-co .form-row label{display:block;margin:0 0 6px;color:var(--ink-2);font:600 13px/1.3 var(--sans)}
.devt.devt-co .form-row label .required{color:var(--accent);text-decoration:none;border:0}
.devt.devt-co .form-row label .optional{color:var(--ink-3);font-weight:400}
.devt.devt-co .form-row :is(input.input-text,select,textarea){box-sizing:border-box;width:100%;height:52px;margin:0;padding:0 16px;border:1px solid var(--co-line);border-radius:14px;background:var(--co-field);box-shadow:none;color:var(--ink);font:400 16px var(--sans);transition:border-color .2s var(--ease),box-shadow .2s var(--ease)}
.devt.devt-co .form-row textarea{height:auto;min-height:96px;padding-block:12px}
.devt.devt-co .form-row :is(input.input-text,select,textarea):focus{border-color:var(--accent);outline:0;box-shadow:0 0 0 4px rgba(130,36,227,.16)}
.devt.devt-co .form-row.woocommerce-invalid :is(input.input-text,select){border-color:var(--sold);box-shadow:0 0 0 3px rgba(180,35,24,.12)}
.devt.devt-co .select2-container .select2-selection--single{height:52px;border:1px solid var(--co-line);border-radius:14px;background:var(--co-field)}
.devt.devt-co .select2-container .select2-selection__rendered{line-height:50px;padding-left:16px}
.devt.devt-co .select2-container .select2-selection__arrow{height:50px}

/* The promo tick, under the details (tickets.php; one optional box since 2026-10-07, was a required Yes/No) */
.devt.devt-co .danbuzz-promo{margin:0;padding:18px 22px;border:1px solid var(--glass-line);border-radius:20px;background:var(--glass);box-shadow:inset 0 1px 0 var(--glass-hi);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
.devt.devt-co .danbuzz-promo-tick{display:flex;align-items:flex-start;gap:12px;margin:0;color:var(--ink);font:600 16px/1.35 var(--sans);cursor:pointer}
.devt.devt-co .danbuzz-promo-tick input{flex:none;width:22px;height:22px;margin:1px 0 0;accent-color:var(--accent)}
.devt.devt-co .danbuzz-promo-tick small{display:block;margin-top:2px;color:var(--ink-3);font:400 14px/1.4 var(--sans)}
.devt.devt-co .danbuzz-promo-tick:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:4px;border-radius:6px}
/* "Who's booking?" above the form for a logged-out buyer (form-checkout.php, no login detour since 2026-10-07) */
.devt .devt-co-gate.devt-co-quick{position:relative;z-index:1;margin:-104px auto 28px} /* it rises into the night fade instead of the form */
.devt .devt-co-quick+.devt-co-form{margin-top:0}
.devt .devt-co-gate .devt-co-quick-login{margin:0;text-align:center;font-size:14px}
.devt .devt-co-gate .devt-co-quick-login a{color:#fff;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.devt .devt-co-pack-terms{display:block;margin-top:4px;color:var(--ink-3);font-size:12.5px;line-height:1.4}
.devt .devt-co-help{display:block;margin-top:14px;text-align:center}
.devt.devt-co .danbuzz-promo-saved{margin:0;padding:14px 18px;border-radius:14px;background:var(--glass);color:var(--ink-2);font-size:14px}

/* ---------- The ticket stub: summary (top half) over payment (bottom half), with the event page's notches ---------- */
.devt .devt-co-stub{filter:drop-shadow(0 1px 1px rgba(18,16,22,.1)) drop-shadow(0 22px 30px rgba(26,17,34,.3))}
.devt .devt-co-stub .devt-co-sum{display:block;width:100%;margin:0;padding:20px 22px 18px;border:0;border-radius:18px 18px 0 0;background:var(--surface);color:var(--ink);
	-webkit-mask:radial-gradient(circle at 0 100%,#0000 12px,#000 12.5px) left/51% 100% no-repeat,radial-gradient(circle at 100% 100%,#0000 12px,#000 12.5px) right/51% 100% no-repeat;
	mask:radial-gradient(circle at 0 100%,#0000 12px,#000 12.5px) left/51% 100% no-repeat,radial-gradient(circle at 100% 100%,#0000 12px,#000 12.5px) right/51% 100% no-repeat}
.devt .devt-co-sum :is(thead,tbody,tfoot){display:block}
.devt .devt-co-sum tr{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:4px 14px;margin:0;padding:6px 0;border:0;background:none}
.devt .devt-co-sum :is(th,td){display:block;padding:0;border:0;background:none;color:inherit;font:400 14px/1.4 var(--sans);text-align:left;text-transform:none;letter-spacing:0}
.devt .devt-co-sum :is(td:last-child,th+td){text-align:right;font:500 15px/1.4 var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap}
.devt .devt-co-sum thead th{color:var(--ink-3);font:500 11px/1.2 var(--mono);letter-spacing:.08em;text-transform:uppercase}
.devt .devt-co-sum tbody{margin:4px 0 10px;border-bottom:2px dashed var(--rule)}
.devt .devt-co-sum tr.devt-co-item{align-items:start;padding:12px 0}
.devt .devt-co-sum tr.devt-co-item+tr.devt-co-item{border-top:1px solid var(--rule)}
.devt .devt-co-sum .devt-co-item td.product-name{display:flex;gap:12px;min-width:0}
.devt :is(.devt-co-sum,.devt-ty-items) .devt-co-thumb{flex:none;width:52px;height:65px;overflow:hidden;border-radius:8px;background:#512A74}
.devt :is(.devt-co-sum,.devt-ty-items) .devt-co-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.devt :is(.devt-co-sum,.devt-ty-items) .devt-co-what{display:grid;gap:3px;min-width:0}
.devt :is(.devt-co-sum,.devt-ty-items) .devt-co-title{color:var(--ink);font:700 17px/1.1 var(--display);font-stretch:75%;text-transform:uppercase;text-wrap:balance}
.devt :is(.devt-co-sum,.devt-ty-items) .devt-co-type{color:var(--ink-2);font-size:13px}
.devt .devt-co-sum .product-quantity{font-weight:600}
.devt :is(.devt-co-sum,.devt-ty-items) :is(dl.variation,ul.wc-item-meta){display:grid;grid-template-columns:auto 1fr;gap:0 6px;margin:4px 0 0;padding:0;color:var(--ink-3);font-size:12px;list-style:none}
.devt :is(.devt-co-sum,.devt-ty-items) :is(dl.variation dt,dl.variation dd,ul.wc-item-meta li){margin:0;padding:0;float:none;font-weight:400}
.devt :is(.devt-co-sum,.devt-ty-items) ul.wc-item-meta li{grid-column:1/-1;display:flex;gap:6px}
.devt :is(.devt-co-sum,.devt-ty-items) :is(dl.variation dd p,ul.wc-item-meta p){margin:0}
.devt .devt-co-sum .devt-co-item td.product-total{display:grid;justify-items:end;gap:2px}
.devt .devt-co-was{color:var(--ink-3);font:400 12px var(--mono);text-decoration:line-through}
.devt .devt-co-sum tfoot tr :is(th,td){font-size:14px}
.devt .devt-co-sum tfoot th small{display:block;margin-top:2px;color:var(--ink-3);font:400 12px/1.35 var(--sans);text-transform:none;letter-spacing:0}
.devt .devt-co-sum .devt-co-orig td{color:var(--ink-3);text-decoration:line-through}
.devt .devt-co-sum :is(.devt-co-disc,.devt-co-waived) td,.devt .devt-co-sum .devt-co-waived small{color:var(--co-ok)}
.devt .devt-co-sum .devt-co-waived td s{margin-right:6px;color:var(--ink-3)}
.devt .devt-co-sum tr.order-total{margin-top:6px;padding-top:12px;border-top:1px solid var(--rule)}
.devt .devt-co-sum tr.order-total th{color:var(--ink);font:700 20px/1 var(--display);font-stretch:75%;text-transform:uppercase}
.devt .devt-co-sum tr.order-total td{color:var(--ink);font:800 30px/1 var(--display);font-stretch:75%}
.devt .devt-co-sum tr.order-total td small{display:block;color:var(--ink-3);font:400 11px var(--mono)} /* WooCommerce's "includes tax" note */
.devt .devt-co-sum tr.devt-co-saved{grid-template-columns:1fr;padding-top:12px}
.devt .devt-co-sum tr.devt-co-saved td{text-align:left;white-space:normal;font:inherit}
.devt :is(.devt-co-sum tr.devt-co-saved td>span,.devt-co-saved-pill){display:inline-block;max-width:100%;padding:7px 14px 7px 10px;border-radius:999px;background:#FFF4C2;color:#5C4200;font:600 13px/1.2 var(--sans);text-align:left;white-space:normal}
.devt :is(.devt-co-sum,.devt-co-saved-pill) .devt-i{display:inline-block;width:14px;height:14px;margin:-2px 6px 0 0;vertical-align:middle;color:#C99A00}

.devt .devt-co-stub #payment{position:relative;margin:0;padding:20px 22px 22px;border:0;border-radius:0 0 18px 18px;background:var(--surface);color:var(--ink);
	-webkit-mask:radial-gradient(circle at 0 0,#0000 12px,#000 12.5px) left/51% 100% no-repeat,radial-gradient(circle at 100% 0,#0000 12px,#000 12.5px) right/51% 100% no-repeat;
	mask:radial-gradient(circle at 0 0,#0000 12px,#000 12.5px) left/51% 100% no-repeat,radial-gradient(circle at 100% 0,#0000 12px,#000 12.5px) right/51% 100% no-repeat}
.devt .devt-co-stub #payment::before{content:"";position:absolute;left:22px;right:22px;top:0;border-top:2px dashed var(--rule)}
.devt .devt-co-stub #payment ul.payment_methods{display:grid;gap:10px;margin:0 0 16px;padding:0;border:0;list-style:none}
.devt .devt-co-stub #payment ul.payment_methods::before,.devt .devt-co-stub #payment ul.payment_methods::after{display:none}
.devt .devt-co-pay{position:relative;margin:0!important;padding:0!important;list-style:none}
.devt .devt-co-pay>input{position:absolute;opacity:0;pointer-events:none}
.devt .devt-co-pay>label{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px;margin:0;padding:14px;border:1.5px solid var(--rule);border-radius:14px;background:#fff;color:var(--ink);cursor:pointer;transition:border-color .2s var(--ease),background .2s var(--ease),box-shadow .2s var(--ease)}
.devt .devt-co-pay>label:hover{border-color:rgba(130,36,227,.5)}
.devt .devt-co-pay:has(>input:checked)>label{border-color:var(--accent);background:#F7F1FF;box-shadow:0 0 0 3px rgba(130,36,227,.12)}
.devt .devt-co-pay:has(>input:focus-visible)>label{outline:2px solid var(--accent);outline-offset:2px}
.devt .devt-co-pay>label img{display:none} /* gateway logos: the card says it in words */
.devt .devt-co-pay-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#F0E9FA;color:#512A74}
.devt .devt-co-pay.is-credits .devt-co-pay-icon{background:#1E1030;color:var(--bolt)}
.devt .devt-co-pay-icon .devt-i{width:20px;height:20px}
.devt .devt-co-pay-text{display:grid;gap:2px;min-width:0}
.devt .devt-co-pay-title{font:600 15px/1.25 var(--sans)}
.devt .devt-co-pay-sub{color:var(--ink-3);font-size:12.5px;line-height:1.4}
.devt .devt-co-pay-nudge{color:var(--accent);font:600 12.5px/1.4 var(--sans)}
.devt .devt-co-pay-warn{color:var(--sold);font:600 12.5px/1.4 var(--sans)}
.devt .devt-co-pay-tag{align-self:start;padding:4px 9px;border-radius:999px;background:#FFF4C2;color:#5C4200;font:600 11px/1.2 var(--sans);white-space:nowrap}
.devt .devt-co-pay:has(>input:checked) .devt-co-pay-tag{background:var(--bolt);color:#1E1030}
.devt .devt-co-stub #payment .payment_box{margin:8px 0 0;padding:12px 14px;border-radius:12px;background:#F4F0F7;color:var(--ink-2);font-size:13px}
.devt .devt-co-stub #payment .payment_box::before{display:none}
.devt .devt-co-stub #payment .payment_box :is(p,fieldset){margin:0}
.devt .devt-co-stub #payment .payment_box:is(.payment_method_razorpay,.payment_method_cod,.payment_method_mycred){display:none!important} /* the card already says it */
.devt .devt-co-stub #payment .place-order{margin:0;padding:0;background:none}
.devt .devt-co-stub .woocommerce-terms-and-conditions-wrapper{margin:0 0 14px;color:var(--ink-3);font-size:12.5px;line-height:1.5}
.devt .devt-co-stub .woocommerce-terms-and-conditions-wrapper a{color:var(--accent)}
.devt .devt-co-stub .woocommerce-terms-and-conditions-wrapper .form-row{margin-top:8px}
.devt .devt-co-stub .woocommerce-terms-and-conditions-wrapper label{display:flex;align-items:flex-start;gap:8px;color:var(--ink-2);font:500 13px/1.4 var(--sans)}
.devt .devt-co-stub #place_order{float:none;display:block;width:100%;height:58px;margin:0;padding:0 18px;border:0;border-radius:14px;background:var(--accent);box-shadow:0 18px 30px -18px rgba(130,36,227,.8);color:#fff;font:700 17px var(--sans);letter-spacing:0;text-transform:none;transition:background .2s var(--ease),transform .12s var(--ease)}
.devt .devt-co-stub #place_order:hover{background:var(--accent-press)}
.devt .devt-co-stub #place_order:active{transform:scale(.98)}
.devt .devt-co-stub #place_order:focus-visible{outline:3px solid var(--bolt);outline-offset:3px}
.devt.devt-co .blockUI.blockOverlay{border-radius:18px;background:rgba(255,255,255,.6)!important}

/* Checkout errors. WooCommerce puts them at the top of the form (which rises into the night fade) and scrolls there, so the card is
   solid, clears the sticky header, and its links keep the error colour (WoodMart would make them white). Under a field: the
   inline message and a red border; the email Yes/No gets a red outline when it was left unanswered (checkout.js). */
.devt.devt-co :is(.woocommerce-NoticeGroup-checkout,.woocommerce-NoticeGroup-updateOrderReview){grid-column:1/-1;scroll-margin-top:120px}
.devt.devt-co .woocommerce-NoticeGroup :is(ul.woocommerce-error,.woocommerce-message,.woocommerce-info){position:relative;margin:0;padding:16px 18px 16px 52px;border:1px solid rgba(180,35,24,.28);border-radius:16px;background:#fff;box-shadow:0 20px 40px -26px rgba(26,17,34,.6);color:#7A1A12;font:500 15px/1.5 var(--sans);list-style:none;text-align:left}
.devt.devt-co .woocommerce-NoticeGroup :is(.woocommerce-message,.woocommerce-info){border-color:rgba(130,36,227,.28);color:var(--ink)}
.devt.devt-co .woocommerce-NoticeGroup ul.woocommerce-error::before{left:18px;top:18px;color:var(--sold)}
.devt.devt-co .woocommerce-NoticeGroup ul.woocommerce-error li{margin:0;padding:3px 0;color:#7A1A12}
.devt.devt-co .woocommerce-NoticeGroup ul.woocommerce-error :is(a,a:hover){color:#7A1A12!important;font-weight:600;text-decoration:underline;text-decoration-color:rgba(122,26,18,.4);text-underline-offset:3px}
.devt.devt-co .woocommerce-NoticeGroup :is(.woocommerce-message,.woocommerce-info) a{color:var(--accent)!important}
.devt.devt-co .checkout-inline-error-message{margin:6px 0 0;color:var(--sold);font:500 12.5px/1.4 var(--sans)}
.devt.devt-co .woocommerce-terms-and-conditions-wrapper .woocommerce-invalid label{color:var(--sold)}
.devt.devt-co .danbuzz-promo.is-missing{border-color:var(--sold);box-shadow:0 0 0 3px rgba(180,35,24,.14)}
.devt.devt-co .danbuzz-promo.is-missing legend{color:var(--sold)}

/* The phone Pay bar (checkout.js): total + Pay, until the real button is on screen */
.devt .devt-co-bar{display:none}

/* ---------- Thank-you page ---------- */
.devt .devt-ty-head{padding-top:64px;padding-bottom:150px}
.devt .devt-ty-mark{display:grid;place-items:center;width:64px;height:64px;margin-bottom:18px;border-radius:50%;background:var(--bolt);color:#1E1030;box-shadow:0 0 0 8px rgba(245,197,24,.18);animation:devt-rise .5s var(--settle) both}
.devt .devt-ty-head.is-wait .devt-ty-mark{background:rgba(255,255,255,.14);color:#fff;box-shadow:0 0 0 8px rgba(255,255,255,.06)}
.devt .devt-ty-head.is-failed .devt-ty-mark{background:#E5484D;color:#fff;box-shadow:0 0 0 8px rgba(229,72,77,.2)}
.devt .devt-ty-mark svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.devt .devt-ty-head .devt-label{margin:0 0 8px;color:var(--bolt)}
.devt .devt-ty-head .devt-title{font-size:clamp(44px,7.5vw,92px)}
.devt .devt-ty-lede{max-width:56ch;margin:14px 0 0;color:var(--ink-2);font-size:18px;line-height:1.5;text-wrap:pretty}
.devt .devt-ty-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin:20px 0 0}
.devt .devt-ty-btn{display:inline-flex;align-items:center;height:50px;padding:0 26px;border-radius:14px;background:#fff;color:#1E1030;font:700 16px var(--sans);text-decoration:none}
.devt .devt-ty-btn:hover{background:var(--bolt);color:#1E1030}
.devt .devt-ty-link{color:#fff;font-weight:600}
/* "Complete your payment" (order-receipt.php): Razorpay's own markup. Its "click the button below" line repeats the lede; its
   buttons become ours; its "Please wait" note carries inline colours */
.devt .devt-ty-gateway{margin:24px 0 0;color:var(--ink-2)}
.devt .devt-ty-gateway>p:has(+form[name=razorpayform]){display:none}
.devt .devt-ty-gateway p{margin:0 0 12px}
.devt .devt-ty-gateway p:has(#btn-razorpay){display:flex;flex-wrap:wrap;align-items:center;gap:18px}
.devt .devt-ty-gateway #btn-razorpay{height:50px;padding:0 30px;border:0;border-radius:14px;background:#fff;color:#1E1030;font:700 16px var(--sans);text-transform:none;letter-spacing:0;cursor:pointer}
.devt .devt-ty-gateway #btn-razorpay:hover{background:var(--bolt)}
.devt .devt-ty-gateway #btn-razorpay-cancel{height:auto;padding:0;border:0;background:none;color:#fff;font:600 16px var(--sans);text-decoration:underline;text-underline-offset:4px;text-transform:none;letter-spacing:0;cursor:pointer}
.devt .devt-ty-gateway #msg-razorpay-success{padding:14px 18px!important;border:0!important;border-radius:14px;background:rgba(255,255,255,.12)!important;color:#fff}
.devt .devt-ty-facts{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0 0;padding:0}
.devt .devt-ty-facts>div{display:grid;gap:2px;padding:10px 16px;border:1px solid var(--glass-line);border-radius:14px;background:var(--glass)}
.devt .devt-ty-facts dt{color:var(--ink-3);font:500 10.5px/1.2 var(--mono);letter-spacing:.08em;text-transform:uppercase}
.devt .devt-ty-facts dd{margin:0;color:#fff;font:600 15px/1.3 var(--sans);font-variant-numeric:tabular-nums}
.devt .devt-ty-facts dd .woocommerce-Price-amount{color:inherit}

.devt .devt-ty-body{padding-top:0;padding-bottom:190px}
.devt .devt-ty-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,400px);align-items:start;gap:24px 40px;margin:-104px 0 56px}
.devt .devt-ty-main{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;min-width:0} /* an explicit column: an auto one grew to its widest child (the audition upload) and pushed the whole column off a phone */
.devt .devt-ty-main>*{min-width:0;overflow-wrap:anywhere}
.devt .devt-ty-main input[type=file]{max-width:100%}
.devt .devt-ty-side{position:sticky;top:96px;display:grid;gap:16px;min-width:0}
.devt .devt-ty-event{display:grid;grid-template-columns:120px minmax(0,1fr);gap:18px;padding:14px;border:1px solid var(--glass-line);border-radius:22px;background:var(--glass);box-shadow:inset 0 1px 0 var(--glass-hi),0 26px 48px -32px var(--tint,#512A74);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:var(--ink);text-decoration:none;transition:transform .3s var(--ease)}
.devt .devt-ty-event:hover{color:var(--ink);transform:translateY(-3px)}
.devt .devt-ty-event-art{overflow:hidden;aspect-ratio:4/5;border-radius:14px;background:#512A74}
.devt .devt-ty-event-art img{display:block;width:100%;height:100%;object-fit:cover}
.devt .devt-ty-event-text{display:grid;align-content:center;gap:6px;min-width:0}
.devt .devt-ty-event-text .devt-label{color:var(--ink-3)}
.devt .devt-ty-event-title{font:800 clamp(24px,3vw,34px)/.95 var(--display);font-stretch:70%;text-transform:uppercase;text-wrap:balance}
.devt .devt-ty-event-meta{color:var(--ink-2);font:500 13px/1.45 var(--mono)}

/* The tickets box (tickets.php) as a night pass */
.devt.devt-ty .danbuzz-tickets-box{position:relative;overflow:hidden;margin:0;padding:24px;border-radius:22px;background:#1E1030;background:radial-gradient(120% 90% at 100% 0,#512A74 0,transparent 60%),#1E1030;color:#fff;box-shadow:0 30px 60px -34px rgba(30,16,48,.8)}
.devt.devt-ty .danbuzz-tickets-h{margin:0 0 6px;color:#fff;font:700 30px/1 var(--display);font-stretch:75%;text-transform:none}
.devt.devt-ty :is(.danbuzz-tickets-count,.danbuzz-tickets-wait){margin:0 0 16px;color:rgba(255,255,255,.78);font-size:15px}
.devt.devt-ty .danbuzz-tickets-open{display:inline-flex;align-items:center;height:50px;padding:0 24px;border-radius:14px;background:var(--bolt);color:#1E1030;font:700 16px var(--sans);text-decoration:none;transition:transform .12s var(--ease)}
.devt.devt-ty .danbuzz-tickets-open:active{transform:scale(.98)}
.devt.devt-ty #danbuzz-fix-email{margin-top:18px;padding-top:16px;border-top:1px dashed rgba(255,255,255,.22);color:rgba(255,255,255,.78);font-size:14px}
.devt.devt-ty #danbuzz-fix-email p{margin:0}
.devt.devt-ty #danbuzz-fix-email strong{color:#fff}
.devt.devt-ty .danbuzz-fix-open{padding:0;border:0;background:none;color:var(--bolt);font:600 14px var(--sans);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.devt.devt-ty .danbuzz-fix-form{flex-wrap:wrap;gap:8px;margin-top:12px}
.devt.devt-ty .danbuzz-fix-form:not([style*="none"]){display:flex}
.devt.devt-ty .danbuzz-fix-form input[type=email]{flex:1;min-width:200px;height:46px;padding:0 14px;border:1px solid rgba(255,255,255,.24);border-radius:12px;background:rgba(255,255,255,.08);color:#fff;font:400 16px var(--sans)}
.devt.devt-ty .danbuzz-fix-send{height:46px;padding:0 18px;border:0;border-radius:12px;background:#fff;color:#1E1030;font:700 14px var(--sans);cursor:pointer}
.devt.devt-ty .danbuzz-fix-note{margin-top:8px!important;color:var(--bolt)}

/* Receipt and "Booked by" */
.devt .devt-ty-receipt,.devt .devt-ty-billing{padding:22px;border-radius:20px;background:var(--surface);color:var(--ink);box-shadow:0 22px 40px -28px rgba(26,17,34,.45)}
.devt .devt-ty-side h2{margin:0 0 14px;color:var(--ink);font:700 24px/1 var(--display);font-stretch:75%;text-transform:none}
.devt .devt-ty-items{display:grid;gap:0;margin:0 0 12px;padding:0 0 12px;border-bottom:2px dashed var(--rule);list-style:none}
.devt .devt-ty-items li{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:12px;margin:0;padding:10px 0}
.devt .devt-ty-items li+li{border-top:1px solid var(--rule)}
.devt .devt-ty-price{display:grid;justify-items:end;align-content:start;gap:2px;font:500 15px var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap}
.devt .devt-ty-totals{display:grid;gap:8px;margin:0;padding:0}
.devt .devt-ty-totals>div{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.devt .devt-ty-totals dt{color:var(--ink-2);font-size:14px}
.devt .devt-ty-totals dt small{display:block;color:var(--ink-3);font-size:12px}
.devt .devt-ty-totals dd{margin:0;font:500 15px var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap}
.devt .devt-ty-totals .is-off :is(dd,small){color:var(--co-ok)}
.devt .devt-ty-totals .is-total{margin-top:4px;padding-top:12px;border-top:1px solid var(--rule)}
.devt .devt-ty-totals .is-total dt{color:var(--ink);font:700 20px/1 var(--display);font-stretch:75%;text-transform:uppercase}
.devt .devt-ty-totals .is-total dd{font:800 28px/1 var(--display);font-stretch:75%}
.devt .devt-co-saved-pill{margin:14px 0 0}
.devt .devt-ty-billing p{margin:0;color:var(--ink-2);font-size:14px;line-height:1.6}
.devt .devt-ty-main>:not(.devt-ty-event):not(.danbuzz-tickets-box) h2{color:var(--ink)} /* anything else hooked in, e.g. the audition upload */

/* ---------- Narrow screens ---------- */
@media (max-width:980px){
	.devt .devt-co-form,.devt .devt-ty-grid{grid-template-columns:minmax(0,1fr);margin-top:-96px}
	.devt .devt-co-gate.devt-co-quick{margin-top:-96px}
	.devt :is(.devt-co-side,.devt-ty-side){position:static}
	.devt .devt-co-bar{position:fixed;z-index:400;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));background:var(--surface);border-top:1px solid var(--rule);box-shadow:0 -12px 30px -18px rgba(26,17,34,.4);transition:transform .3s var(--ease)}
	.devt .devt-co-bar[hidden],.devt .devt-co-bar.is-away{transform:translateY(110%)}
	.devt .devt-co-bar p{display:grid;margin:0}
	.devt .devt-co-bar-label{color:var(--ink-3);font:500 11px var(--mono);letter-spacing:.08em;text-transform:uppercase}
	.devt .devt-co-bar-total{color:var(--ink);font:800 24px/1 var(--display);font-stretch:75%}
	.devt .devt-co-bar-pay{height:50px;padding:0 22px;border:0;border-radius:14px;background:var(--accent);color:#fff;font:700 16px var(--sans)}
	.devt .devt-co-bar{flex-wrap:wrap;row-gap:10px}
	.devt .devt-co-bar-back{flex:1 0 100%;display:flex;align-items:center;gap:8px;padding:8px 10px;border:2px solid #F5C518;border-radius:12px;background:#FFF6CC;color:#1E1030;font:700 13px/1.3 var(--sans)}
	.devt .devt-co-bar-back svg{flex:none;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
	.devt-co-page:has(#payment_method_mycred:checked) .devt-co-bar-back{display:none}
	.devt .devt-co-body{padding-bottom:230px}
}
@media (max-width:599px){
	.devt :is(.devt-co-head,.devt-ty-head){padding-top:40px}
	.devt .devt-co-card{padding:20px;border-radius:20px}
	.devt .devt-co-card-head h2{font-size:26px}
	.devt .devt-co-stub .devt-co-sum{padding:18px 16px 16px}
	.devt .devt-co-stub #payment{padding:18px 16px}
	.devt .devt-co-pay>label{grid-template-columns:36px minmax(0,1fr);padding:12px}
	.devt .devt-co-pay-tag{grid-column:2;justify-self:start}
	.devt .devt-co-pay-icon{width:36px;height:36px}
	.devt .devt-ty-event{grid-template-columns:88px minmax(0,1fr);gap:14px}
	.devt .devt-ty-facts>div{flex:1 1 40%}
	.devt .devt-ty-lede{font-size:16px}
}
@media (prefers-reduced-motion:reduce){
	.devt :is(.devt-co-bar,.devt-ty-mark,.devt-ty-event,.devt-co-pay>label,#place_order){transition:none;animation:none}
}
/* Guests: "Have Buzzpass credits? Log in…" (myCred only offers credits to logged-in customers) */
.devt .devt-co-stub .devt-co-credits-hint{display:flex;align-items:flex-start;gap:10px;margin:0 0 14px;padding:12px 14px;border-radius:12px;background:#1E1030;color:rgba(255,255,255,.86);font:500 13.5px/1.45 var(--sans)}
.devt .devt-co-stub .devt-co-credits-hint .devt-i{flex:none;width:18px;height:18px;margin-top:1px;color:var(--bolt)}
.devt .devt-co-stub .devt-co-credits-hint a{color:var(--bolt);font-weight:700;text-decoration:underline;text-underline-offset:3px}
/* WooCommerce's "Create an account?" and "Additional information" (order notes) inside "Your details" */
.devt.devt-co .woocommerce-account-fields{margin-top:16px}
.devt.devt-co .woocommerce-account-fields .form-row label.checkbox,.devt.devt-co .woocommerce-account-fields label{display:inline-flex;align-items:center;gap:8px;margin:0;color:var(--ink-2);font:500 14px var(--sans);cursor:pointer}
.devt.devt-co .woocommerce-account-fields input[type=checkbox]{width:18px;height:18px;margin:0}
.devt.devt-co .woocommerce-additional-fields{margin-top:22px;padding-top:20px;border-top:1px dashed var(--co-line)}
.devt.devt-co .woocommerce-additional-fields>h3{margin:0 0 12px;color:var(--ink);font:700 20px/1.1 var(--display);font-stretch:75%;letter-spacing:0;text-transform:none}

/* ---------- Cart (woocommerce/cart/*): a card per ticket line beside the summary stub ---------- */
.devt .devt-cart-lines{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
.devt.devt-co .devt-cart-line{display:grid;grid-template-columns:104px minmax(0,1fr) auto;align-items:start;gap:14px 20px;padding:18px}
.devt .devt-cart-poster{display:block;overflow:hidden;aspect-ratio:4/5;border-radius:14px;background:#512A74}
.devt .devt-cart-poster img{display:block;width:100%;height:100%;object-fit:cover}
.devt .devt-cart-info{display:grid;align-content:start;gap:4px;min-width:0}
.devt .devt-cart-when{margin:0;color:var(--ink-3)}
.devt .devt-cart-title{margin:0;font:800 clamp(22px,2.4vw,28px)/.95 var(--display);font-stretch:70%;text-transform:uppercase;text-wrap:balance}
.devt .devt-cart-title a{color:var(--ink);text-decoration:none}
.devt .devt-cart-title a:hover{color:var(--accent)}
.devt .devt-cart-type{margin:0;color:var(--ink-2);font-size:14px}
.devt.devt-co .devt-cart-info dl.variation{display:grid;grid-template-columns:auto 1fr;gap:0 6px;margin:4px 0 0;color:var(--ink-3);font-size:12.5px}
.devt.devt-co .devt-cart-info dl.variation :is(dt,dd){margin:0;padding:0;float:none;font-weight:400}
.devt.devt-co .devt-cart-info dl.variation dd p{margin:0}
.devt .devt-cart-each{margin:6px 0 0;font:500 14px var(--mono);font-variant-numeric:tabular-nums}
.devt .devt-cart-each .devt-co-was{margin-right:6px}
.devt .devt-cart-each>span:last-child{color:var(--ink-3);font:400 12px var(--sans)}
.devt .devt-cart-side{display:grid;justify-items:end;gap:10px}
.devt.devt-co .devt-cart-side .quantity{display:inline-flex;align-items:center;margin:0;border:1px solid var(--co-line);border-radius:999px;background:#fff;overflow:hidden}
.devt.devt-co .devt-cart-side .quantity :is(.minus,.plus,input[type=button]){width:38px;min-width:0;height:38px;margin:0;padding:0;border:0;background:none;color:var(--ink);font:500 18px var(--sans);cursor:pointer}
.devt.devt-co .devt-cart-side .quantity :is(.minus,.plus,input[type=button]):hover{background:#F3EAFE}
.devt.devt-co .devt-cart-side .quantity input.qty{width:40px;height:38px;margin:0;padding:0;border:0;background:none;color:var(--ink);font:600 15px var(--mono);text-align:center;-moz-appearance:textfield;appearance:textfield}
.devt.devt-co .devt-cart-side .quantity input.qty::-webkit-inner-spin-button{-webkit-appearance:none}
.devt .devt-cart-crew{display:inline-block;padding:7px 12px;border-radius:999px;background:#F3EAFE;color:#3B1270;font:600 13px var(--sans)}
.devt .devt-cart-side .product-subtotal{display:grid;justify-items:end;font:600 18px var(--mono);font-variant-numeric:tabular-nums}
.devt.devt-co .devt-cart-side .product-remove a.remove{display:inline;width:auto;height:auto;border:0;background:none!important;color:var(--ink-3)!important;font:500 13px var(--sans);text-decoration:underline;text-underline-offset:3px}
.devt.devt-co .devt-cart-side .product-remove a.remove:hover{color:var(--sold)!important}
.devt .devt-cart-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:4px}
.devt.devt-co .devt-cart-actions .coupon{display:flex;gap:8px;flex:1 1 280px;max-width:420px}
.devt.devt-co .devt-cart-actions .coupon input.input-text{flex:1;height:46px;margin:0;padding:0 14px;border:1px solid var(--co-line);border-radius:12px;background:var(--co-field);font:400 15px var(--sans)}
.devt.devt-co .devt-cart-actions button.button{height:46px;margin:0;padding:0 18px;border:1px solid var(--co-line);border-radius:12px;background:#fff;color:var(--ink);font:600 14px var(--sans);text-transform:none;letter-spacing:0}
.devt.devt-co .devt-cart-actions button.devt-cart-update{border-color:transparent;background:none;color:var(--ink-3);text-decoration:underline;text-underline-offset:3px}
.devt.devt-co .devt-cart-actions button.devt-cart-update:disabled{opacity:.5}
.devt.devt-co .cart-collaterals{width:auto;float:none}
.devt.devt-co .cart-collaterals .cross-sells{display:none} /* the summary stays the one thing on the right */
.devt.devt-co .cart_totals{width:auto;float:none}
.devt .devt-co-stub .devt-cart-go{position:relative;margin:0;padding:20px 22px 22px;border-radius:0 0 18px 18px;background:var(--surface);
	-webkit-mask:radial-gradient(circle at 0 0,#0000 12px,#000 12.5px) left/51% 100% no-repeat,radial-gradient(circle at 100% 0,#0000 12px,#000 12.5px) right/51% 100% no-repeat;
	mask:radial-gradient(circle at 0 0,#0000 12px,#000 12.5px) left/51% 100% no-repeat,radial-gradient(circle at 100% 0,#0000 12px,#000 12.5px) right/51% 100% no-repeat}
.devt .devt-co-stub .devt-cart-go::before{content:"";position:absolute;left:22px;right:22px;top:0;border-top:2px dashed var(--rule)}
.devt.devt-co a.devt-cart-checkout{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;height:58px;margin:0;padding:0 20px;border:0;border-radius:14px;background:var(--accent);box-shadow:0 18px 30px -18px rgba(130,36,227,.8);color:#fff;font:700 17px var(--sans);text-decoration:none;text-transform:none;transition:background .2s var(--ease),transform .12s var(--ease)}
.devt.devt-co a.devt-cart-checkout:hover{background:var(--accent-press);color:#fff}
.devt.devt-co a.devt-cart-checkout:active{transform:scale(.98)}
.devt .devt-cart-checkout-total{display:inline-flex;align-items:center;gap:8px;font:700 17px var(--mono)}
.devt .devt-cart-checkout-total .woocommerce-Price-amount{color:#fff}
.devt .devt-co-sum tr.devt-co-credits-row{grid-template-columns:1fr;padding-top:10px}
.devt .devt-co-sum tr.devt-co-credits-row td{color:var(--ink-2);font:500 13px/1.4 var(--sans);text-align:left;white-space:normal}
.devt .devt-cart-empty{padding-bottom:190px}
.devt.devt-co .devt-cart-empty-msg :is(.cart-empty,.woocommerce-info,.wd-empty-page-text){display:none} /* the title says it; the element stays for WooCommerce's cart script; WoodMart adds its own text */

/* ---------- WooCommerce notices in the night header ("removed. Undo?", out of stock): glass, readable links ---------- */
.devt.devt-co .devt-co-head .woocommerce-notices-wrapper:has(>*){display:grid;gap:10px}
.devt.devt-co .devt-cart-empty-msg .woocommerce-notices-wrapper:has(>*){max-width:640px;margin-top:22px} /* the title has no gap under it */
.devt.devt-co .devt-co-head .woocommerce-notices-wrapper>:is(.woocommerce-message,.woocommerce-info,.woocommerce-error){margin:0;padding:14px 16px!important;border:1px solid var(--glass-line)!important;border-radius:14px;background:var(--glass)!important;color:#fff!important;font:500 15px/1.5 var(--sans);list-style:none;text-align:left} /* !important: WoodMart's notice colours */
.devt.devt-co .devt-co-head .woocommerce-notices-wrapper>*::before{display:none}
.devt.devt-co .devt-co-head .woocommerce-notices-wrapper a{margin:0 0 0 6px;padding:0;border:0;background:none;color:#fff!important;font:600 15px var(--sans);text-decoration:underline;text-decoration-color:var(--bolt);text-underline-offset:3px;text-transform:none}
.devt.devt-co .devt-co-head .woocommerce-notices-wrapper>.woocommerce-error{background:#fff!important;color:#7A1A12!important}
.devt.devt-co .devt-co-head .woocommerce-notices-wrapper>.woocommerce-error a{color:#7A1A12!important}

/* ---------- Checkout whose cart emptied (checkout.php danbuzz_checkout_expired) ---------- */
.devt .devt-co-gone{max-width:640px}
.devt.devt-co:has(.devt-co-gone) :is(.devt-co-steps,.devt-co-notices){display:none} /* "1 ticket" and the coupon no longer apply */
.devt .devt-co-gone h2{margin:0 0 8px;color:var(--ink);font:700 30px/1 var(--display);font-stretch:75%;letter-spacing:-.01em;text-transform:none}
.devt .devt-co-gone p{margin:0;color:var(--ink-2)}
.devt .devt-co-gone .devt-ty-btn{background:var(--accent);color:#fff}
.devt .devt-co-gone .devt-ty-btn+.devt-ty-btn{background:#fff;box-shadow:inset 0 0 0 1px var(--co-line);color:#1E1030}

/* ---------- Guest names (checkout.php danbuzz_guests_editor), in cart lines and at checkout ---------- */
.devt.devt-co .devt-guests{grid-column:1/-1;display:grid;gap:10px;min-width:0;margin:4px 0 0;padding:16px 0 0;border:0;border-top:1px dashed var(--co-line)}
.devt.devt-co .devt-guests legend{float:left;width:100%;margin:0;padding:0;color:var(--ink);font:700 19px/1.1 var(--display);font-stretch:75%}
.devt .devt-guests-hint{clear:both;margin:0;color:var(--ink-3);font-size:13px}
.devt .devt-guest{display:grid;grid-template-columns:28px minmax(0,1fr) minmax(0,1fr);align-items:center;gap:8px} /* the name, then email + phone, then "Add a stage name" */
.devt .devt-guest>label:nth-of-type(1){grid-column:2/-1}
.devt .devt-guest>label:nth-of-type(2){grid-column:2}
.devt .devt-guest>label:nth-of-type(3){grid-column:3}
/* A friend's stage name is optional and folded away (the buyer's own is asked once, above "Who's coming") */
.devt .devt-guest-aka{grid-column:2/-1}
.devt .devt-guest-aka summary{display:inline-block;padding:6px 0;color:var(--accent);font:500 14px/1.3 var(--sans);text-decoration:underline;text-underline-offset:3px;cursor:pointer;list-style:none}
.devt .devt-guest-aka summary::-webkit-details-marker{display:none}
.devt .devt-guest-aka summary::before{content:"+ "}
.devt .devt-guest-aka summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}
.devt .devt-guest-aka[open] summary{display:none}
.devt .devt-guest label{margin:0}
.devt .devt-guest-n{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#F3EAFE;color:#3B1270;font:700 13px var(--mono)}
.devt.devt-co .devt-guest input{box-sizing:border-box;width:100%;height:44px;margin:0;padding:0 12px;border:1px solid var(--co-line);border-radius:12px;background:var(--co-field);color:var(--ink);font:400 15px var(--sans)}
.devt.devt-co .devt-guest input:focus{border-color:var(--accent);outline:0;box-shadow:0 0 0 4px rgba(130,36,227,.16)}
.devt .devt-opt-tag{margin-left:6px;color:var(--ink-3);font:500 12px/1 var(--mono);font-stretch:100%;letter-spacing:.04em;text-transform:uppercase;vertical-align:middle}
.devt.devt-co .devt-name-one{display:block;margin:0;max-width:420px}
.devt.devt-co .devt-name-one input{box-sizing:border-box;width:100%;height:48px;margin:0;padding:0 14px;border:1px solid var(--co-line);border-radius:12px;background:var(--co-field);color:var(--ink);font:400 16px var(--sans)}
.devt.devt-co .devt-name-one input:focus{border-color:var(--accent);outline:0;box-shadow:0 0 0 4px rgba(130,36,227,.16)}
.devt .devt-names .devt-guests-status{min-height:0}
.devt .devt-guests-status{min-height:1.4em;margin:0;color:var(--accent);font:600 13px/1.4 var(--sans)}
.devt .devt-guests.is-done .devt-guests-status{color:var(--co-ok)}
.devt.devt-co .devt-guests-card .devt-label{margin:0 0 8px;color:var(--ink-3)}
.devt.devt-co .devt-guests-card .devt-guests{padding-top:0;border-top:0}

@media (max-width:767px){
	.devt.devt-co .devt-cart-line{grid-template-columns:76px minmax(0,1fr);padding:14px}
	.devt .devt-cart-side{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}
	.devt .devt-guest{grid-template-columns:28px minmax(0,1fr)}
	.devt .devt-guest>label,.devt .devt-guest>label:nth-of-type(odd){grid-column:2}
}

/* "Come back to this page" (danbuzz_comeback_note() in checkout.php): above Pay at checkout and on "Complete your payment".
   Bolt-yellow on purpose: it has to be seen on the night hero and on the white checkout alike. */
.devt .db-comeback{display:flex;align-items:flex-start;gap:12px;margin:0 0 14px;padding:14px 16px;border:2px solid #F5C518;border-radius:16px;background:#FFF6CC;color:#1E1030;text-align:left}
.devt .db-comeback svg{flex:none;width:26px;height:26px;margin-top:1px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.devt .db-comeback p{display:grid;gap:4px;margin:0;font:400 14px/1.4 var(--sans)}
.devt .db-comeback strong{font-size:16px;font-weight:700;line-height:1.35}
.devt .db-comeback span{color:#5E5470}
.devt-ty-pay .db-comeback{max-width:560px;margin:22px 0 0}
.devt-co-page:has(#payment_method_mycred:checked) .db-comeback{display:none} /* credits need no app */

/* Touch screens (user report 2026-10-01: the checkout glitched while scrolling). Phones redraw blur behind glass and drop-shadow
   filters on every scroll frame, and the site's bottom toolbar slid in and out over the Pay button while the Pay bar did too.
   So on touch: solid cards, no filter on the stub, and the Pay bar is the only bar at the bottom of the checkout. */
@media (hover:none){
	.devt .devt-co-stub{filter:none}
	.devt :is(.devt-co-card,.danbuzz-promo){-webkit-backdrop-filter:none;backdrop-filter:none;background:#F7F4FC}
	body.woocommerce-checkout.devt-co-page .wd-toolbar{display:none}
}

/* ---------- The Terms box under "I have read the terms" (info-pages.php danbuzz_info_terms_box: the terms page, cleaned) ---------- */
.devt.devt-co .di-terms-box{margin:10px 0 0;padding:14px 16px;border:1px solid var(--co-line);border-radius:12px;background:#fff;color:var(--ink-2);font:400 13px/1.55 var(--sans)}
.devt.devt-co .di-terms-box h2{margin:14px 0 4px;color:var(--ink);font:700 14px/1.3 var(--sans);text-transform:none}
.devt.devt-co .di-terms-box h2:first-child{margin-top:0}
.devt.devt-co .di-terms-box :is(p,ul){margin:0 0 8px}
.devt.devt-co .di-terms-box ul{padding-left:18px}

/* "Who's booking?" (form-checkout.php): a logged-out checkout. A night card like the login page's, Google first (assets/google.css
   draws its button); its tokens are the login card's. Booking needs an account (user choice 2026-10-02). */
.devt .devt-co-gate{display:grid;gap:16px;box-sizing:border-box;width:100%;max-width:520px;margin:0 auto;padding:clamp(24px,4vw,40px);border:1px solid rgba(255,255,255,.1);border-radius:24px;background:#211632;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 40px 80px -40px rgba(6,2,14,.9);color:#fff}
.devt .devt-co-gate h2{margin:0;color:#fff;font:600 clamp(30px,4vw,40px)/1.05 var(--sans);letter-spacing:-.03em;text-transform:none}
.devt .devt-co-gate>p{margin:0;color:rgba(255,255,255,.74);font:400 15px/1.5 var(--sans)}
.devt .devt-co-gate .pd-google{margin-top:22px} /* room for Buzzy over the button */
.devt .devt-co-gate a.devt-co-gate-email{display:flex;align-items:center;justify-content:center;height:52px;border:1px solid rgba(255,255,255,.18);border-radius:14px;color:#fff;font:600 15px var(--sans);text-decoration:none;transition:border-color .2s var(--ease),background-color .2s var(--ease)}
.devt .devt-co-gate a.devt-co-gate-email:hover{border-color:rgba(255,255,255,.4);background:rgba(255,255,255,.06);color:#fff}
.devt .devt-co-gate a.devt-co-gate-email:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media (max-width:420px){
	.devt .devt-co-gate{padding:22px 18px}
	.devt .devt-co-gate .pd-google-wrap a.pd-google-btn{gap:10px}
}

/* Phones zoom into a field whose text is under 16px (user report 2026-10-15: "the screen zooms in while I fill checkout").
   On touch screens these fields read 16px; computers keep 15px. */
@media (hover:none){
	.devt.devt-co .devt-guest input,.devt.devt-co .devt-cart-side .quantity input.qty,.devt.devt-co .devt-cart-actions .coupon input.input-text{font-size:16px}
}