/**
 * Mageplaza
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Mageplaza.com license that is
 * available through the world-wide-web at this URL:
 * https://www.mageplaza.com/LICENSE.txt
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade this extension to newer
 * version in the future.
 *
 * @category    Mageplaza
 * @package     Mageplaza_GiftCard
 * @copyright   Copyright (c) Mageplaza (https://www.mageplaza.com/)
 * @license     https://www.mageplaza.com/LICENSE.txt
 */

/**
 * Override original css file on Mageplaza_GiftCard: app/code/Mageplaza/GiftCard/view/frontend/web/css/checkout.css
 */

.checkout-payment-method .payment-option-content .primary .action.action-apply {
    margin-right: 0;
}

.checkout-payment-method .payment-option-content .gift-card-apply .actions-toolbar {
    margin-bottom: 20px;
    display: block;
}

@media only screen and (max-device-width: 768px) {
    .abs-discount-code .form-discount .actions-toolbar .primary, .checkout-payment-method .payment-option-content .form-discount .actions-toolbar .primary{
        float: none !important;
    }
}

.checkout-payment-method .payment-option-content .gift-card-apply .form-discount {
    display: block;
}

.gift-card-check-code > .fieldset > .field {
    display: block;
    margin-bottom: 10px;
    clear: both;
}

.opc-wrapper .form-discount .gift-card-check-code > .fieldset > .field > label {
    width: 30%;
    float:left;
    display: block;
    height: unset;
    position: unset;
}

.gift-card-check-code > .fieldset > .field > .control {
    width: 60%;
    float:left;
    margin-left: 5%;
    display: block;
}
.product-image-container .product-image-wrapper img {
    height: 100%!important;
}


/**
 * Fix messy layout on apply gift cards on checkout page
 */
#discount-giftcard-form {
    display: block;
}

#discount-giftcard-form .apply-gift-card-input-group {
    display: flex;
}

#discount-giftcard-form .additional-gift-card-input-group {
    display: flex;
    flex-direction: column;
}

#discount-giftcard-form .payment-option-inner.gift-card-used {
    margin-top: -12px;
    max-width: none;
}

#discount-giftcard-form .select-gift-card-input-group {
    display: flex;
}

#discount-giftcard-form .content.saved-list-content.payment-option-content {
    padding: 0;
}

#discount-giftcard-form .select-gift-card-input-group #giftcard-saved-list {
    border-radius: 5px 0 0 5px;
}

#discount-giftcard-form .action.secondary {
    margin-bottom: 10px;
}

#discount-giftcard-form .gift-card-used-item {
    padding: 0 0 5px;
}

#discount-giftcard-form a.gift-card-remove-icon {
    padding: 0px 5px 2px;
    background: #879631;
    border: 1px solid #879631;
    color: #ffffff;
    font-weight: 800;
    font-style: normal;
}

#discount-giftcard-form span.gift-card-used-item-code {
    padding: 0 0px 0px 5px;
}