/*
bk-theme — mobile topbar hamburger (clean)
*/

/* ====== Base ====== */
:root {
    --container: var(--wp--style--global--wide-size, 1400px);
    --container-pad: 20px;
    --adminbar-h: 46px;
}

.container {
    max-width: var(--container);
    margin-inline: auto;
    padding-inline: var(--container-pad);
    width: 100%;
    box-sizing: border-box;
}

.grow {
    flex: 1 1 auto;
}

.center {
    display: flex;
    justify-content: center;
}



/* Kill horizontal scrollbars from bleed */
body {
    overflow-x: hidden;
}

/* Ensure bubble doesn’t enforce wider than viewport */
.wp-block-bk-theme-content-bubble {
    max-width: 100%;
    overflow: visible;
    position: relative;
}

/* Figures: let them bleed visually but never cause layout overflow */
.wp-block-bk-theme-content-bubble figure.wp-block-image {
    max-width: calc(100% + 400px);
    /* allow bleed space */
    position: relative;
}

/* Images scale correctly inside figures */
.wp-block-bk-theme-content-bubble figure.wp-block-image img {
    display: block;
    max-width: 100%;
    height: auto;
}

/* Mobile: disable bleeds to avoid squished layouts */
@media (max-width: 1024px) {
    .wp-block-bk-theme-content-bubble .wp-block-image[class*="bleed-"] {
        margin-left: 0 !important;
        margin-right: 0 !important;
        max-width: 100% !important;
    }
}

.is-style-two-col {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 2rem;
}

.is-style-two-col>* {
    flex: 1 1 45%;
    max-width: 45%;
}


/* Mobile: stack to full width */
@media (max-width: 1000px) {
    .is-style-two-col>* {
        flex: 1 1 100%;
        max-width: 100%;
    }
}

/* Make figure respect inline width styles */
.wp-block-image {
    max-width: 100%;
}

/* Force image to scale inside figure */
.wp-block-image img {
    display: block;
    width: 100%;
    height: auto;
}

.wp-block-image {
    margin-left: auto;
    margin-right: auto;
}

.is-layout-flex>.wp-block-image[style*="width"] {
    flex: 0 0 auto;
    /* don’t stretch in flexbox */
}

.inline-arrow::before {
    content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik01MDIuNiAyNzguNmMxMi41LTEyLjUgMTIuNS0zMi44IDAtNDUuM2wtMTYwLTE2MGMtMTIuNS0xMi41LTMyLjgtMTIuNS00NS4zIDAtMTIuNSAxMi41LTEyLjUgMzIuOCAwIDQ1LjNMMzAyLjcgMjI0SDMyYy0xNy43IDAtMzIgMTQuMy0zMiAzMnMxNC4zIDMyIDMyIDMyaDI3MC43bC0xMDUuNCAxMDUuNGMtMTIuNSAxMi41LTEyLjUgMzIuOCAwIDQ1LjNzMzIuOCAxMi41IDQ1LjMgMGwxNjAtMTYweiIvPjwvc3ZnPg==");
    display: inline-block;
    width: 1em;
    height: 1em;
    margin-right: 0.25em;
    vertical-align: middle;
    color: var(--arrow-color, currentColor);
}

/* Make sure Row blocks respect the global block gap */
.wp-block-row.is-layout-flex {
    display: flex;
    gap: var(--wp--style--block-gap, 1.5rem);
    flex-wrap: wrap;
}

.wp-block-bk-theme-content-bubble>.wp-block-group.is-layout-flex {
    gap: var(--wp--style--block-gap, 1.5rem);
}

body,
button,
input,
select,
textarea {
    font-family: 'Saira', sans-serif !important;
}