/*
 * @file Blocksy Bridge
 * @description Maps uCss variables to Blocksy theme properties if present.
 */

/**
 * @file Blocksy Theme Color Palette Adapter
 * @description Maps Blocksy's native Color Properties to uCss tokens.
 * Enables uCss to drive Blocksy's theme engine.
 */

:root body {
    /* 1. Primary / Brand (#eec14c, hsl(43 83% 62%) */
    --theme-palette-color-1: var(--p, hsl(var(--p-h, 43) var(--p-s, 83%) var(--p-l, 62%)));
    /* 2. Accent / Brand (#ffb900, hsl(44 100% 50%)) */
    --theme-palette-color-2: var(--a, hsl(var(--a-h, 44) var(--a-s, 100%) var(--a-l, 50%)));
    /* 3. Text / Body (Dark) (#141414, hsl(0 0% 8%)) */
    --theme-palette-color-3: var(--tx, var(--alt, var(--contrast, hsl(var(--d-h, 0) var(--d-s, 0%) var(--d-l, 8%)))));
    /* 4. Title / Heading (Darker) (#0a0a0a, hsl(0 0% 4%)) */
    --theme-palette-color-4: var(--tl, var(--alt-bd, var(--contrast-bd, hsl(var(--d-h, 0) var(--d-s, 0%) var(--d-l-bd, 4%)))));
    /* 5. Outline / Border (Less Dark) (#1f1f1f, hsl(0 0% 12%)) */
    --theme-palette-color-5: var(--out, var(--alt-lt, var(--contrast-lt, hsl(var(--d-h, 0) var(--d-s, 0%) var(--d-l-lt, 12%)))));
    /* 6. Lite Background / Surface (Less White) (#f5f5f5, hsl(0 0% 93%)) */
    --theme-palette-color-6: var(--bg-lt, var(--base-lt, var(--l-lt, hsl(var(--l-h, 0) var(--l-s, 0%) var(--l-l-lt, 93%)))));
    /* 7. Background / Body (White) (#f5f5f5, hsl(0 0% 96%)) */
    --theme-palette-color-7: var(--bg, var(--base, var(--l, hsl(var(--l-h, 0) var(--l-s, 0%) var(--l-l, 96%)))));
    /* 8. Bold Background / Cards (Whiter) (#fff, hsl(0 0% 100%)) */
    --theme-palette-color-8: var(--bg-bd, var(--base-bd, var(--l-bd, hsl(var(--l-h, 0) var(--l-s, 0%) var(--l-l-bd, 100%)))));
    /* 9. Overlay Base / Tint (Opace White) */
    --theme-palette-color-9: var(--o-bg, hsl(var(--bg-h, 0) var(--bg-s, 0%) var(--bg-l, 96% / var(--al, .64))));
    /* 10. Overlay Contrast / Shade (Opace Black) */
    --theme-palette-color-10: var(--o-alt, hsl(var(--alt-h, 0) var(--alt-s, 0%) var(--alt-l, 8% / var(--al, .64))));
    /* 11. Always Dark #141414 */
    --theme-palette-color-11: var(--d, hsl(var(--d-h, 0) var(--d-s, 0%) var(--d-l, 8%)));
    /* 12. Always Light #f5f5f5 */
    --theme-palette-color-12: var(--l, hsl(var(--l-h, 0) var(--l-s, 0%) var(--l-l, 96%)));
    /* 13. Notification: Success Green #1E8E3E */
    --theme-palette-color-13: var(--scs, hsl(var(--scs-h, 137) var(--scs-s, 65%) var(--scs-l, 34%)));
    /* 14. Notification: Alert Red #D93025 */
    --theme-palette-color-14: var(--alr, hsl(var(--alr-h, 4) var(--alr-s, 71%) var(--alr-l, 50%)));
    /* 15. Notification: Info Blue #1A73E8 */
    --theme-palette-color-15: var(--inf, hsl(var(--inf-h, 214) var(--inf-s, 82%) var(--inf-l, 51%)));
    /* 16. Notification: Tip Purple #8E24AA*/
    --theme-palette-color-16: var(--tip, hsl(var(--tip-h, 287) var(--tip-s, 65%) var(--tip-l, 40%)));
    /* 17. Overlay Base Bold */
    --theme-palette-color-17: var(--o-bg-bd, hsl(var(--bg-h, 0) var(--bg-s, 0%) var(--bg-l, 96% / var(--al-bd, .8))));
    /* 18. Overlay Base Lite */
    --theme-palette-color-18: var(--o-bg-lt, hsl(var(--bg-h, 0) var(--bg-s, 0%) var(--bg-l, 96% / var(--al-lt, .32))));
    /* 19. Overlay Contrast Bold */
    --theme-palette-color-19: var(--o-alt-bd, hsl(var(--alt-h, 0) var(--alt-s, 0%) var(--alt-l, 8% / var(--al-bd, .8))));
    /* 20. Overlay Contrast Lite */
    --theme-palette-color-20: var(--o-alt-lt, hsl(var(--alt-h, 0) var(--alt-s, 0%) var(--alt-l, 8% / var(--al-lt, .32))));
    /* 21. Overlay Primary */
    --theme-palette-color-21: var(--o-p, hsl(var(--p-h, 43) var(--p-s, 83%) var(--p-l, 62%) / var(--al, .64)));
    /* 22. Overlay Accent */
    --theme-palette-color-22: var(--o-a, hsl(var(--a-h, 44) var(--a-s, 100%) var(--a-l, 50%) / var(--al, .64)));
    /* 23. Secondary / Brand Contrast (#eec14c, hsl(43 83% 62%) */
    --theme-palette-color-23: var(--sec, hsl(var(--sec-h, var(--d-h, 200)) var(--sec-s, var(--d-s, 19%)) var(--sec-l, var(--d-l-xlt, 18%))));
    /* 24. Tertiary / Brand Base (#ffb900, hsl(44 100% 50%)) */
    --theme-palette-color-24: var(--ter, hsl(var(--ter-h, var(--l-h, 40)) var(--ter-s, var(--l-s, 33%)) var(--ter-l, var(--l-l-lt, 93%))));
    /* 25. Always Dark Bold (#0a0a0a, hsl(0 0% 4%)) */
    --theme-palette-color-25: var(--d-bd, hsl(var(--d-h, 0) var(--d-s, 0%) var(--d-l-bd, 4%)));
    /* 26. Always Dark Lite (#1f1f1f, hsl(0 0% 12%)) */
    --theme-palette-color-26: var(--d-lt, hsl(var(--d-h, 0) var(--d-s, 0%) var(--d-l-lt, 12%)));
    /* 27. Always Light Bold (#ffffff, hsl(0 0% 100%)) */
    --theme-palette-color-27: var(--l-bd, hsl(var(--l-h, 0) var(--l-s, 0%) var(--l-l-bd, 100%)));
    /* 28. Always Light Lite (#ececec, hsl(0 0% 93%)) */
    --theme-palette-color-28: var(--l-lt, hsl(var(--l-h, 0) var(--l-s, 0%) var(--l-l-lt, 93%)));
    /* 29. Overlay Primary Bold */
    --theme-palette-color-29: var(--o-p-bd, hsl(var(--p-h, 43) var(--p-s, 83%) var(--p-l, 62%) / var(--al-bd, .8)));
    /* 30. Overlay Primary Lite */
    --theme-palette-color-30: var(--o-p-lt, hsl(var(--p-h, 43) var(--p-s, 83%) var(--p-l, 62%) / var(--al-lt, .32)));
    /* 31. Overlay Accent Bold */
    --theme-palette-color-31: var(--o-a-bd, hsl(var(--a-h, 44) var(--a-s, 100%) var(--a-l, 50%) / var(--al-bd, .8)));
    /* 32. Overlay Accent Lite */
    --theme-palette-color-32: var(--o-a-lt, hsl(var(--a-h, 44) var(--a-s, 100%) var(--a-l, 50%) / var(--al-lt, .32)));
    /* 33. Overlay Success */
    --theme-palette-color-33: var(--o-scs, hsl(var(--scs-h, 137) var(--scs-s, 65%) var(--scs-l, 34%) / var(--ntf-al, .32)));
    /* 34. Overlay Alert */
    --theme-palette-color-34: var(--o-alr, hsl(var(--alr-h, 4) var(--alr-s, 71%) var(--alr-l, 50%) / var(--ntf-al, .32)));
    /* 35. Overlay Info */
    --theme-palette-color-35: var(--o-inf, hsl(var(--inf-h, 214) var(--inf-s, 82%) var(--inf-l, 51%) / var(--ntf-al, .32)));
    /* 36. Overlay Tip */
    --theme-palette-color-36: var(--o-tip, hsl(var(--tip-h, 287) var(--tip-s, 65%) var(--tip-l, 40%) / var(--ntf-al, .32)));
    /* 37. Notification: Spotlight Yellow */
    --theme-palette-color-37: var(--ntf, var(--p, hsl(var(--ntf-h, 43) var(--ntf-s, 83%) var(--ntf-l, 62%))));
    /* 38. Overlay Spotlight */
    --theme-palette-color-38: var(--o-ntf, hsl(var(--ntf-h, 43) var(--ntf-s, 83%) var(--ntf-l, 62%) / var(--ntf-al, .32)));
    /* 39. Overlay Secondary */
    --theme-palette-color-39: var(--o-sec, hsl(var(--sec-h, 200) var(--sec-s, 19%) var(--sec-l, 18%) / var(--st-al, .32)));
    /* 40. Overlay Tertiary */
    --theme-palette-color-40: var(--o-ter, hsl(var(--ter-h, 40) var(--ter-s, 33%) var(--ter-l, 93%) / var(--st-al, .32)));
    /* 41. Gray */
    --theme-palette-color-41: var(--n, hsl(var(--n-h, 0) var(--n-s, 0%) var(--n-l, 50%)));
    /* 42. Gray Bold */
    --theme-palette-color-42: var(--n-bd, hsl(var(--n-h, 0) var(--n-s, 0%) var(--n-l-bd, 64%)));
    /* 43. Gray Lite */
    --theme-palette-color-43: var(--n-lt, hsl(var(--n-h, 0) var(--n-s, 0%) var(--n-l-lt, 32%)));
    /* 44. Gray Overlay */
    --theme-palette-color-44: var(--o-n, hsl(var(--n-h, 0) var(--n-s, 0%) var(--n-l-lt, 32%) / var(--al, .64)));
    /* 45. Gray Overlay Bold */
    --theme-palette-color-45: var(--o-n-bd, hsl(var(--n-h, 0) var(--n-s, 0%) var(--n-l-lt, 64%) / var(--al-bd, .8)));
    /* 46. Gray Overlay Lite */
    --theme-palette-color-46: var(--o-n-lt, hsl(var(--n-h, 0) var(--n-s, 0%) var(--n-l-lt, 32%) / var(--al-lt, .32)));
    /* 47. Gray Overlay xLite */
    --theme-palette-color-47: var(--o-n-xlt, hsl(var(--n-h, 0) var(--n-s, 0%) var(--n-l-lt, 32%) / var(--al-xlt, .16)));
    /* 48. Gray Overlay xxLite */
    --theme-palette-color-48: var(--o-n-xxlt, hsl(var(--n-h, 0) var(--n-s, 0%) var(--n-l-lt, 32%) / var(--al-xxlt, .08)));
    /* 49. On Primary */
    --theme-palette-color-49: var(--on-p, var(--d, hsl(0 0% 8%)));
    /* 50. On Accent */
    --theme-palette-color-50: var(--on-a, var(--d-bd, hsl(0 0% 4%)));
    /* 51. Always Secondary */
    --theme-palette-color-51: var(--sec, hsl(var(--sec-h, var(--d-h, 200)) var(--sec-s, var(--d-s, 19%)) var(--sec-l, var(--d-l-xlt, 18%))));
    /* 52. Always Tertiary */
    --theme-palette-color-52: var(--ter, hsl(var(--ter-h, var(--l-h, 40)) var(--ter-s, var(--l-s, 33%)) var(--ter-l, var(--l-l-lt, 93%))));
    /* 53. Overlay Primary xLite */
    --theme-palette-color-53: var(--o-p-xlt, hsl(var(--p-h, 43) var(--p-s, 83%) var(--p-l, 62%) / var(--al-xlt, .16)));
    /* 54. Overlay Accent xLite */
    --theme-palette-color-54: var(--o-a-xlt, hsl(var(--a-h, 44) var(--a-s, 100%) var(--a-l, 50%) / var(--al-xlt, .16)));
    /* 55. Overlay Primary xxLite */
    --theme-palette-color-55: var(--o-p-xxlt, hsl(var(--p-h, 43) var(--p-s, 83%) var(--p-l, 62%) / var(--al-xxlt, .08)));
    /* 56. Overlay Accent xxLite */
    --theme-palette-color-56: var(--o-a-xxlt, hsl(var(--a-h, 44) var(--a-s, 100%) var(--a-l, 50%) / var(--al-xxlt, .08)));
    /* 57. On Secondary */
    --theme-palette-color-57: var(--on-sec, var(--ter, hsl(40 33% 93%)));
    /* 58. On Tertiary */
    --theme-palette-color-58: var(--on-ter, var(--sec, hsl(200 19% 18%)));
}
/**
 * @file Base Blocksy Adapter
 * @description Maps uCss base variables to Blocksy theme custom properties.
 * Enables base to inherit from or drive Blocksy's theme settings.
 */

