/**
 * Shared section navigation for Homepage Showcase and Homepage Gear Guide.
 */

.acms-child-post-pager {
    position: relative;
}

.acms-child-post-pager [data-acms-child-pager-item][hidden],
.acms-child-post-pager__button[hidden] {
    display: none !important;
}

.acms-child-post-pager.is-ready [data-acms-child-pager-item]:not([hidden]) {
    animation: acms-child-pager-enter 220ms ease-out both;
}

.acms-child-post-pager__button {
    position: absolute;
    top: 50%;
    z-index: 12;
    display: grid;
    width: 44px;
    height: 44px;
    padding: 0;
    place-items: center;
    color: var(--color-text-secondary, #526174);
    border: 1px solid var(--color-border, #dce3eb);
    border-radius: 50%;
    background: var(--color-surface, #fff);
    box-shadow: 0 8px 22px rgba(7, 21, 44, 0.12);
    cursor: pointer;
    transform: translateY(-50%);
    transition: color 160ms ease, background-color 160ms ease, border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.acms-child-post-pager__button--prev {
    left: -22px;
}

.acms-child-post-pager__button--next {
    right: -22px;
}

.acms-child-post-pager__button:hover,
.acms-child-post-pager__button:focus-visible {
    color: #fff;
    border-color: var(--color-primary, #087f7b);
    background: var(--color-primary, #087f7b);
    box-shadow: 0 11px 26px rgba(7, 21, 44, 0.18);
    transform: translateY(-50%) scale(1.06);
}

.acms-child-post-pager__button:focus-visible {
    outline: 3px solid rgba(8, 127, 123, 0.24);
    outline-offset: 3px;
}

.acms-child-post-pager__button:disabled {
    color: #aab4c0;
    border-color: #e4e8ee;
    background: #f7f8fa;
    box-shadow: none;
    cursor: not-allowed;
    opacity: 0.72;
    transform: translateY(-50%);
}

.acms-child-post-pager__button i {
    font-size: 17px;
    line-height: 1;
}

.acms-showcase-template .acms-child-post-pager__button:hover,
.acms-showcase-template .acms-child-post-pager__button:focus-visible {
    border-color: var(--amh-blue);
    background: var(--amh-blue);
}

.acms-gear-guide-template .acms-child-post-pager__button:hover,
.acms-gear-guide-template .acms-child-post-pager__button:focus-visible {
    color: var(--ggh-navy);
    border-color: var(--ggh-gold);
    background: var(--ggh-gold);
}

.acms-gear-guide-template .ggh-section-header--paged > a {
    margin-right: 86px;
}

.acms-gear-guide-template .acms-child-post-pager--gear-featured .acms-child-post-pager__button--prev,
.acms-gear-guide-template .acms-child-post-pager--gear-categories .acms-child-post-pager__button--prev {
    left: 8px;
}

.acms-gear-guide-template .acms-child-post-pager--gear-featured .acms-child-post-pager__button--next,
.acms-gear-guide-template .acms-child-post-pager--gear-categories .acms-child-post-pager__button--next {
    right: 8px;
}

.acms-gear-guide-template .acms-child-post-pager--gear-latest .acms-child-post-pager__button {
    left: auto;
}

.acms-gear-guide-template .acms-child-post-pager--gear-latest .acms-child-post-pager__button--prev {
    right: 54px;
}

.acms-gear-guide-template .acms-child-post-pager--gear-latest .acms-child-post-pager__button--next {
    right: 8px;
}

.acms-gear-guide-template .acms-child-post-pager--gear-latest .acms-child-post-pager__button {
    top: -31px;
    width: 36px;
    height: 36px;
}

.acms-gear-guide-template .acms-child-post-pager--gear-popular .acms-child-post-pager__button,
.acms-gear-guide-template .acms-child-post-pager--gear-deal .acms-child-post-pager__button {
    top: -25px;
    width: 32px;
    height: 32px;
}

.acms-gear-guide-template .acms-child-post-pager--gear-popular .acms-child-post-pager__button--prev,
.acms-gear-guide-template .acms-child-post-pager--gear-deal .acms-child-post-pager__button--prev {
    right: 38px;
    left: auto;
}

.acms-gear-guide-template .acms-child-post-pager--gear-popular .acms-child-post-pager__button--next,
.acms-gear-guide-template .acms-child-post-pager--gear-deal .acms-child-post-pager__button--next {
    right: 0;
}

@keyframes acms-child-pager-enter {
    from {
        opacity: 0;
        transform: translateY(5px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 640px) {
    .acms-showcase-template .acms-child-post-pager__button {
        width: 38px;
        height: 38px;
    }

    .acms-showcase-template .acms-child-post-pager__button--prev {
        left: -9px;
    }

    .acms-showcase-template .acms-child-post-pager__button--next {
        right: -9px;
    }

    .acms-gear-guide-template .acms-child-post-pager--gear-latest .acms-child-post-pager__button {
        top: -29px;
        width: 34px;
        height: 34px;
    }

    .acms-gear-guide-template .acms-child-post-pager--gear-latest .acms-child-post-pager__button--prev {
        right: 48px;
    }

    .acms-gear-guide-template .acms-child-post-pager--gear-latest .acms-child-post-pager__button--next {
        right: 7px;
    }

    .acms-gear-guide-template .ggh-section-header--paged > a {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .acms-child-post-pager.is-ready [data-acms-child-pager-item]:not([hidden]) {
        animation: none;
    }

    .acms-child-post-pager__button {
        transition: none;
    }
}