/* Compact header picker: one active swatch and ID between cycle arrows. */
.axiowl-theme-switcher {
    position: relative;
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    gap: 4px;
    min-height: 38px !important;
    padding: 4px;
    border: 1px solid color-mix(in srgb, var(--ax-cool) 26%, rgba(255, 255, 255, 0.18));
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.07);
}

.axiowl-theme-switcher__choices,
.axiowl-theme-switcher__choice {
    display: none !important;
}

.axiowl-theme-switcher__arrow {
    width: 28px;
    height: 28px;
    border-radius: 6px !important;
    color: rgba(255, 255, 255, 0.84);
}

.axiowl-theme-switcher__arrow:is(:hover, :focus-visible) {
    background: rgba(255, 255, 255, 0.12);
    color: var(--ax-white);
}

.axiowl-theme-switcher__arrow:focus-visible {
    outline: 2px solid var(--ax-cool);
    outline-offset: 2px;
}

.axiowl-theme-switcher__current {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 22px;
    min-height: 39px;
    gap: 4px;
    color: rgba(255, 255, 255, 0.84);
}

.axiowl-theme-switcher__current .axiowl-theme-switcher__swatch {
    width: 17px;
    height: 17px;
    border: 2px solid var(--ax-white);
    border-radius: 50%;
    box-shadow: 0 0 0 2px var(--ax-primary);
}

.axiowl-theme-switcher__current .axiowl-theme-switcher__choice-id {
    width: auto;
    height: auto;
    color: inherit;
    font-size: 10px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0;
}