:root {
    --theme-content-width: var(--_mais, var(--sc-mais, var(--sc-maw, var(--c-m, 85rem))));
}

.is-layout-constrained>:where(.s, [data-layout="s"], .section, [data-layout="section"]):where(:not(:is(.s, [data-layout="s"], .section, [data-layout="section"]) :is(.s, [data-layout="s"], .section, [data-layout="section"]))) {
    --theme-block-width: var(--_is);
    --theme-block-max-width: var(--_mais);
    --wp--style--global--content-size: var(--theme-block-max-width);
}

/* Mapping to the Flow */
:root body,
:root body #main {
    --theme-content-spacing: var(--_mbs, 0);
    --has-theme-content-spacing: var(--_mbs, 0);
}

/* Normalizing Figure */

body figure {
    display: var(--_d, var(--fig-d, block));
}

:root a:not(.btn, [data-pattern="btn"], [data-pattern="button"]) {
    --theme-link-initial-color: var(--_c, var(--a-c, var(--lnk, var(--tl, currentColor))));
    --theme-link-hover-color: var(--_c, var(--a-c--hv, var(--lnk--hv, var(--a-c, var(--lnk, var(--alt-xlt, var(--alt-lt, currentColor)))))));
}

/* Form Styles */

:root :is(label) {
    /* --_d: var(--lbl-d, block);
    display: var(--_d); */
    --_fz: var(--lbl-fz, var(--fz-2xs, 0.875rem));
    font-size: var(--_fz);
    --_fw: var(--lbl-fw, 500);
    font-weight: var(--_fw);
	 --_lh: var(--lbl-lh, var(--lh-xs, 1.125));
	 line-height: var(--_lh);
    --_mbe: var(--lbl-mbe, 0.25em);
    margin-block-end: var(--_mbe);
    --_c: var(--lbl-c, currentColor);
    color: var(--_c);
}

