/* Lists used as UI (menus/pagination) */
.wp-block-list.ba-list-reset{list-style:none;padding-left:0;margin-left:0;}
.wp-block-list.ba-list-reset > li{list-style:none;margin:0;padding:0;}

/* Preserve clipping when source wrappers used overflow:hidden (e.g. rounded media cards) */
.ba-overflow-hidden{overflow:hidden;}
.ba-overflow-hidden > .wp-block-image,
.ba-overflow-hidden.wp-block-image{overflow:hidden;}

/* Icon lists (e.g., <li>[icon][text]</li>) */
.wp-block-list.ba-icon-list{display:grid;gap:0.75rem;}
.wp-block-list.ba-icon-list > li > .ba-li-flex{display:flex;align-items:flex-start;gap:0.75rem;flex-wrap:nowrap;}
.wp-block-list.ba-icon-list > li > .ba-li-flex > .ba-li-icon{flex:0 0 auto;}
.wp-block-list.ba-icon-list > li > .ba-li-flex > :last-child{flex:1 1 auto;min-width:0;}

/* Mobile menu links (large tap targets) */
.wp-block-list.ba-menu-links{margin:0;padding:0;}
.wp-block-list.ba-menu-links > li{width:100%;}
.wp-block-list.ba-menu-links > li > a{display:block;font-size:2rem;line-height:1.2;text-decoration:none;}

/* Pagination circle buttons (outline + filled) */
/* CTA buttons with icons (inline-flex + gap) */
.wp-block-button.ba-btn-flex .wp-element-button{display:inline-flex;align-items:center;justify-content:center;gap:0.625rem;flex-wrap:nowrap;white-space:nowrap;}

.wp-block-button.ba-circle-button{aspect-ratio:1/1;flex:0 0 auto;width:auto;}
.wp-block-button.ba-circle-button .wp-element-button{height:100%;aspect-ratio:1/1;width:auto;padding:0;min-width:0;display:flex;align-items:center;justify-content:center;box-sizing:border-box;line-height:1;white-space:nowrap;}

/* Fixed-size circle spans inside paragraphs (e.g., active page dot) */
.wp-block-paragraph span[style*="width:"][style*="height:"][style*="radius:50%"],
.wp-block-paragraph span[style*="width:"][style*="height:"][style*="border-top-left-radius:50%"]{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;line-height:1;flex:0 0 auto;}

/* Full-bleed fallback for themes that don't provide proper alignfull stretching */
:root{--ba-scrollbar:calc(100vw - 100%);}
.alignfull.ba-fullbleed{width:calc(100vw - var(--ba-scrollbar));max-width:calc(100vw - var(--ba-scrollbar));margin-left:calc(50% - 50vw + (var(--ba-scrollbar)/2));margin-right:calc(50% - 50vw + (var(--ba-scrollbar)/2));}
@supports (width:100dvw){:root{--ba-scrollbar:0px;}.alignfull.ba-fullbleed{width:100dvw;max-width:100dvw;margin-left:calc(50% - 50dvw);margin-right:calc(50% - 50dvw);}}