/* The Ark List – submit / my listings / checkout. Uses theme variables when present. */
.alist-money { padding: 2.5rem 1rem 4rem; max-width: 1100px; margin: 0 auto; }
.alist-money-head h1 { margin-bottom: .4rem; }
.alist-money-head .lead { opacity: .8; }
.alist-money .card { padding: 1.5rem; margin: 1.25rem 0; }
.alist-notice { padding: .9rem 1.1rem; border-radius: 10px; margin: 1rem 0; border: 1px solid; }
.alist-notice-ok { border-color: #3fae6a; background: rgba(63, 174, 106, .12); }
.alist-notice-info { border-color: var(--gold, #d4a537); background: rgba(212, 165, 55, .1); }
.alist-notice-err { border-color: #d9534f; background: rgba(217, 83, 79, .12); }
.alist-form .alist-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin: 1rem 0; }
.alist-form .span-2 { grid-column: span 2; }
.alist-form label { display: flex; flex-direction: column; gap: .35rem; font-weight: 600; font-size: .92rem; }
.alist-form input[type=text], .alist-form input[type=url], .alist-form input[type=number], .alist-form select, .alist-form textarea {
	width: 100%; padding: .65rem .75rem; border-radius: 8px; font: inherit; font-weight: 400;
	background: rgba(255, 255, 255, .05); color: inherit; border: 1px solid rgba(255, 255, 255, .15);
}
.alist-form input:focus, .alist-form select:focus, .alist-form textarea:focus { outline: 2px solid var(--gold, #d4a537); outline-offset: 1px; }
.alist-kind { border: 0; padding: 0; display: flex; gap: 1.5rem; flex-wrap: wrap; }
.alist-kind legend { font-weight: 700; margin-bottom: .5rem; }
.alist-kind label { flex-direction: row; align-items: center; gap: .4rem; }
.alist-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.alist-small { font-size: .85rem; opacity: .75; }
.alist-inline { display: inline; }
.alist-listing-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; }
.alist-listing-head h2 { margin: 0 0 .4rem; font-size: 1.25rem; }
.alist-listing.is-boosted { box-shadow: 0 0 0 1px var(--gold, #d4a537), 0 0 24px rgba(212, 165, 55, .18); }
.alist-boost { margin-top: 1rem; }
.alist-boost summary { cursor: pointer; font-weight: 700; color: var(--gold, #d4a537); }
.alist-plan-mini { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: .75rem; margin-top: .75rem; }
.alist-plan-cell { display: flex; flex-direction: column; gap: .4rem; padding: .9rem; border-radius: 10px; border: 1px solid rgba(255, 255, 255, .12); }
.alist-plan-cell.is-wanted { border-color: var(--gold, #d4a537); box-shadow: 0 0 18px rgba(212, 165, 55, .25); }
.alist-price { font-size: 1.15rem; font-weight: 700; }
.alist-buy-form { display: flex; flex-direction: column; gap: .5rem; }
.alist-consent { display: flex; gap: .4rem; align-items: flex-start; font-size: .72rem; line-height: 1.3; opacity: .85; font-weight: 400; }
.alist-consent input { margin-top: .15rem; flex: none; }
.alist-buy { width: 100%; text-align: center; }
@media (max-width: 640px) {
	.alist-form .alist-grid { grid-template-columns: 1fr; }
	.alist-form .span-2 { grid-column: auto; }
	.alist-listing-head { flex-direction: column; }
}
@media (prefers-reduced-motion: reduce) { .alist-plan-cell { transition: none; } }

/* Owner popup */
.alist-owner-pop { position: fixed; inset: 0; z-index: 8900; display: grid; place-items: center; padding: 16px; }
.alist-owner-pop[hidden] { display: none; }
.alist-owner-backdrop { position: absolute; inset: 0; background: rgba(0, 0, 0, .65); backdrop-filter: blur(4px); opacity: 0; transition: opacity .25s ease; }
.alist-owner-box {
	position: relative; width: min(480px, 100%); max-height: calc(100vh - 32px); overflow: auto;
	padding: 2rem 1.75rem 1.5rem; border-radius: 16px;
	background: var(--card, #121212); color: inherit;
	border: 1px solid rgba(212, 165, 55, .45);
	box-shadow: 0 0 0 1px rgba(212, 165, 55, .15), 0 24px 80px rgba(0, 0, 0, .6), 0 0 60px rgba(212, 165, 55, .15);
	transform: translateY(18px) scale(.97); opacity: 0; transition: transform .3s cubic-bezier(.2, .8, .2, 1), opacity .25s ease;
}
.alist-owner-pop.is-open .alist-owner-backdrop { opacity: 1; }
.alist-owner-pop.is-open .alist-owner-box { transform: none; opacity: 1; }
.alist-owner-box h2 { margin: .4rem 0 1rem; font-size: 1.5rem; line-height: 1.2; }
.alist-owner-list { list-style: none; padding: 0; margin: 0 0 1.4rem; display: grid; gap: .6rem; }
.alist-owner-list li { position: relative; padding-left: 1.6rem; }
.alist-owner-list li::before { content: "★"; position: absolute; left: 0; color: var(--gold, #d4a537); }
.alist-owner-cta { display: grid; grid-template-columns: 1fr 1fr; gap: .6rem; }
.alist-owner-cta .btn { width: 100%; text-align: center; }
.alist-owner-x { position: absolute; top: .6rem; right: .8rem; background: none; border: 0; color: inherit; font-size: 1.6rem; line-height: 1; cursor: pointer; opacity: .7; }
.alist-owner-later { display: block; margin: 1rem auto 0; background: none; border: 0; color: inherit; opacity: .6; cursor: pointer; font-size: .85rem; text-decoration: underline; }
.alist-owner-x:hover, .alist-owner-later:hover { opacity: 1; }
@media (max-width: 480px) { .alist-owner-cta { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) { .alist-owner-box, .alist-owner-backdrop { transition: none; } }