/**
 * @file Blocksy Theme Typography Adapter
 * @description Maps Blocksy's native Typography Properties to uCss tokens.
 * Enables uCss to drive Blocksy's theme engine.
 */

/**
 * @group Blocksy Compatibility
 * Maps uCss variables to Blocksy theme properties if present.
 */

html :is(body),
:is(main>*:not(.hero-section), article, .entry-content) :is(p, ol, ul, li) {
    font-weight: var(--_fw, var(--theme-font-weight, var(--tx-fw--, var(--fw--))));
    font-size: var(--_fz, var(--theme-font-size, var(--tx-fz--, var(--fz--))));
    line-height: var(--_lh, var(--theme-line-height, var(--tx-lh--, var(--lh--))));
    font-family: var(--_ff, var(--theme-font-family, var(--tx-ff--, var(--ff--))));

    margin-block: var(--_mb, var(--_mbs, 0) var(--_mbe, 0));
    /* margin-inline: var(--_mi, var(--_mis, 0) var(--_mie, 0)); */
}

:where(body) {

    --theme-text-color: var(--_c, var(--tx, currentColor));

    --theme-font-family: var(--_ff, var(--ff, var(--tx-ff--, var(--ff--, system-ui, -apple-system, sans-serif))));

    --theme-font-weight: var(--_fw, var(--fw, var(--tx-fw--, var(--fw--, var(--fw-r, 400)))));

    --theme-font-size: var(--_fz, var(--fz, var(--tx-fz--, var(--fz--, var(--fz-m, clamp(1.125rem, calc(1.125rem + 0.125 * (100cqi - 33rem) / 55), 1.25rem))))));

    --theme-line-height: var(--_lh, var(--lh, var(--tx-lh--, var(--lh--, var(--lh-l, 1.5)))));

}

