/* ==========================================================================
   RESPONSIVE - Desktop (720px+)
   ========================================================================== */
@media (min-width: 720px) {
    /* Story */
    .story .explode-wrapper {
        margin: var(--cda-spacing-3xl) calc((50vw - 400px) * -1) var(--cda-spacing-3xl);
    }

    .alignleft.size-full {
        margin: 0 var(--cda-spacing-xl) 0 -160px;
        max-width: 60%;
    }

    /* Coupon */
    .coupon #coupon_code {
        width: 100%;
        max-width: 200px;
    }

    .actions .coupon .button {
        margin: 0 0 0 var(--cda-spacing-xs);
    }

    /* My Account */
    .woocommerce-account .layers-content-main {
        margin: 0;
        padding: 0;
        max-width: none;
    }

    .woocommerce-account .layers-content-main>.grid>.column {
        margin: 0;
        max-width: 100%;
    }

    .woocommerce-account .post-header {
        display: none;
    }

    .woocommerce-account .woocommerce {
        display: flex;
    }

    .woocommerce-lost-password.woocommerce-account .woocommerce {
        display: flex;
        flex-direction: column;
        max-width: 520px;
        margin: 0 auto;
        padding: var(--cda-spacing-xl) var(--cda-spacing-md);
    }

    .woocommerce-form-login__submit {
        min-height: 36px;
    }

    .woocommerce-account .button {
        font-size: 10px;
        color: var(--cda-color-white);
        border-radius: var(--cda-radius-sm);
    }

    .woocommerce-account table {
        font-size: 14px;
    }

    .woocommerce-account table th {
        text-align: center;
    }

    .woocommerce-account table .button {
        margin-left: var(--cda-spacing-xs);
    }

    .woocommerce-account table tfoot {
        background: var(--cda-color-gray-100);
    }

    .woocommerce-account table tfoot th {
        font-family: var(--cda-font-primary);
        text-align: left;
        padding: var(--cda-spacing-sm);
    }

    .woocommerce-account table tfoot td {
        text-align: right;
    }

    /* Layouts */
    .woocommerce-MyAccount-navigation {
        width: calc(((100% / 12) * 2));
        padding: var(--cda-spacing-xl) var(--cda-spacing-md);
    }

    .woocommerce-MyAccount-content {
        width: calc(((100% / 12) * 10));
        padding: var(--cda-spacing-xl);
        max-width: 1000px;
        margin: 0 auto;
    }
}

/* ==========================================================================
   RESPONSIVE - Tablet & Up (481px+)
   ========================================================================== */
@media (min-width: 481px) {
    .download-lite-filter select {
        width: auto;
    }

    /* Bundle List */
    .bundle-list .products.bundled_products.columns-3 .bundled_product_summary {
        width: 100%;
    }

    .bundle-list .bundled_products .bundled_product_summary .bundled_product_images {
        display: inline-block;
        max-width: 60px;
        margin-right: var(--cda-spacing-sm);
    }

    .bundle-list .details {
        border: none;
        display: inline-block;
        vertical-align: middle;
    }

    .elementor-widget-woocommerce-checkout-page .woocommerce-checkout .form-row-first,
    .elementor-widget-woocommerce-checkout-page .woocommerce-checkout .form-row-last {
        width: auto;
    }

    /* Footer Menu */
    #menu-footer.menu a {
        margin: 0;
        padding: var(--cda-spacing-md-sm) var(--cda-spacing-md);
        background: none;
    }
}

/* ==========================================================================
   RESPONSIVE - Tablet Only (481px - 719px)
   ========================================================================== */
@media (min-width: 481px) and (max-width: 719px) {
    /* Cart Layout */
    .woocommerce-cart-form .coupon {
        width: 70%;
    }

    .woocommerce-cart-form .coupon #coupon_code {
        max-width: 160px;
    }
}

/* ==========================================================================
   RESPONSIVE - Mobile (480px and below)
   ========================================================================== */
@media (max-width: 480px) {
    .section-title.large .heading {
        font-size: 20px !important;
    }

    .hide-mobile {
        display: none;
    }

    /* Story */
    .story {
        font-size: 1.6rem;
    }

    .story blockquote {
        font-size: 16px;
        font-weight: 600;
    }

    /* Login */
    .woocommerce .login {
        margin: 0 auto;
        padding: var(--cda-spacing-5xl) var(--cda-spacing-md);
    }

    #customer_login {
        flex-direction: column;
        justify-content: start;
        width: 100%;
        padding: var(--cda-spacing-md);
    }

    #customer_login .u-column1.col-1,
    #customer_login .u-column2.col-2 {
        width: 100%;
        margin: 0 0 var(--cda-spacing-md);
    }

    #customer_login .u-column1.col-1 {
        border-right: none;
        padding: 0;
        margin: 0;
    }

    #customer_login .u-column2.col-2 {
        padding: 0;
        margin: 0;
    }

    /* Cart Layout */
    .woocommerce-cart-form,
    .cart-collaterals {
        width: 100%;
        margin: 0 0 var(--cda-spacing-md);
    }

    /* Messages */
    .woocommerce-message {
        flex-direction: column;
    }

    .woocommerce-message .button {
        display: block;
        margin-top: var(--cda-spacing-md);
    }

    /* Sidebar */
    .archive .cda-sidebar:not(.expanded) .elementor-element:not(.cda-sidebar-filter) {
        display: none;
    }

    .cda-sidebar:not(.expanded) .cda-sidebar-filter {
        margin-bottom: 0px !important;
    }

    .cda-sidebar.expanded .cda-sidebar-filter .elementor-button {
        background: var(--cda-color-white) !important;
        color: var(--e-global-color-accent) !important;
        border: 1px solid var(--e-global-color-accent) !important;
    }

    .cda-sidebar.expanded .cda-sidebar-filter .fas:before {
        content: "\f068";
    }
}