/*!
 * AD Weave Design System (ad-checkout-page-template.css)
 * Version: 1.0
 * License: GNU General Public License v2.0 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 */

/* This .css file is used for create css for checkout page templates */

/*** ================================
Responsive CSS - Mobile 
================================== */
@media (max-width:767px){

    /* Checkout - Shipping Details */
    .TSCheckoutSingleShippingDetails .TSShippingGroupDetails__PONumber input {
        font-size:14px;
    }
    .TSCheckoutSingleShippingDetails .TSShippingOptions__POSection input[type="text"] {
        font-size:14px !important;
    }
    .TSCheckoutSingleShippingDetails .TSShippingGroupDetails {
        background-color:var(--cc-background-color);
    }

    /* Checkout - Saved Card */
    .CheckoutSavedCards .SMCreditCardDropdown {
        width:100%;
    }
    .TSCheckoutCreditCard input {
        width:150px;
        height: 48px;
    }
    .CheckoutSavedCards .marginClass.dropdown {
        width:100%;
    }
    .CheckoutSavedCards .TSCheckoutCreditCard input {
        padding-left:var(--spacer0);
    }
    .TSCheckoutCreditCard input:focus {
        border:var(--border-style) var(--border-width) var(--cc-inputbox-border-color);
    }        
    .CheckoutCreditCard__AddCardDetailsContainer .TSCheckoutCardDetails input {
        width:100%;
    }
}