html :is(.s, [data-layout="s"], .section, [data-layout="section"])> :is(a, button, :is(.btn, [data-pattern="btn"], [data-pattern="button"])) {
    font-size: var(--_fz, 1rem);
}

:root :is(.tx, .text, .tx--3xl, .tx--xxxl, .tx--2xl, .tx--xxl, .tx--xl, .tx--l, .tx--m, .tx--s, .tx--xs, .tx--2xs, .tx--xxs, .tx--3xs, .tx--xxxs, .tx, .text, .badge, .tooltip, .meta, .copy, .ctx, .subcopy, .sctx, .microcopy, .mctx, .caption, .tag, .label, .chip, .pill, .subtext, .stx, .overline, .oln, .eyebrow, .eyb, .subline, .sln, .kicker, .kik, .line, .lede, .lead, .sip, .intro, .callout, .deck, .dek, .subhead, .sh, .pullquote, .pq, .blockquote, .bq, .quote, .qt, .code, .pre):is(*, > :is(p, span, div, li, label, a, button, caption, h1, h2, h3, h4, h5, h6)) {
    --theme-heading-color: var(--_c, var(--tx-c, var(--tx, currentColor)));

    --theme-text-color: var(--_c, var(--tx-c, var(--tx, currentColor)));

    --theme-font-family: var(--_ff, var(--ff, var(--tx-ff--, var(--ff--, system-ui, -apple-system, sans-serif))));

    --theme-font-weight: var(--_fw, var(--tx-fw, var(--fw, var(--tx-fw--, var(--fw--, var(--fw-r, 400))))));

    --theme-font-size: var(--_fz, var(--fz, var(--tx-fz--, var(--fz--, var(--fz-m, clamp(1.125rem, calc(1.125rem + 0.125 * (100cqi - 33rem) / 55), 1.25rem))))));

    --theme-line-height: var(--_lh, var(--lh, var(--tx-lh--, var(--lh--, var(--lh-l, 1.5)))));

    --theme-letter-spacing: var(--_ls, var(--_tx-ls, var(--tx-lts, var(--tx-ltsd, calc(var(--tx-ltsb, 0) / var(--th, 1))))));

    --theme-font-style: var(--_fs, var(--_tx-fs, var(--tx-fs)));
    --theme-text-transform: var(--_tt, var(--_tx-tt, var(--tx-tt)));
    --theme-text-decoration: var(--_td, var(--_tx-td, var(--tx-td)));
}

