.zion-mc-switcher {
    display: inline-flex;
    gap: .35rem;
    font: inherit
}

.zion-mc-switcher select {
    min-height: 2.35em;
    padding: .35em .7em;
    border: 1px solid currentColor;
    border-radius: .45em;
    background: transparent;
    color: inherit;
    font: inherit
}

.zion-mc-switcher button {
    display: inline-flex;
    align-items: center;
    gap: .3em;
    padding: .48em .75em;
    border: 1px solid currentColor;
    border-radius: .55em;
    background: transparent;
    color: inherit;
    font: inherit;
    cursor: pointer
}

.zion-mc-switcher button small {
    opacity: .65
}

.zion-mc-switcher button.is-active {
    border-color: #1656c0;
    background: #1656c0;
    color: #fff
}

.zion-mc-switcher--cards,
.zion-mc-switcher--cards_flags {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(72px, 1fr));
    max-width: 320px
}

.zion-mc-switcher--cards button,
.zion-mc-switcher--cards_flags button {
    display: grid;
    gap: .15em;
    padding: .75em;
    text-align: left
}

.zion-mc-switcher--cards button.is-active,
.zion-mc-switcher--cards_flags button.is-active {
    border-color: #f27b21;
    background: #f27b21
}

.zion-mc-switcher--pills_flags,
.zion-mc-switcher--compact_flags {
    align-items: center
}

.zion-mc-switcher--compact_flags button {
    justify-content: center;
    width: 2.5em;
    height: 2.5em;
    padding: .35em;
    border-radius: 50%
}

.zion-mc-switcher--compact_flags button b,
.zion-mc-switcher--compact_flags button small {
    display: none
}

.zion-mc-flag {
    display: inline-flex;
    flex: 0 0 auto;
    width: 1.5em;
    height: 1em;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, currentColor 25%, transparent);
    border-radius: .15em;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .12);
    line-height: 1
}

.zion-mc-flag svg {
    display: block;
    width: 100%;
    height: 100%
}

@media(max-width:500px) {

    .zion-mc-switcher--pills,
    .zion-mc-switcher--pills_flags {
        flex-wrap: wrap
    }
}

.zion-mc-product-selector {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .55rem;
    margin: .7rem 0 1.1rem;
    padding: .7rem .8rem;
    border: 1px solid color-mix(in srgb, currentColor 22%, transparent);
    border-radius: .65rem;
    font: inherit
}

.zion-mc-product-selector>span {
    font-size: .85em;
    font-weight: 700
}

@media(max-width:500px) {
    .zion-mc-product-selector {
        align-items: flex-start;
        flex-direction: column
    }
}

.zion-mc-select-flag {
    display: inline-flex;
    align-items: center
}

/* Isolated public selector: themes can only override it deliberately with !important. */
.zion-mc-switcher,
.zion-mc-switcher *,
.zion-mc-product-selector,
.zion-mc-product-selector * {
    box-sizing: border-box !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    font-style: normal !important;
    letter-spacing: normal !important;
    text-transform: none !important
}

.zion-mc-switcher {
    display: inline-flex !important;
    align-items: center !important;
    gap: .4rem !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #17233b !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important
}

.zion-mc-switcher select,
.zion-mc-switcher button {
    min-width: 0 !important;
    min-height: 38px !important;
    margin: 0 !important;
    border: 1px solid #aebfda !important;
    border-radius: 8px !important;
    outline: 0 !important;
    box-shadow: none !important;
    text-decoration: none !important
}

.zion-mc-switcher select {
    appearance: auto !important;
    padding: .45rem 2rem .45rem .7rem !important;
    background: #fff !important;
    color: #17233b !important
}

.zion-mc-switcher button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: .35rem !important;
    padding: .45rem .7rem !important;
    background: #fff !important;
    color: #17233b !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important
}

.zion-mc-switcher button:hover,
.zion-mc-switcher button:focus-visible {
    border-color: #1656c0 !important;
    box-shadow: 0 0 0 3px rgba(22, 86, 192, .16) !important
}

.zion-mc-switcher button.is-active {
    border-color: #1656c0 !important;
    background: #1656c0 !important;
    color: #fff !important
}

.zion-mc-switcher--cards,
.zion-mc-switcher--cards_flags {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(78px, 1fr)) !important;
    max-width: 320px !important
}

.zion-mc-switcher--cards button,
.zion-mc-switcher--cards_flags button {
    display: grid !important;
    justify-content: start !important;
    text-align: left !important
}

.zion-mc-switcher--cards button.is-active,
.zion-mc-switcher--cards_flags button.is-active {
    border-color: #f27b21 !important;
    background: #f27b21 !important
}

.zion-mc-switcher--compact_flags button {
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: .35rem !important;
    border-radius: 50% !important
}

