/** Compatibility with WPForms Lite **/

@import '../../../assets/sass/config';
@import '../../../assets/sass/mixins';
@import '../../../assets/sass/direction';

// Gift Card Product TYpe
.product-type-gift-card {
    .woocommerce-product-gallery__image {
        padding: 0;
    }

    .woocommerce-product-gallery__wrapper {
        padding: 1em;
    }

    .gift_card_template_button {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        margin-top: 0;
    }
}

.gift-cards-list button {
    height: 26px;
    border-radius: 2px;
    border-color: var(--wolmart-light-color, #ccc);
    color: var(--wolmart-body-color, #666);
    cursor: pointer;
    line-height: 24px;
    transition: .3s ease;

    &.ywgc-predefined-amount-button.selected_button, &:hover {
        border-color: var(--wolmart-primary-color, #2879FE);
        background-color: transparent;
        color: var(--wolmart-primary-color, #2879FE);
    }

    &:not(:last-child) {
        margin-#{$right}: 5px;
    }
}

.gift-card-content-editor.step-content textarea {
    padding: 1rem;
    border-color: #eee;
    border-radius: 3px;
    color: var(--wolmart-body-color, #666);

    &::placeholder,
    &::-webkit-input-placeholder,
    &::-moz-placeholder {
        color: $grey-color;
    }
}

// Gift Card Form
.ywgc_have_code {
    margin: 0;

    .alert {
        margin-bottom: 28px;
        color: var(--wolmart-dark-color);
    }
}

.ywgc_enter_code {
    margin-top: 0;
    padding: 3rem;
    border-width: 3px 1px 1px;
    border-style: solid;
    border-color: #eee;
    border-image: initial;
    border-radius: 0 0 4px 4px;

    > div {
        margin: 0 -4px;
    }

    p,
    .form-row {
        padding-left: 5px;
        padding-right: 5px;
        color: inherit;
    }
}

.ywgc_apply_gift_card_button {
    border: 1px solid var(--wolmart-dark-color, #333);
    border-radius: 3px;
    background-color: transparent !important;
    color: var(--wolmart-dark-color, #333) !important;

    &:hover,
    &:active,
    &:focus {
        background-color: var(--wolmart-dark-color, #333) !important;
        border-color: var(--wolmart-dark-color, #333);
        color: #fff !important;
    }
}

.ywgc-gift-card-applied {
    td {
        text-align: right;
    }

    .woocommerce-Price-amount {
        color: var(--wolmart-dark-color, #333);
        font-weight: 600;
        font-size: 1.6rem;
        letter-spacing: -.01em;
    }
}

.woocommerce-checkout-review-order .ywgc-gift-card-applied {
    th,
    td {
        padding: 1rem 0;
        line-height: 1;
    }

    th {
        color: var(--wolmart-dark-color, #333);
        font-size: 1.6rem;
        font-weight: 600;
    }
}

@media (max-width: 575px) {
    .ywgc_enter_code .form-row-first {
        margin-bottom: 20px;
        width: 100%;
    }
}