.aa-archive-mode{background:#fff;border-block:1px solid rgba(38,46,77,.14)}
.aa-archive-mode__inner{display:flex;gap:clamp(1rem,3vw,2rem);align-items:center;min-height:4.5rem}
.aa-archive-mode__link{display:inline-flex;align-items:center;min-height:2.75rem;color:#262e4d;font:600 .82rem/1.4 Jost,sans-serif;letter-spacing:.08em;text-decoration:none;text-transform:uppercase;border-bottom:2px solid transparent}
.aa-archive-mode__link:hover{color:#7e6531;border-bottom-color:#c4ac82}
.aa-archive-mode__link:focus-visible{outline:3px solid #7e6531;outline-offset:4px}
.aa-archive-mode__link.is-current{border-bottom-color:#7e6531;color:#262e4d}
/* 0.1.33 (DEC-69 retirement): the shop's own ?aa_view=calendar surface is gone, so every
   .aa-calendar-surface rule below it was styling markup this theme no longer emits. The
   .aa-archive-mode nav stays: it now links out to the real calendar at /course-calendar/. */
@media(max-width:767px){.aa-archive-mode__inner{min-height:4rem;overflow-x:auto}.aa-archive-mode__link{flex:0 0 auto}}
@media(max-width:390px){.aa-archive-mode__inner{gap:1rem}.aa-archive-mode__link{font-size:.75rem}}
@media(prefers-reduced-motion:reduce){.aa-archive-mode__link{scroll-behavior:auto}}
/* 0.1.25 (P1-QA-d B1): WooCommerce floats .woocommerce-result-count left and .woocommerce-ordering right. The card grid is its own formatting context, so beside those floats it only got the gap between them. Count and ordering now sit in a toolbar row and the grid spans the full row (1/2/3 columns from programme.css). */
.aa-archive .aa-archive-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1.5rem;margin:0 0 1.5rem}
.aa-archive .aa-archive-toolbar::before,.aa-archive .aa-archive-toolbar::after{content:none}
.aa-archive .aa-archive-toolbar:empty,.aa-archive .aa-archive-toolbar .woocommerce-notices-wrapper:empty{display:none}
.aa-archive .aa-archive-toolbar .woocommerce-notices-wrapper{flex:1 1 100%}
.aa-archive .aa-archive-toolbar .woocommerce-result-count,.aa-archive .aa-archive-toolbar .woocommerce-ordering{float:none;margin:0;max-width:100%}
.aa-archive .aa-archive-toolbar .woocommerce-ordering select{max-width:100%;min-height:44px}
.aa-archive .aa-card-grid{clear:both;width:100%}
.aa-archive .aa-card-grid>[role="listitem"]{min-width:0}
/* 0.1.25 (P1-QA-d m2): shop "no dates open" note. */
.aa-archive .aa-empty.aa-archive-notice{max-width:none;margin:0 0 1.5rem}
.aa-archive .aa-archive-notice a{color:#262e4d;font-weight:700;text-underline-offset:.2em}
@media(max-width:480px){.aa-archive .aa-archive-toolbar{flex-direction:column;align-items:stretch}.aa-archive .aa-archive-toolbar .woocommerce-ordering select{width:100%}}

/* 0.1.96 (V6 W12.3 row 13): the shop and category breadcrumb read "Home/Training" because only course.css spaced it.
   The same trail as on a course page: Jost, gold separator, gaps either side. */
.aa-archive .aa-crumbs__inner{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem .5rem;padding-block:.8rem;font-family:var(--aa-sans);font-size:.78rem;letter-spacing:.02em}
.aa-archive .aa-crumbs a{color:var(--aa-muted);text-decoration:none}
.aa-archive .aa-crumbs a:hover{color:var(--aa-navy);text-decoration:underline;text-underline-offset:3px}
.aa-archive .aa-crumbs__sep{color:var(--aa-gold)}
.aa-archive .aa-crumbs__inner>:last-child{color:var(--aa-ink);font-weight:600}
/* 0.2.5 (T-0205, QA H.axe and C.tap): the current page is now a span (functions.php), so the rule above reaches it:
   ink #20263c on paper, 14.34:1 (as bare text it inherited WooCommerce's #767676, 4.35:1). On phones each link is a
   44px tap target and the bar keeps its height. */
@media(max-width:699px){.aa-archive .aa-crumbs__inner{padding-block:0}.aa-archive .aa-crumbs a{display:inline-flex;align-items:center;min-height:44px}}
/* 0.1.96 (V6 W12.3 row 13): WooCommerce's pagination was 18px lilac boxes. Brand pages: 44px targets, Jost, navy line,
   the current page filled navy. Outranks .woocommerce nav.woocommerce-pagination ul li (0,3,3 to 0,3,4). */
.aa-archive nav.woocommerce-pagination{margin-top:2rem;text-align:center}
.aa-archive nav.woocommerce-pagination ul.page-numbers{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin:0;padding:0;border:0;white-space:normal}
.aa-archive nav.woocommerce-pagination ul.page-numbers li{float:none;border:0;margin:0;overflow:visible}
.aa-archive nav.woocommerce-pagination ul.page-numbers li .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:.5rem .8rem;border:1px solid var(--aa-line-strong);border-radius:6px;background:#fff;color:var(--aa-navy);font-family:var(--aa-sans);font-size:.82rem;font-weight:600;line-height:1;text-decoration:none}
.aa-archive nav.woocommerce-pagination ul.page-numbers li a.page-numbers:hover,.aa-archive nav.woocommerce-pagination ul.page-numbers li a.page-numbers:focus-visible{background:var(--aa-cream);border-color:var(--aa-navy);color:var(--aa-navy)}
.aa-archive nav.woocommerce-pagination ul.page-numbers li span.page-numbers.current{background:var(--aa-navy);border-color:var(--aa-navy);color:#fff}