.zion-mc-switcher--compact_flags.zion-mc-switcher--marker-code button {
    width: auto !important;
    min-width: 48px !important;
    border-radius: 8px !important
}

.zion-mc-switcher--compact_flags.zion-mc-switcher--marker-code button b {
    display: block !important
}

.zion-mc-switcher--command_palette {
    gap: .28rem !important;
    padding: .28rem !important;
    border: 1px solid #c7d8fa !important;
    border-radius: 12px !important;
    background: radial-gradient(circle at 12% 0, #eaf2ff 0, transparent 42%), #f8fbff !important;
    box-shadow: 0 10px 28px rgba(23, 71, 148, .12) !important
}

.zion-mc-switcher--command_palette button {
    position: relative !important;
    min-height: 42px !important;
    border-color: transparent !important;
    border-radius: 9px !important;
    background: transparent !important
}

.zion-mc-switcher--command_palette button:hover,
.zion-mc-switcher--command_palette button:focus-visible {
    border-color: #a9c3f4 !important;
    background: #fff !important
}

.zion-mc-switcher--command_palette button.is-active {
    border-color: #1656c0 !important;
    background: linear-gradient(135deg, #1656c0, #2c77e5) !important;
    box-shadow: 0 6px 14px rgba(22, 86, 192, .24) !important
}

.zion-mc-switcher--glass_segments {
    gap: 0 !important;
    overflow: hidden !important;
    border: 1px solid rgba(73, 120, 190, .34) !important;
    border-radius: 12px !important;
    background: linear-gradient(135deg, rgba(234, 244, 255, .94), rgba(246, 250, 255, .78)) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .88), 0 8px 22px rgba(31, 85, 159, .12) !important
}

.zion-mc-switcher--glass_segments button {
    min-height: 42px !important;
    border: 0 !important;
    border-right: 1px solid rgba(73, 120, 190, .2) !important;
    border-radius: 0 !important;
    background: transparent !important
}

.zion-mc-switcher--glass_segments button:last-child {
    border-right: 0 !important
}

.zion-mc-switcher--glass_segments button:hover,
.zion-mc-switcher--glass_segments button:focus-visible {
    background: rgba(255, 255, 255, .75) !important
}

.zion-mc-switcher--glass_segments button.is-active {
    background: linear-gradient(135deg, #f27b21, #ff9b45) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .28) !important
}

/* The optional inherit mode deliberately removes Zion's visual layer. */
.zion-mc-switcher--style-inherit,
.zion-mc-switcher--style-inherit * {
    font: inherit !important;
    color: inherit !important;
    letter-spacing: inherit !important;
    text-transform: inherit !important
}

.zion-mc-switcher--style-inherit select,
.zion-mc-switcher--style-inherit button {
    min-height: 0 !important;
    margin: 0 !important;
    padding: .35em .7em !important;
    border-color: currentColor !important;
    background: transparent !important;
    box-shadow: none !important
}

.zion-mc-switcher--style-inherit button.is-active {
    background: currentColor !important;
    color: Canvas !important
}

/* Inline-safe output: shortcodes may be placed inside theme text widgets and paragraphs. */
.zion-mc-switcher {
    display: inline-flex !important;
    vertical-align: middle !important;
    flex-wrap: nowrap !important;
    white-space: nowrap !important
}

.zion-mc-switcher a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: .35rem !important;
    min-width: 0 !important;
    min-height: 38px !important;
    margin: 0 !important;
    padding: .45rem .7rem !important;
    border: 1px solid #aebfda !important;
    border-radius: 8px !important;
    outline: 0 !important;
    box-shadow: none !important;
    color: #17233b !important;
    background: #fff !important;
    font: inherit !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    white-space: nowrap !important
}

.zion-mc-switcher a:hover,
.zion-mc-switcher a:focus-visible {
    border-color: #1656c0 !important;
    box-shadow: 0 0 0 3px rgba(22, 86, 192, .16) !important;
    color: #17233b !important;
    background: #fff !important
}

.zion-mc-switcher a b,
.zion-mc-switcher a small {
    display: inline !important;
    margin: 0 !important;
    color: inherit !important;
    font: inherit !important;
    line-height: inherit !important
}

.zion-mc-switcher a small {
    opacity: .72 !important;
    font-size: .88em !important;
    font-weight: 600 !important
}

.zion-mc-switcher a.is-active,
.zion-mc-switcher a.is-active:hover,
.zion-mc-switcher a.is-active:focus-visible {
    border-color: #1656c0 !important;
    color: #fff !important;
    background: #1656c0 !important;
    box-shadow: 0 5px 13px rgba(22, 86, 192, .22) !important
}

.zion-mc-switcher a.is-active b,
.zion-mc-switcher a.is-active small,
.zion-mc-switcher a.is-active .zion-mc-flag {
    color: #fff !important;
    opacity: 1 !important
}

.zion-mc-switcher--cards,
.zion-mc-switcher--cards_flags {
    display: inline-grid !important;
    vertical-align: middle !important;
    white-space: normal !important
}

.zion-mc-switcher--cards a,
.zion-mc-switcher--cards_flags a {
    display: grid !important;
    justify-content: start !important;
    text-align: left !important;
    white-space: normal !important
}

.zion-mc-switcher--cards a small,
.zion-mc-switcher--cards_flags a small {
    display: block !important
}

.zion-mc-switcher--compact_flags a {
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: .35rem !important;
    border-radius: 50% !important
}

.zion-mc-switcher--compact_flags a b,
.zion-mc-switcher--compact_flags a small {
    display: none !important
}

.zion-mc-switcher--compact_flags.zion-mc-switcher--marker-code a {
    width: auto !important;
    min-width: 48px !important;
    border-radius: 8px !important
}

.zion-mc-switcher--compact_flags.zion-mc-switcher--marker-code a b {
    display: block !important
}

.zion-mc-switcher--style-inherit a {
    color: inherit !important;
    border-color: currentColor !important;
    background: transparent !important
}

.zion-mc-switcher--style-inherit a:hover,
.zion-mc-switcher--style-inherit a:focus-visible {
    color: inherit !important;
    background: transparent !important
}

.zion-mc-switcher--style-inherit a.is-active,
.zion-mc-switcher--style-inherit a.is-active:hover,
.zion-mc-switcher--style-inherit a.is-active:focus-visible {
    border-color: #1656c0 !important;
    color: #fff !important;
    background: #1656c0 !important
}

.zion-mc-switcher--cards a.is-active,
.zion-mc-switcher--cards_flags a.is-active {
    border-color: #f27b21 !important;
    background: #f27b21 !important
}

.zion-mc-switcher--command_palette a {
    position: relative !important;
    min-height: 42px !important;
    border-color: transparent !important;
    border-radius: 9px !important;
    background: transparent !important
}

.zion-mc-switcher--command_palette a:hover,
.zion-mc-switcher--command_palette a:focus-visible {
    border-color: #a9c3f4 !important;
    background: #fff !important
}

.zion-mc-switcher--command_palette a.is-active {
    border-color: #1656c0 !important;
    color: #fff !important;
    background: linear-gradient(135deg, #1656c0, #2c77e5) !important
}

.zion-mc-switcher--glass_segments a {
    min-height: 42px !important;
    border: 0 !important;
    border-right: 1px solid rgba(73, 120, 190, .2) !important;
    border-radius: 0 !important;
    background: transparent !important
}

.zion-mc-switcher--glass_segments a:last-child {
    border-right: 0 !important
}

.zion-mc-switcher--glass_segments a:hover,
.zion-mc-switcher--glass_segments a:focus-visible {
    background: rgba(255, 255, 255, .75) !important
}

.zion-mc-switcher--glass_segments a.is-active {
    color: #fff !important;
    background: linear-gradient(135deg, #f27b21, #ff9b45) !important
}

/* Explicit shortcode appearance variants, independent of the surrounding theme. */
.zion-mc-switcher--appearance-dark {
    padding: .28rem !important;
    border: 1px solid #344a70 !important;
    border-radius: 12px !important;
    color: #f5f8ff !important;
    background: linear-gradient(145deg, #111d33, #172944) !important;
    box-shadow: 0 10px 28px rgba(6, 14, 30, .28) !important
}

.zion-mc-switcher--appearance-dark select,
.zion-mc-switcher--appearance-dark a {
    border-color: #415a85 !important;
    color: #f5f8ff !important;
    background: rgba(9, 20, 39, .72) !important
}

.zion-mc-switcher--appearance-dark a:hover,
.zion-mc-switcher--appearance-dark a:focus-visible {
    border-color: #83aeff !important;
    color: #fff !important;
    background: #223b63 !important
}

.zion-mc-switcher--appearance-dark a.is-active,
.zion-mc-switcher--appearance-dark a.is-active:hover,
.zion-mc-switcher--appearance-dark a.is-active:focus-visible {
    border-color: #ff9b45 !important;
    color: #fff !important;
    background: linear-gradient(135deg, #e56f18, #ff9b45) !important
}

.zion-mc-switcher--appearance-dark.zion-mc-switcher--command_palette,
.zion-mc-switcher--appearance-dark.zion-mc-switcher--glass_segments {
    border-color: #3b557e !important;
    background: linear-gradient(145deg, #111d33, #172944) !important
}

.zion-mc-switcher--appearance-dark.zion-mc-switcher--command_palette a,
.zion-mc-switcher--appearance-dark.zion-mc-switcher--glass_segments a {
    background: transparent !important
}