/*------------------------------------------------------------------
   Pack797 — centered control icons (header, hero, event carousels)
----------------------------------------------------------------*/

/* Guest login avatar */
header .login-singup .header-avatar--guest {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

/* Mobile: keep avatar clear of the screen edge */
@media (max-width: 991px) {
    header .login-singup,
    header .login-singup .header-avatar-dropdown {
        margin-right: 0.75rem !important;
        padding-right: 0.25rem;
    }

    header .login-singup .header-avatar-link,
    header .login-singup .header-avatar-link--guest {
        padding-right: 0.15rem;
    }
}

header .login-singup .header-avatar--guest i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.15rem;
    height: 1.15rem;
    margin: 0;
    padding: 0;
    font-size: 1.15rem;
    line-height: 1;
    color: inherit;
}

header .login-singup .header-avatar--guest i:before {
    display: block;
    line-height: 1;
    margin: 0;
}

header .login-singup .header-avatar-caret {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

header .login-singup .header-avatar-caret:before {
    display: block;
    line-height: 1;
}

/* Hero swiper arrows — one icon, flex-centered */
.wpo-hero-slider-1 .swiper-button-prev,
.wpo-hero-slider-1 .swiper-button-next,
.wpo-hero-slider-s2 .swiper-button-prev,
.wpo-hero-slider-s2 .swiper-button-next {
    display: flex !important;
    align-items: center;
    justify-content: center;
    top: 50%;
    margin-top: 0;
    line-height: 1;
    text-align: center;
    transform: translateY(-50%);
}

.wpo-hero-slider-1 .swiper-button-prev:after,
.wpo-hero-slider-1 .swiper-button-next:after,
.wpo-hero-slider-s2 .swiper-button-prev:after,
.wpo-hero-slider-s2 .swiper-button-next:after {
    content: none !important;
    display: none !important;
}

.wpo-hero-slider-1 .swiper-button-prev:before,
.wpo-hero-slider-1 .swiper-button-next:before,
.wpo-hero-slider-s2 .swiper-button-prev:before,
.wpo-hero-slider-s2 .swiper-button-next:before {
    display: block;
    margin: 0;
    line-height: 1;
    font-size: 1.1rem;
}

.wpo-hero-slider-1 .swiper-button-prev:hover,
.wpo-hero-slider-1 .swiper-button-next:hover,
.wpo-hero-slider-s2 .swiper-button-prev:hover,
.wpo-hero-slider-s2 .swiper-button-next:hover {
    transform: translateY(-50%) scale(1.04);
}

.wpo-hero-slider-1 .swiper-button-prev:hover:before,
.wpo-hero-slider-1 .swiper-button-next:hover:before,
.wpo-hero-slider-s2 .swiper-button-prev:hover:before,
.wpo-hero-slider-s2 .swiper-button-next:hover:before {
    color: var(--color-blue);
}

/* Mobile: hide hero prev/next (overrides display:flex !important above) */
@media (max-width: 991px) {
    .wpo-hero-slider-1 .swiper-button-prev,
    .wpo-hero-slider-1 .swiper-button-next,
    .wpo-hero-slider-s2 .swiper-button-prev,
    .wpo-hero-slider-s2 .swiper-button-next {
        display: none !important;
    }
}

/* Upcoming events / announcements carousel controls — match wizard nav buttons */
.events-btns .owl-prev,
.events-btns .owl-next,
.announce-btns .owl-prev,
.announce-btns .owl-next {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 2.65rem;
    height: 2.65rem;
    margin: 0;
    padding: 0;
    border: 1.5px solid rgba(11, 63, 113, 0.16);
    border-radius: 999px;
    background: #fff;
    color: var(--color-blue);
    box-shadow: 0 6px 14px rgba(11, 63, 113, 0.1);
    line-height: 1;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    transition:
        background-color 0.2s ease,
        border-color 0.2s ease,
        color 0.2s ease,
        box-shadow 0.2s ease,
        transform 0.15s ease;
}

.events-btns .owl-prev:hover,
.events-btns .owl-next:hover,
.announce-btns .owl-prev:hover,
.announce-btns .owl-next:hover,
.events-btns .owl-prev:focus,
.events-btns .owl-next:focus,
.announce-btns .owl-prev:focus,
.announce-btns .owl-next:focus {
    background: var(--color-blue);
    border-color: var(--color-yellow);
    color: var(--color-yellow);
    box-shadow: 0 10px 22px rgba(11, 63, 113, 0.2);
    transform: translateY(-1px);
    outline: none;
}

.events-btns .owl-prev:active,
.events-btns .owl-next:active,
.announce-btns .owl-prev:active,
.announce-btns .owl-next:active {
    transform: translateY(0);
    box-shadow: 0 4px 10px rgba(11, 63, 113, 0.14);
}

.events-btns .owl-prev i,
.events-btns .owl-next i,
.announce-btns .owl-prev i,
.announce-btns .owl-next i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.1rem;
    height: 1.1rem;
    margin: 0;
    padding: 0;
    font-size: 1.05rem;
    line-height: 1;
    color: inherit;
}

.events-btns .owl-prev i:before,
.events-btns .owl-next i:before,
.announce-btns .owl-prev i:before,
.announce-btns .owl-next i:before {
    display: block;
    line-height: 1;
    margin: 0;
}

.events-btns {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 0.65rem;
}

.events-btns__view-all {
    margin-right: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Application notes chevron + wizard step arrows */
.application-notes__chevron,
.application-wizard-shell .wizard-steps-nav__btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    line-height: 1;
    text-align: center;
}

.application-notes__chevron > i,
.application-wizard-shell .wizard-steps-nav__btn > i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.05rem;
    height: 1.05rem;
    margin: 0;
    padding: 0;
    font-size: 1.05rem;
    line-height: 1;
    color: inherit;
}

.application-notes__chevron > i:before,
.application-wizard-shell .wizard-steps-nav__btn > i:before {
    display: block;
    line-height: 1;
    margin: 0;
}
