@import url("../original/amazon-reset.css");
@import url("../original/amazon-layout-core.css");
@import url("../original/amazon-components.css");
@import url("../original/amazon-giftcard.css");
@import url("../original/amazon-utilities.css");
@import url("../original/amazon-overrides.css");

#gc-redemption-container h2,
#gc-redemption-container h3 {
    font-weight: 400;
}

.app-header {
    background-color: #131921;
    height: 112px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.app-header-inner {
    display: flex;
    align-items: center;
    justify-content: center;
}

.app-header-logo {
    height: 56px;
}

@media (max-width: 1024px) {
    .app-header {
        height: 96px;
    }

    .app-header-logo {
        height: 48px;
    }
}

@media (max-width: 767px) {
    .app-header {
        height: 80px;
    }

    .app-header-logo {
        height: 40px;
    }

    main {
        padding: 0 14px;
    }

    #navFooter .navAccessibility.navFooterVerticalRow {
        display: inline-grid;
        grid-template-columns: repeat(1, minmax(12rem, 1fr));
        gap: .5rem;
        justify-content: left;

    }

    main,
    #gc-redemption-container {
        white-space: normal;
        overflow-wrap: break-word;
        word-wrap: break-word;
    }

    #gc-redemption-container {
        width: 100%;
        max-width: 44rem;
        margin: 0 auto;
        padding: 1.5rem 1rem 2rem;
        box-sizing: border-box;
    }

    #navFooter {
        word-wrap: break-word;
        overflow-wrap: break-word;
        white-space: normal;
    }

    #navFooter .navFooterVerticalRow {
        display: grid;
        grid-template-columns: repeat(4, minmax(12rem, 1fr));
        gap: 1.5rem;
        justify-content: center;
    }

    #navFooter .navFooterLinkCol,
    #navFooter .navFooterColSpacerInner {
        min-width: 0;
    }

    #navFooter .navFooterColHead,
    #navFooter .navFooterLinkCol ul li,
    #navFooter .navFooterLine,
    #navFooter .navFooterLinkLine ul li {
        white-space: normal;
        overflow-wrap: break-word;
        word-wrap: break-word;
    }

    .redeem-benefits-row {
        display: flex;
        flex-wrap: wrap;
        gap: 1.5rem;
    }

    .redeem-benefits-row .a-column {
        flex: 1 1 15rem;
    }
}

@media (max-width: 767px) {
    .redeem-benefits-row {
        flex-direction: column;
        gap: 1rem;
    }

    .redeem-benefits-row .a-column {
        flex: 1 1 6rem;
    }

    .a-row .a-span4,
    .a-ws .a-row .a-ws-span4 {
        width: auto;
    }
}

@media (max-width: 1024px) {
    #navFooter .navFooterVerticalRow {
        grid-template-columns: repeat(2, minmax(12rem, 1fr));
        padding-inline: 1.5rem;
    }
}

@media (max-width: 767px) {
    #navFooter .navFooterVerticalRow {
        grid-template-columns: 1fr;
        padding-inline: 1.5rem;
    }

    #navFooter .navFooterLogoLine {
        margin: 20px 0 8px 0;
    }

    #navFooter .icp-container-desktop .navFooterLine {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }

    #navFooter .icp-container-desktop .icp-button {
        width: 100%;
    }

    #navFooter .navFooterPadItemLine ul {
        justify-content: flex-start;
        flex-wrap: wrap;
        padding-bottom: 15px;
    }

    #navFooter .navFooterPadItemLine ul li {
        display: inline-block;
    }
}

@media (max-width: 767px) {
    .gc-input-row {
        display: flex;
        flex-direction: column;
        gap: 0.75rem;
    }

    .gc-input-row .a-column {
        width: 100% !important;
    }

    #gc-redemption-input-parent {
        width: 100% !important;
    }

    #gc-redemption-input {
        width: 100%;
        box-sizing: border-box;
    }

    .gc-input-row #gc-redemption-apply,
    .gc-input-row #gc-redemption-apply .a-button-inner {
        width: 100%;
    }
}

.gc-claimcode-image {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 2rem auto 0;
}

.gc-balance-heading {
    font-weight: 400;
}

.gc-balance-label {
    color: #565959;
}

.gc-balance-amount {
    color: #007600;
}

.gc-balance-history-link {
    text-decoration: underline;
}

.gc-breadcrumb-current {
    color: #c45500;
}

.gc-claimcode-popover {
    display: none;
    position: absolute;
    z-index: 1000;
    max-width: 26rem;
    padding: 1rem;
    background-color: #fff;
    border: 1px solid #d5d9d9;
    box-shadow: 0 2px 8px rgba(15, 17, 17, 0.15);
    border-radius: 4px;
    font-size: 13px;
    line-height: 1.4;
}

.gc-claimcode-close {
    position: absolute;
    top: 8px;
    right: 8px;
    border: none;
    background: transparent;
    cursor: pointer;
    font-size: 16px;
}

.gc-input-error {
    border-color: #cc0c39 !important;
    box-shadow: 0 0 0 1px #cc0c39 inset;
}