.axiowl-theme-switcher__current-name {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.axiowl-theme-switcher__current[data-axiowl-theme-choice="signal-red"] > .axiowl-theme-switcher__swatch { background: linear-gradient(135deg, #2dd4ff 0 33%, #ff3b4d 33% 68%, #ff4fa3 68%); }
.axiowl-theme-switcher__current[data-axiowl-theme-choice="coral-pop"] > .axiowl-theme-switcher__swatch { background: linear-gradient(135deg, #2ec4b6 0 33%, #ff5a5f 33% 68%, #ff9f1c 68%); }
.axiowl-theme-switcher__current[data-axiowl-theme-choice="hot-pink"] > .axiowl-theme-switcher__swatch { background: linear-gradient(135deg, #30d5c8 0 33%, #ff2d8d 33% 68%, #7a5cff 68%); }
.axiowl-theme-switcher__current[data-axiowl-theme-choice="red-gold"] > .axiowl-theme-switcher__swatch { background: linear-gradient(135deg, #20c4b7 0 33%, #f2384a 33% 68%, #ffb000 68%); }
.axiowl-theme-switcher__current[data-axiowl-theme-choice="neon-product"] > .axiowl-theme-switcher__swatch { background: linear-gradient(135deg, #00c2ff 0 33%, #ff375f 33% 68%, #4ade80 68%); }
.axiowl-theme-switcher__current[data-axiowl-theme-choice="axiowl-classic"] > .axiowl-theme-switcher__swatch { background: linear-gradient(135deg, #d7584f 0 50%, #50ddc0 50% 100%); }
.axiowl-theme-switcher__current[data-axiowl-theme-choice="mobile-blue"] > .axiowl-theme-switcher__swatch { background: linear-gradient(135deg, #1769ff 0 50%, #ffb33f 50% 100%); }
.axiowl-theme-switcher__current[data-axiowl-theme-choice="meter-mint"] > .axiowl-theme-switcher__swatch { background: linear-gradient(135deg, #67e0b1 0 50%, #ff6b64 50% 100%); }
.axiowl-theme-switcher__current[data-axiowl-theme-choice="forest-gold"] > .axiowl-theme-switcher__swatch { background: linear-gradient(135deg, #2e9274 0 50%, #e0a04c 50% 100%); }
.axiowl-theme-switcher__current[data-axiowl-theme-choice="ocean-ink"] > .axiowl-theme-switcher__swatch { background: linear-gradient(135deg, #2f78b7 0 50%, #ea6a5f 50% 100%); }
.axiowl-theme-switcher__current[data-axiowl-theme-choice="hero-midnight"] > .axiowl-theme-switcher__swatch { background: linear-gradient(135deg, #233f7d 0 33%, #ff625f 33% 68%, #d86cc4 68%); }
.axiowl-theme-switcher__current[data-axiowl-theme-choice="hero-twilight"] > .axiowl-theme-switcher__swatch { background: linear-gradient(135deg, #413c91 0 33%, #ff7268 33% 68%, #c86bd9 68%); }
.axiowl-theme-switcher__current[data-axiowl-theme-choice="night-ocean"] > .axiowl-theme-switcher__swatch { background: linear-gradient(135deg, #56c7dd 0 50%, #e56b65 50% 100%); }
.axiowl-theme-switcher__current[data-axiowl-theme-choice="night-orchid"] > .axiowl-theme-switcher__swatch { background: linear-gradient(135deg, #ff6f91 0 50%, #c16ce5 50% 100%); }
.axiowl-theme-switcher__current[data-axiowl-theme-choice="night-forest"] > .axiowl-theme-switcher__swatch { background: linear-gradient(135deg, #78d5ac 0 50%, #f2b45b 50% 100%); }
.axiowl-theme-switcher__current[data-axiowl-theme-choice="night-ember"] > .axiowl-theme-switcher__swatch { background: linear-gradient(135deg, #ff7a63 0 50%, #68d9d1 50% 100%); }

@media (min-width: 783px) {
    html[data-axiowl-theme] {
        --axiowl-wp-nav-height: 68px;
    }

    .axiowl-global-chrome--top,
    .axiowl-global-nav__inner {
        min-height: var(--axiowl-wp-nav-height);
    }

    .axiowl-global-nav__inner {
        flex-wrap: nowrap;
        align-content: normal;
        row-gap: 0;
        padding-top: 0;
        padding-bottom: 0;
    }

    .axiowl-global-nav__menu { order: 2; }
    .axiowl-theme-switcher { order: 3; margin-left: 8px; }
    .axiowl-global-nav__cta { order: 4; }
}

@media (max-width: 1320px) and (min-width: 783px) {
    .axiowl-theme-switcher__arrow { width: 24px; }
    .axiowl-theme-switcher__current { width: 20px; min-height: 35px; gap: 3px; }
    .axiowl-theme-switcher__current .axiowl-theme-switcher__swatch { width: 14px; height: 14px; }
    .axiowl-theme-switcher__current .axiowl-theme-switcher__choice-id { font-size: 9px; }
}

@media (max-width: 782px) {
    .axiowl-theme-switcher {
        width: max-content;
        min-height: 46px !important;
        margin: 0 auto 8px;
        background: color-mix(in srgb, var(--ax-shell-2) 74%, transparent);
    }

    .axiowl-theme-switcher__current { width: 26px; min-height: 46px; gap: 5px; }
    .axiowl-theme-switcher__current .axiowl-theme-switcher__swatch { width: 22px; height: 22px; }
    .axiowl-theme-switcher__current .axiowl-theme-switcher__choice-id { font-size: 11px; }
    .axiowl-theme-switcher__arrow { width: 38px; height: 38px; }
}

/* The inner four-step row is pulled into visual center without changing Elementor's layout height. */
@media (min-width: 1025px) {
    body.axiowl-page-home .elementor-element-bb3b827 .elementor-element-6cf25523 {
        transform: translateY(41px);
    }
}

/* Remove the obsolete connector line from the four-step callout strip. */
body.axiowl-page-home .elementor-element-bb3b827 .elementor-divider-separator {
    display: none !important;
}

/* Replace the four callout glyphs while preserving Elementor's circular icon frames. */
body.axiowl-page-home .elementor-element-bb3b827 :is(
    .elementor-element-4d612669,
    .elementor-element-55952a85,
    .elementor-element-6761cf44,
    .elementor-element-3dc50a8c
) .elementor-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 100px;
    padding: 0 !important;
    box-sizing: border-box;
    color: var(--ax-accent);
}

body.axiowl-page-home .elementor-element-bb3b827 :is(
    .elementor-element-4d612669,
    .elementor-element-55952a85,
    .elementor-element-6761cf44,
    .elementor-element-3dc50a8c
) .elementor-icon > svg {
    display: none !important;
}

body.axiowl-page-home .elementor-element-bb3b827 :is(
    .elementor-element-4d612669,
    .elementor-element-55952a85,
    .elementor-element-6761cf44
) .elementor-icon::before {
    content: "";
    display: block;
    width: 25px;
    height: 25px;
    border-top: 6px solid currentColor;
    border-right: 6px solid currentColor;
    border-radius: 2px;
    transform: translateX(-5px) rotate(45deg);
}

body.axiowl-page-home .elementor-element-bb3b827 .elementor-element-3dc50a8c .elementor-icon {
    position: relative;
}

body.axiowl-page-home .elementor-element-bb3b827 .elementor-element-3dc50a8c .elementor-icon::before {
    content: "";
    display: block;
    width: 58px;
    height: 58px;
    background: currentColor;
    -webkit-mask: url("https://axiowl.com/wp-content/uploads/2026/06/owl_head_transparent.png") center / contain no-repeat;
    mask: url("https://axiowl.com/wp-content/uploads/2026/06/owl_head_transparent.png") center / contain no-repeat;
}

body.axiowl-page-home .elementor-element-bb3b827 .elementor-element-3dc50a8c .elementor-icon::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 34px;
    height: 18px;
    transform: translate(-50%, -45%);
    background:
        radial-gradient(circle at 27% 45%, #fff 0 5px, transparent 5.5px),
        radial-gradient(circle at 73% 45%, #fff 0 5px, transparent 5.5px);
}