/*
File: cart.css
This contains overrides for the cart & checkout pages
*/

/* LAYOUT */

#rf-body .woocommerce-checkout #customer_details {
    display: flex;
    flex-direction: column;
}

#rf-body .woocommerce-checkout #customer_details .col-1,
#rf-body .woocommerce-checkout #customer_details .col-2 {
    float: none;
    width: 100%;
    margin-bottom: var(--size-large);
}

/* Shipping disclaimer */
#rf-body #rf-shipping-disclaimer {
    /* rf-fine-print styles */
    font-size: 0.875rem;
    line-height: 1rem;
    color: var(--color-font-3);
    /* additional styles */
    font-weight: normal;
    display: block;
}

#rf-body #rf-shipping-disclaimer a,
#rf-body #rf-shipping-disclaimer a:hover {
    color: inherit;
}

#rf-body #rf-shipping-disclaimer a::after {
    bottom: 0;
    background-color: var(--color-font-3);
}

#rf-body #rf-shipping-disclaimer a {
    transition: var(--transition-standard);
    color: var(--color-font-1);
}

/* Changing shipping method description to show differently from the main label */
#rf-body p.shipping-method-description {
    font-weight: normal;
    padding-bottom: 0;
}

/* Adjusting the coupon code fields */
#rf-body .woocommerce .coupon input#coupon_code {
    font-size: 1rem !important;
}

#rf-body .woocommerce .coupon .button {
    background-image: url("https://www.thebrushguys.com/wp-content/uploads/2020/06/rounded-rectangle-button-background-outline.svg");
    color: var(--color-1);
}

#rf-body .woocommerce .coupon .button::before {
    background-image: url("https://www.thebrushguys.com/wp-content/uploads/2020/06/rounded-rectangle-button-background-outline.svg");
}

/* Adjusting the gift card entry fields */
#rf-body .woocommerce #pwgc-redeem-gift-card-form #pwgc-redeem-gift-card-number {
    font-size: 1rem;
    line-height: 1rem;
    padding: 0.625rem var(--size-medium);
}

#rf-body .woocommerce #pwgc-redeem-gift-card-form #pwgc-redeem-gift-card-number::placeholder {
    color: var(--color-font-3);
}

#rf-body .woocommerce #pwgc-redeem-gift-card-form #pwgc-redeem-button {
    border-width: 1px !important;
    border-color: var(--color-1) !important;
}

#rf-body .woocommerce #pwgc-redeem-gift-card-form #pwgc-redeem-button::before {
    background-image: url("https://www.thebrushguys.com/wp-content/uploads/2020/06/rounded-rectangle-button-background-outline.svg");
}

/* Making payment button visible */
#rf-body #payment button[type=submit] {
    z-index: 2;
}