/**
 * @group Blocksy Compatibility
 * Maps uCss variables to Blocksy theme properties if present.
 */
:root :is(.tl, .title, .tl--xxxl, .tl--3xl, .tl--xxl, .tl--2xl, .tl--xl, .tl--l, .tl--m, .tl--s, .tl--xs, .tl--xxs, .tl--2xs, .stl, .subtitle, .microtitle, .mtl, .hl, .headline, .shl, .subheadline, .display, .d1, .d2, .d3, .d4, .d5, .d6, .d7, .d8, .h1, .h2, .h3, .h4, .h5, .h6, .ultra, .u1, .u2, .u3, .u4, .u5, .u6, .u7, .u8, .u9):is(h1, h2, h3, h4, h5, h6, p, span, div, > a) {
    --theme-heading-color: var(--_c, var(--tl-c, var(--tl, currentColor)));

    --theme-text-color: var(--_c, var(--tl-c, var(--tl, currentColor)));

    --theme-font-family: var(--_ff, var(--tl-ff, var(--ff, var(--tl-ff--, var(--ff--, inherit)))));

    --theme-font-weight: var(--_fw, var(--tl-fw, var(--fw, var(--tl-fwd, var(--fw-xb, 800)))));

    --theme-font-size: var(--_fz, var(--tl-fz, var(--fz, var(--tl-fz--, var(--fz-xe, clamp(2.25rem, calc(2.25rem + 1.25 * (100cqi - 33rem) / 55), 3.5rem))))));

    --theme-line-height: var(--_lh, var(--tl-lh, var(--lh, var(--tl-lh--, var(--lh-xs, 1.125)))));

    --theme-letter-spacing: var(--_ls, var(--tl-lts, calc(var(--tl-ltsd, 1em) / var(--th, 64))));

    --theme-font-style: var(--_fs, var(--tl-fs));
    --theme-text-transform: var(--_tt, var(--tl-tt));
    --theme-text-decoration: var(--_td, var(--tl-td));
}

html :is(h1, h2, h3, h4, h5, h6) {
    --theme-headings-color: var(--_c, currentColor);
}

:is(.is-layout-flow, .is-layout-constrained)>*:is(:not(h1, h2, h3, h4, h5, h6)) {
    margin-block: var(--_mb, var(--_mbs, 0) var(--_mbe, 0));

    margin-inline: var(--_mi, var(--_mis, 0) var(--_mie, 0));
}

:root body :is(blockquote) {
    color: var(--_c, currentColor);

    background-color: var(--_bg, var(--o-p, hsl(43 83% 62% / .32)));

    border-inline-start: var(--_bdis, .25rem solid var(--p, currentColor));

    margin-inline: var(--_mi, 0);

    padding-inline: var(--_pi, 1.25em);
    padding-block: var(--_pb, 1.25em);

    font-style: var(--_fs, italic);

    /* Margin handled by Smart Flow */
    margin-block: 0;
}

