/* ============================================================
   BUSINESS ARCHIVE — BDSuite v2.0.1
   Card styles come from single-business.css (bd-biz-card)
   ============================================================ */

.bd-container { max-width: 1200px; margin: 0 auto; padding: 0 16px; }

/* --- Header --- */
.bd-archive-header { background: linear-gradient(135deg, #1e3a5f 0%, #2563eb 100%); padding: 48px 0 40px; color: #fff; text-align: center; }
.bd-archive-title { font-size: 32px; font-weight: 700; margin: 0 0 8px; }
.bd-breadcrumbs { font-size: 14px; opacity: .8; margin-top: 8px; }
.bd-breadcrumbs a { color: #fff; text-decoration: none !important; opacity: .85; }
.bd-breadcrumbs a:hover { opacity: 1; }

/* --- Filter pills --- */
.bd-archive-filters { background: var(--bd-white, #fff); border-bottom: 1px solid var(--bd-brd, #e2e8f0); padding: 14px 0; position: sticky; top: 0; z-index: 50; }
.bd-filter-pills { display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; padding-bottom: 2px; }
.bd-filter-pills::-webkit-scrollbar { display: none; }
.bd-filter-pill { display: inline-flex; align-items: center; gap: 4px; padding: 6px 16px; border-radius: 20px; font-size: 14px; font-weight: 500; white-space: nowrap; background: var(--bd-bg, #f8fafc); color: var(--bd-txt, #1e293b); text-decoration: none !important; border: 1px solid var(--bd-brd, #e2e8f0); transition: all .2s; flex-shrink: 0; }
.bd-filter-pill:hover { background: #eff6ff; border-color: var(--bd-p, #2563eb); color: var(--bd-p, #2563eb); text-decoration: none !important; }
.bd-pill-active { background: var(--bd-p, #2563eb); color: #fff; border-color: var(--bd-p, #2563eb); }
.bd-pill-active:hover { background: var(--bd-pd, #1d4ed8); color: #fff; }
.bd-filter-children { margin-top: 8px; }
.bd-pill-sm { font-size: 13px; padding: 4px 12px; background: transparent; border-color: var(--bd-brd, #e2e8f0); }
.bd-pill-sm.bd-pill-active { background: var(--bd-pd, #1d4ed8); color: #fff; border-color: var(--bd-pd, #1d4ed8); }

/* --- Archive main --- */
.bd-archive-main { background: var(--bd-bg, #f8fafc); padding: 24px 0 48px; min-height: 60vh; }
.bd-archive-empty { text-align: center; padding: 60px 20px; color: var(--bd-txt2, #64748b); font-size: 18px; }

/* --- Pagination --- */
.bd-archive-pagination { display: flex; justify-content: center; gap: 4px; margin-top: 32px; flex-wrap: wrap; }
.bd-archive-pagination a, .bd-archive-pagination span { display: inline-flex; align-items: center; justify-content: center; min-width: 36px; height: 36px; padding: 0 10px; border-radius: var(--bd-r, 12px); font-size: 14px; text-decoration: none !important; border: 1px solid var(--bd-brd, #e2e8f0); color: var(--bd-txt, #1e293b); background: #fff; transition: all .2s; }
.bd-archive-pagination a:hover { background: #eff6ff; border-color: var(--bd-p, #2563eb); color: var(--bd-p, #2563eb); }
.bd-archive-pagination .current { background: var(--bd-p, #2563eb); color: #fff; border-color: var(--bd-p, #2563eb); }

/* --- FAQ --- */
.bd-faq-section { background: #fff; padding: 40px 0; border-top: 1px solid var(--bd-brd, #e2e8f0); }
.bd-faq-title { font-size: 24px; font-weight: 700; margin: 0 0 16px; text-align: center; }
.bd-faq-intro { max-width: 700px; margin: 0 auto 24px; text-align: center; color: var(--bd-txt2, #64748b); font-size: 15px; line-height: 1.6; }
.bd-faq-list { max-width: 800px; margin: 0 auto; }
.bd-faq-item { border: 1px solid var(--bd-brd, #e2e8f0); border-radius: var(--bd-r, 12px); margin-bottom: 8px; overflow: hidden; }
.bd-faq-item[open] { box-shadow: 0 1px 3px rgba(0,0,0,.08); }
.bd-faq-q { padding: 14px 18px; font-size: 16px; font-weight: 600; cursor: pointer; display: flex; align-items: center; justify-content: space-between; list-style: none; transition: background .2s; }
.bd-faq-q::-webkit-details-marker { display: none; }
.bd-faq-q::after { content: '+'; font-size: 20px; font-weight: 300; color: var(--bd-txt2, #64748b); flex-shrink: 0; margin-right: 12px; }
.bd-faq-item[open] .bd-faq-q::after { content: '−'; }
.bd-faq-q:hover { background: var(--bd-bg, #f8fafc); }
.bd-faq-a { padding: 0 18px 16px; font-size: 14px; line-height: 1.7; color: var(--bd-txt2, #64748b); }

/* --- Responsive --- */
@media (max-width: 900px) {
    .bd-archive-header { padding: 32px 0 28px; }
    .bd-archive-title { font-size: 26px; }
}
@media (max-width: 600px) {
    .bd-archive-title { font-size: 22px; }
    .bd-archive-header { padding: 24px 0 20px; }
    .bd-faq-q { font-size: 15px; padding: 12px 14px; }
}

/* 3.0.1: Mobile hero padding */
@media (max-width: 600px) {
    .bd-archive-header { padding: 65px 0 40px !important; }
}