/* DomainWorld.com — /browse list view (2026-10-28) */
.bw-intro { background: linear-gradient(135deg, var(--gradient-start) 0%, var(--gradient-end) 100%); color: #fff; padding: 2.25rem 0 1.75rem; }
.bw-intro h1 { font-family: 'Cormorant Garamond', serif; font-size: 2.4rem; font-weight: 700; line-height: 1.15; margin: 0 0 0.4rem; }
.bw-intro p { margin: 0; color: rgba(255,255,255,0.82); font-size: 1.02rem; }
.bw-intro a { color: var(--secondary); }
.bw-chips { display: flex; flex-wrap: wrap; gap: 0.5rem; margin: 1rem 0 0.25rem; }
.bw-chip { border: 1px solid var(--border); background: #fff; color: var(--text); border-radius: 999px; padding: 0.35rem 0.9rem; font: 600 0.88rem 'Work Sans', sans-serif; cursor: pointer; }
.bw-chip:hover { border-color: var(--secondary); }
.bw-chip.active { background: var(--primary); border-color: var(--primary); color: #fff; }
.bw-countline { font-size: 0.9rem; color: var(--text-light); margin: 0.5rem 0 0; }

.domains-section.bw-section { padding: 1.5rem 0 4rem; }
.bw-list { display: block; background: #fff; border: 1px solid var(--border); border-radius: 8px; overflow: hidden; }
/* Fixed columns so every row lines up: Domain | Type | Price | Seller | Actions */
.bw-head, .bw-row { display: grid; grid-template-columns: minmax(0, 1fr) 92px 130px 210px 196px; gap: 1rem; align-items: center; padding: 0.8rem 1.1rem; }
.bw-head { background: #fafaf8; border-bottom: 1px solid var(--border); font-size: 0.75rem; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--text-light); }
.bw-row { border-bottom: 1px solid #eee; cursor: pointer; transition: background 0.15s; }
.bw-row:last-child { border-bottom: 0; }
.bw-row:hover, .bw-row:focus-visible { background: #fbf8f2; outline: none; }
.bw-row.bw-busy { opacity: 0.6; }
.bw-main { min-width: 0; }
.bw-name { font-family: 'Cormorant Garamond', serif; font-size: 1.45rem; font-weight: 700; color: var(--primary); letter-spacing: -0.3px; overflow-wrap: anywhere; }
.bw-desc { font-size: 0.85rem; color: var(--text-light); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 0.1rem; }
.bw-tag { display: inline-block; margin-left: 0.45rem; vertical-align: 0.25em; font-size: 0.66rem; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; padding: 2px 7px; border-radius: 10px; }
.bw-tag-bundle { background: #6366f1; color: #fff; }
.bw-tag-new { background: #dcfce7; color: #166534; }
.bw-tag-pri { background: #f59e0b; color: #fff; }
.bw-kind { display: inline-block; width: 84px; text-align: center; font-size: 0.7rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; padding: 3px 0; border-radius: 4px; }
.bw-k-buy { background: #fdf3e1; color: #8a6420; }
.bw-k-auction { background: #fee2e2; color: #991b1b; }
.bw-k-offer { background: #eef2ff; color: #3730a3; }
.bw-k-busy { background: #f1f1ef; color: var(--text-light); }
.bw-price { text-align: right; font-variant-numeric: tabular-nums; }
.bw-amt { display: block; font-size: 1.05rem; font-weight: 700; color: var(--primary); line-height: 1.25; }
.bw-amt-muted { font-size: 0.88rem; font-weight: 600; color: var(--text-light); }
.bw-sub { display: block; font-size: 0.78rem; color: var(--text-light); line-height: 1.3; }
.bw-badges { display: flex; flex-wrap: wrap; gap: 0.3rem; align-items: center; }
.bw-badges .agent-ok-badge { cursor: pointer; }
.bw-ai { font-size: 0.72rem; font-weight: 700; color: #a8803f; border: 1px solid #c9a66b; border-radius: 10px; padding: 1px 8px; text-decoration: none; white-space: nowrap; }
.bw-actions { display: flex; gap: 0.4rem; align-items: center; justify-content: flex-start; white-space: nowrap; }
.bw-btn { width: 112px; text-align: center; font: 600 0.9rem 'Work Sans', sans-serif; padding: 0.42rem 0; border: 2px solid var(--primary); background: #fff; color: var(--primary); border-radius: 4px; cursor: pointer; }
.bw-btn:hover { background: var(--primary); color: #fff; }
.bw-btn-gold { background: var(--secondary); border-color: var(--secondary); color: #fff; }
.bw-btn-gold:hover { background: #b8915a; border-color: #b8915a; }
.bw-icon { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border: 1px solid var(--border); background: #fff; color: var(--primary); border-radius: 4px; cursor: pointer; }
.bw-icon:hover { border-color: var(--secondary); color: #a8803f; }

/* Pager under the list/cards (assets/js/pager.js) */
.dw-pager { display: flex; align-items: center; justify-content: center; gap: 1.25rem; margin: 2rem 0 0; }
.dw-pg-btn { font: 600 0.95rem 'Work Sans', sans-serif; padding: 0.55rem 1.2rem; border: 2px solid var(--primary); background: #fff; color: var(--primary); border-radius: 4px; cursor: pointer; }
.dw-pg-btn:hover:not(:disabled) { background: var(--primary); color: #fff; }
.dw-pg-btn:disabled { opacity: 0.35; cursor: default; }
.dw-pg-info { font-size: 0.92rem; color: var(--text-light); font-variant-numeric: tabular-nums; }

#bwCardModal .modal-content { padding: 0; max-width: 640px; }
#bwCardModal .domain-card { border: 0; }
#bwCardModal .bw-dismiss { display: block; width: 100%; padding: 0.8rem; border: 0; border-top: 1px solid var(--border); background: #fafaf8; font: 600 0.95rem 'Work Sans', sans-serif; color: var(--text-light); cursor: pointer; }
#bwCardModal .bw-dismiss:hover { color: var(--primary); }

@media (max-width: 860px) {
    .bw-head { display: none; }
    .bw-row { grid-template-columns: auto minmax(0, 1fr) auto; grid-template-areas: "main main actions" "type price price" "badges badges badges"; gap: 0.35rem 0.75rem; padding: 0.85rem 1rem; }
    .bw-main { grid-area: main; }
    .bw-type { grid-area: type; }
    .bw-price { grid-area: price; text-align: left; }
    .bw-price .bw-amt, .bw-price .bw-sub { display: inline; margin-right: 0.5rem; }
    .bw-badges { grid-area: badges; }
    .bw-actions { grid-area: actions; align-self: start; }
    .bw-actions .bw-icon { display: none; }
    .bw-name { font-size: 1.3rem; }
    .bw-intro h1 { font-size: 1.9rem; }
}

/* Cards | List switch above the listings (index.php, 2026-10-28) */
.dw-viewswitch { display: flex; justify-content: flex-end; gap: 0; margin: 0 0 1rem; }
.dw-vs { font: 600 0.88rem "Work Sans", sans-serif; padding: 0.4rem 0.95rem; border: 1px solid var(--border); background: #fff; color: var(--text-light); text-decoration: none; }
.dw-vs:first-child { border-radius: 4px 0 0 4px; }
.dw-vs:last-child { border-radius: 0 4px 4px 0; border-left: 0; }
.dw-vs.active { background: var(--primary); border-color: var(--primary); color: #fff; }
.dw-vs:not(.active):hover { color: var(--primary); border-color: var(--secondary); }

/* Switch moved into the filter bar under the sort menu, larger (2026-10-28) */
.dw-viewswitch { margin: 0.75rem 0 0; }
.dw-vs { font-size: 1.05rem; padding: 0.6rem 1.6rem; }
@media (max-width: 860px) { .dw-viewswitch { justify-content: stretch; } .dw-vs { flex: 1; text-align: center; } }

/* Chips left, List|Cards switch right, same row (2026-10-28) */
.dw-chiprow { display: flex; align-items: center; justify-content: space-between; gap: 0.75rem 1.25rem; flex-wrap: wrap; margin: 1rem 0 0.25rem; }
.dw-chiprow .bw-chips { margin: 0; flex: 1 1 auto; }
.dw-chiprow .dw-viewswitch { margin: 0; flex: none; }
.dw-chiprow .dw-vs { font-size: 0.98rem; padding: 0.45rem 1.3rem; }
@media (max-width: 860px) { .dw-chiprow .dw-viewswitch { flex: 1 1 100%; } }

/* "Showing N domains" at the right end of the badge legend row, under the List|Cards switch (2026-10-28) */
.badge-legend .bw-countline { margin: 0 0 0 auto; white-space: nowrap; font-size: 0.9rem; }