:root body :is(figure) {
    border: var(--_bd);
    border-inline-start: var(--_bdis);

    padding-inline: var(--_pi);
    padding-block: var(--_pb);
    margin-block: 0;

}

:root body :is(cite) {
    text-align: var(--_ta, start);
}
.set,
.theme {
    --theme-text-color: var(--_c);
}

:is(.set, .theme) :is(h1, h2, h1 > *, h2 > *) {
    --theme-heading-color: var(--_c);
}

:is(.set, .theme) :is(h3, h4, h5, h6, b, strong, .th, h3 > *, h4 > *, h5 > *, h6 > *, b > *) {
    --theme-heading-color: var(--_c);
}

:is(.set, .theme) :is(a):not(.btn, [data-pattern="btn"], [data-pattern="button"]) {
    --theme-link-initial-color: var(--_c);
    --theme-link-hover-color: var(--_c);
}
/*
* @file Blocksy Overrides
* @description Overrides Blocksy theme properties to match uCss variables.
*/

:root .entry-content figcaption {
    text-align: var(--_ta, var(--ta, center));

    margin-block: var(--_mb, 0);

    --mbs: var(--tl-flow-s, 1em);
    --_mbs: var(--mbs);
    margin-block-start: var(--_mbs);
}

:root :is(ul, ol) {
    --theme-list-indent: var(--l-pis);
}

body .cookie-notification {
    width: var(--cookie-w, 100%);
    max-width: var(--cookie-maw, 28rem);
}

body .ct-cookies-decline-button,
body .ct-cookies-decline-button:hover {
    border-color: var(--cookie-decline-btn-bdc, transparent);
}

body :is(.ct-related-posts, .ct-newsletter-subscribe-container) {
    --_d: flex;
    display: var(--_d);
    --_fxd: column;
    flex-direction: var(--_fxd);
    --_fxw: nowrap;
    flex-wrap: var(--_fw);

    gap: var(--_g, var(---m, 1.25rem));
}

body .ct-newsletter-subscribe-container {
    --_g: var(---2s, .75rem);
}

body .ct-newsletter-subscribe-container>h3 {
    --_fz: var(--fz-xl, 1.375rem);
    font-size: var(--_fz);
}

body .ct-related-posts .related-entry-title {
    --_fz: var(--fz-m, 1.25rem);
}

body #header .site-branding {
    position: relative;
    --_trs: var(--trs, var(--trsdu, 0.32s) var(--trstf, ease-in-out));
    transition: var(--_trs)
}

body #header .site-branding {
    --_trs: var(--trs--hv, var(--trs, var(--trsdu, 0.32s) var(--trstf, ease-in-out)));
}

body #header .site-branding:hover .site-logo-container {
    transition: var(--_trs);
    opacity: .8;
}

body #header .site-branding:hover a {
    transition: var(--_trs);
}

body #header .site-branding a:last-of-type::after {
    position: absolute;
    inset: 0;
    content: '';
    display: block;
}
/*
 * @file Customizer Bridge
 * @description Maps Blocksy Customizer interface to uCss theme custom properties.
 */

:root .is-root-container>.alignfull {
    --has-wide: 0;
}
.is-root-container>.alignfull:is(.s, [data-layout="s"], .section, [data-layout="section"]) {
    margin-inline: 0
}
/*
* @file uCss Patterns bridge for Blocksy
* @description Maps  Blocksy theme properties for uCss patterns.
*/

