/* ---------------------------------------------------------------------------
   AIODomain - Global domain marketplace
   Author: MD OMAR FARUK | www.faruk.bd | Copyright (c) 2026
   --------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------
   AIODomain - auctions, public and bidder side (1.6.0): the auction box on the
   listing page, the bid list, "How bidding works", the auctions page cards and
   My Bids
   --------------------------------------------------------------------------- */
/* the auction box */
.pa-box{border-color:var(--st-accent-line,#99d5cf)}
.pa-top{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.pa-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:currentColor;margin-inline-end:2px;animation:pa-pulse 1.6s ease-in-out infinite}
@keyframes pa-pulse{0%,100%{opacity:1}50%{opacity:.3}}
@media (prefers-reduced-motion:reduce){.pa-dot{animation:none}}
.pa-stats{display:flex;flex-wrap:wrap;gap:4px 16px;margin-top:6px;font-size:14px;color:var(--st-text-2,#334155)}
.pa-timer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px;padding:12px 14px;border-radius:var(--st-radius-md,12px);background:var(--st-surface-2,#f1f5f9);border:1px solid var(--st-line,#e2e8f0)}
.pa-timer-l{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--st-muted,#64748b);text-transform:uppercase;letter-spacing:.05em}
.pa-count{display:flex;flex-direction:column;align-items:flex-end;text-align:end}
.pa-count b{font-size:20px;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.01em;color:var(--st-text,#0f172a)}
.pa-count.is-soon b{color:var(--st-red,#dc2626)}
.pa-count.is-over b{color:var(--st-muted,#64748b)}
.pa-soon{font-size:12px;font-weight:700;color:var(--st-red,#dc2626)}
.pa-soon[hidden]{display:none}
.pa-ends{margin-top:6px}
.pa-ext{display:flex;align-items:center;gap:5px;margin-top:6px;color:var(--st-orange,#c2410c)}
.pa-ext[hidden]{display:none}
.pa-when{margin-top:6px;font-size:14px;display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.pa-out{margin:12px 0 0;font-size:14.5px;color:var(--st-text-2,#334155)}
.pa-actions{margin-top:16px}
.pa-actions .st-notice{margin:0;padding:12px 14px;font-size:14px}
.pa-label{display:block;font-size:13.5px;font-weight:700;margin:0 0 6px;color:var(--st-text-2,#334155)}
.pa-amt{display:flex;align-items:stretch;max-width:100%}
.pa-amt .pa-cur{display:inline-flex;align-items:center;padding:0 12px;border:1px solid var(--st-line-2,#cbd5e1);border-inline-end:0;border-radius:10px 0 0 10px;background:var(--st-surface-2,#f1f5f9);font-weight:700;font-size:13px;color:var(--st-text-2,#334155)}
.pa-amt .aio-input{border-radius:0 10px 10px 0;font-size:17px;font-weight:700;max-width:none;flex:1;min-width:0;height:46px}
[dir=rtl] .pa-amt .pa-cur{border-radius:0 10px 10px 0}[dir=rtl] .pa-amt .aio-input{border-radius:10px 0 0 10px}
.pa-bid .aio-note{margin-top:6px}
.pa-bid .pa-send{width:100%;margin-top:10px}
.pa-intro{margin:10px 0 0;font-size:12.5px;line-height:1.5;color:var(--st-muted,#64748b)}
.pa-buynow .aio-btn{width:100%}
.pa-buynow .aio-note{margin-top:4px;text-align:center}
.pa-retract{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.pa-guest{margin:0}
.pa-mine b{display:flex;align-items:center;gap:6px;margin-bottom:8px}
.pa-mine ul{list-style:none;margin:0 0 12px;padding:0}
.pa-mine li{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px solid var(--st-line,#e2e8f0);font-size:14px}
.pa-mine li span:first-child{color:var(--st-muted,#64748b)}
.pa-contact .st-detail-actions{margin-top:0}

/* bids and how it works */
.pa-bids td{vertical-align:middle}
.pa-bids tr.is-win td{background:var(--st-green-soft,#dcfce7)}
.pa-bids tr.is-gone td{opacity:.55;text-decoration:line-through}
.pa-bids tr.is-gone td:last-child{text-decoration:none}
.pa-nobids{margin:0}
.pa-how-list{margin:0 0 16px;padding-inline-start:20px;display:flex;flex-direction:column;gap:8px;font-size:14.5px;color:var(--st-text-2,#334155);line-height:1.55}
.pa-inc{max-width:440px}
.pa-inc td,.pa-inc th{padding:7px 12px;font-size:13.5px}

/* the auctions page */
.pa-tabs{margin-bottom:14px;flex-wrap:wrap}
.pa-search{display:flex;gap:8px;max-width:520px;margin:0 0 18px}
.pa-search .aio-input{flex:1;min-width:0}
.pa-card .st-card-meta .pa-hot{color:var(--st-red,#dc2626);font-weight:700}
.pa-intro-line{margin:-4px 0 16px;color:var(--st-muted,#64748b)}

/* My Bids */
.pa-mybids td{vertical-align:middle}
.pa-mybids .aio-btn{white-space:nowrap}

/* a phone: the auction box comes right after the domain name */
@media (max-width:900px){
  .st-detail.pa-has-auction{display:flex;flex-direction:column;gap:22px}
  .pa-has-auction .st-detail-main,.pa-has-auction .st-detail-side{display:contents}
  .pa-has-auction .st-detail-head{order:1}
  .pa-has-auction .pa-box{order:2}
  .pa-has-auction .st-detail-main>*:not(.st-detail-head),.pa-has-auction .st-detail-side>*:not(.pa-box){order:3}
  .pa-has-auction .pa-contact{order:3}
}
@media (max-width:560px){
  .pa-timer{flex-direction:column;align-items:flex-start}
  .pa-count{align-items:flex-start;text-align:start}
  .pa-search{max-width:none}
}