:is(a, .button):is(.btn, [data-style="btn"], [data-element="button"]),
:is(.btn, [data-style="btn"], [data-element="button"])> :is(a, .button, *) {
    --theme-button-text-initial-color: var(--_c, currentColor);

    --theme-button-background-initial-color: var(--_bg, #eec14c);

    --theme-button-border-initial-color: var(--_bdc, var(--_bg, #eec14c));

    --theme-button-text-hover-color: var(--_c, currentColor);

    --theme-button-background-hover-color: var(--_bg, #ffb900);

    --theme-button-border-hover-color: var(--_bdc, var(--bdc--hv, #ffb900));

    --theme-button-border-radius: var(--_rad, var(--btn-rad, 4em));


    --theme-link-initial-color: var(--_c, currentColor);
    --theme-link-hover-color: var(--_c, currentColor);

    --theme-transition: var(--_trs, var(--trsdu, 0.32s) var(--trstf, ease-in-out));
}

:is(.btn, [data-pattern="btn"], [data-pattern="button"]) :is(span, div, p) {
    --_c: inherit;
    color: var(--_c);
}

html :is(.btn, [data-pattern="btn"], [data-pattern="button"]) {
    padding-block: var(--_pb);
    padding-inline: var(--_pi);

    --_bd: initial;
    border: var(--_bd, var(--_bdw) var(--_bds) var(--_bdc));

    font-family: var(--_ff);
    font-size: var(--_fz);
    font-weight: var(--_fw);

    line-height: var(--_lh);
    text-transform: var(--_tt);
    white-space: var(--_whs);
}

:is(a, .button):is(.btn, [data-style="btn"], [data-element="button"]):hover,
:is(.btn, [data-style="btn"], [data-element="button"]):hover> :is(a, .button, *) {
    --theme-transition: var(--_trs, var(--btn-trs--hv, var(--btn-trsdu--hv, var(--trsdu--hv, 0.16s)) var(--trstf, ease-in-out)));
}



:is(.crd, [data-pattern="crd"], .card, [data-pattern="card"]) :is(h2, h3, h4, .crd__h, .crd__header, .card__h, .card__header, .crd__t, .card__title) {
    --theme-heading-color: var(--_c, currentColor);
    --theme-font-size: var(--_fz, 1.75rem);
    --theme-font-weight: var(--_fw, 700);
    --theme-font-style: var(--_fs, normal);
    --theme-line-height: var(--_lh, 1.25);
    --theme-letter-spacing: var(--_ls, var(--tl-ls--));
    --theme-text-transform: var(--_tt, var(--tl-tt));
    --theme-text-decoration: var(--_td, var(--tl-td));
    --theme-link-initial-color: var(--_c, currentColor);
}

:is(.crd, [data-pattern="crd"], .card, [data-pattern="card"]) :is(a:not(.btn, [data-style="btn"], [data-element="button"])):hover {
    --theme-link-hover-color: var(--_c, currentColor);
}

:is(.crd, [data-pattern="crd"], .card, [data-pattern="card"]) :is(h2, h3, h4) :is(a, span, div) {
    --theme-text-color: var(--_c, currentColor);
    --theme-font-size: var(--_fz, 1.125rem);
    --theme-font-weight: var(--_fw, var(--tx-fw, var(--fw-r, 400)));
    --theme-line-height: var(--_lh, var(--tx-lh, var(--lh-m, 1.375)));
    --theme-text-transform: var(--_tt, var(--tx-tt, var(--tt, none)));
}

:is(.lnk, .link, .clk, .clickable):is(:focus-within) a:nth-of-type(1):is(:focus, :focus-visible) {
    --_ol: var(--lnk-ol--fw, none);
    outline: var(--_ol);
}

:is(.ovl, .overlay, .cvr, .cover)>:is(img, video, picture, iframe, canvas, .oi),
:is(.crd, [data-pattern="crd"], .card, [data-pattern="card"]) :is(.crd__media, .crd__m, .card__media, .card__m, > figure)> :is(img, picture, video) {
    inline-size: var(--_is);
    block-size: var(--_bs);
}

body :is(.figure, .fig, .media, .med, .object, .obj) {
    display: var(--_d);
    position: var(--_pos);
    margin: var(--_m);
    padding: var(--_p);
    object-fit: var(--_obf);
    object-position: var(--_obp);
    aspect-ratio: var(--_ar);
    overflow: var(--_ov);
    background-color: var(--_bg);
    filter: var(--_fil);
    mix-blend-mode: var(--_mbm);
    isolation: var(--_iso);
    border-width: var(--_brw);
    border-style: var(--_brs);
    border-color: var(--_brc);
    border-radius: var(--_rad);
    inline-size: var(--_is);
    block-size: var(--_bs);
    min-inline-size: var(--_miis);
    min-block-size: var(--_mibs);
    max-inline-size: var(--_mais);
    max-block-size: var(--_mabs);
    flex-shrink: var(--_fxs);
}

body :is(.figure, .fig, .media, .med, .object, .obj)>:is(img, video, picture, iframe, canvas, .oi) {
    display: var(--_d);
    inline-size: var(--_is);
    block-size: var(--_bs);
    object-fit: var(--_obf);
    object-position: var(--_obp);
    aspect-ratio: var(--_ar);
    margin: var(--_m);
    padding: var(--_p);
    background-color: var(--_bg);
    filter: var(--_fil);
    mix-blend-mode: var(--_mbm);
}
/**
 * @file HTML Smart Flow
 * @description The vertical rhythm engine that manages spacing between flow elements.
 */


/*
 * FLOW
 * :is(.is-layout-flow, .is-layout-constrained)>
 */

/* 
 * Elelement Flow (General) 
 */

:is(#main .is-layout-constrained, .is-root-container) :is(p, h1, h2, h3, h4, h5, h6, ul, ol, dl, details, blockquote, figure, pre, table, form, img, video, audio, iframe, canvas, address, hr, fieldset)+ :is(p, h1, h2, h3, h4, h5, h6, ul, ol, dl, details, blockquote, figure, pre, table, form, img, video, audio, iframe, canvas, address, hr, fieldset) {
    --_mbs: var(--el-flow, .75em);
    margin-block-start: var(--_mbs);
}

/* 
 * Heading Flow (H1-H6) 
 */

/* Space BEFORE headings (if not first child) */
:is(#main .is-layout-constrained, .is-root-container) :is(*)+ :is(h1, h2, h3, h4, h5, h6) {
    --_mbs: var(--tl-flow, 1em);
    margin-block-start: var(--_mbs);
}

/* Space AFTER headings (connecting to text, or subtitle) */
:is(#main .is-layout-constrained, .is-root-container) :is(h1, h2, h3):is(:not(:last-child)) {
    --_mbe: var(--tl-flow-e, .375em);
    margin-block-end: var(--_mbe);
}

:is(#main .is-layout-constrained, .is-root-container) :is(h4, h5, h6):is(:not(:last-child)) {
    --_mbe: var(--tl-flow-x, .625em);
    margin-block-end: var(--_mbe);
}

/* Tighter gap when a headline follows a headline */
:is(#main .is-layout-constrained, .is-root-container) :is(h1, h2, h3, h4, h5, h6)+ :is(h1, h2, h3, h4, h5, h6) {
    --_mbs: var(--flow, 0);
}

/* 
 * Text Flow (Paragraphs) 
 */

:is(#main .is-layout-constrained, .is-root-container) :is(*)+ :is(p) {
    --_mbs: var(--p-flow, .75em);
    margin-block-start: var(--_mbs);
}

:is(#main .is-layout-constrained, .is-root-container) :is(h1, h2, h3, h4, h5, h6)+ :is(p) {
    --_mbs: var(--flow, 0);
    margin-block-start: var(--_mbs);
}


/* List Item Flow */

:is(#main .is-layout-constrained, .is-root-container) :is(li)+ :is(li):not(.menu-item),
:is(#main .is-layout-constrained, .is-root-container) :is(li > *)+ :is(ul, ol):not(.sub-menu) {
    --_mbs: var(--li-flow, 0.25em);
    margin-block-start: var(--_mbs);
}

:is(#main .is-layout-constrained, .is-root-container) :is(li > *)+ :is(blockquote, figure, pre, table, form, img, video, audio, iframe, canvas, address, hr, fieldset):is(:last-child) {
    --_mbe: calc(var(--el-flow-e, .375em) * 3);
    margin-block-end: var(--_mbe);
}

/* Button/Link After Flow */
:is(#main .is-layout-constrained, .is-root-container) :is(p)+ :is(.btn, [data-style="btn"], [data-element="button"], .btns) {
    --_mbs: var(--el-flow, 0.75em);
    margin-block-start: var(--_mbs);
}
/*
 * @file Customizer Bridge
 * @description Maps Blocksy Customizer interface to uCss theme custom properties.
 */

:is(.customize-pane-parent, .customize-control-ct-options),
#customize-controls :is(ul, ol, li) {
    --li-pis: 0;
    --l-pis: 0;
}

:root body.wp-customizer :is(.ct-options-container, .CodeMirror, .ct-typography-container, .ct-panel-builder) {
    font-size: var(--fz-3xs, 13px);
}

body.wp-customizer .ct-typography a {
    text-decoration: none;
}

body.wp-customizer:not(.ct-dark-mode) #customize-controls label {
    color: var(--d-lt, hsl(0 0% 8%));
}

body.wp-customizer.ct-dark-mode #customize-controls label {
    color: var(--l-lt, hsl(0 0% 93%));
}

body.wp-customizer:not(.ct-dark-mode) {
    color: var(--d, hsl(0 0% 4%));
    --tl: var(--d-bd, hsl(0 0% 2%));
}

body.wp-customizer.ct-dark-mode {
    color: var(--l, hsl(0 0% 96%));
    --tl: var(--l-bd, hsl(0 0% 98%));
}

body.wp-customizer #customize-controls .notification-message,
.ct-panel-builder .ct-view-switch>* {
    --_fz: var(--fz-xs, 1rem);
}

body.wp-customizer .ct-panel-builder .horizontal-rows .builder-row {
    padding: 0;
    margin: 0;
}