/**
 * My Account Page Layout
 *
 * Full-bleed blue backdrop for all /my-account/ pages with a white
 * content panel for the WooCommerce .woocommerce wrapper.
 *
 * Loaded on every WooCommerce account page via My_Account_Page::enqueue_assets().
 *
 * @package VACBP
 * @since 1.0.0
 */

/* ==========================================================================
   Account page — full-bleed backdrop
   ========================================================================== */

body.woocommerce-account #page, 
body #page {
    background-color: var(--vacbp-color-account-bg);
}

body #primary { 
   background-color: var(--vacbp-color-account-bg);
}

/* White content panel that sits on top of the blue backdrop */
body.woocommerce-account #page .woocommerce,
body #page .woocommerce {
    background-color: var(--vacbp-color-bg);
}

body.woocommerce-account #page .woocommerce {
    margin: 2rem auto;
}

body.woocommerce-account:is(.logged-in) #page .woocommerce {
    margin: 4rem auto;
    border-radius: 5px;
}

body.woocommerce-account:is(.logged-in) #primary {
    min-height: 585px;
}
/* Remove White bg color from lost password page. */
.woocommerce-lost-password .woocommerce {
	background: transparent !important;
}
/* It hides the entry header on My Account pages */
body.woocommerce-account .entry-header {
    display: none;
}

/* Active nav tab — highlights the current section in the sidebar */
body.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active > a {
    color: var(--vacbp-color-danger) !important;
}

body.woocommerce-account #page .woocommerce :is(.prose :not(:where([class~='not-prose'],.vacbp-ya-btn,.vacbp-ya-card-title a,[class~='not-prose'] *))):where(a) {
    text-decoration: none !important;
    font-weight: 300;
}

body.woocommerce-account #page .woocommerce :is(.prose :not(:where([class~='not-prose'],.vacbp-ya-btn,[class~='not-prose'] *))):where(a):hover {
    color: var(--vacbp-color-danger) !important;
}

.vacbp-info-container-my-account-card-template{

    column-gap: 3em;
    row-gap: 1rem;
    justify-content: space-between;
    max-width: 510px;
}
.vacbp-info-container-my-account-card-template.car-corral-offer-card{
    column-gap: 3em;
    row-gap: 1rem;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: max-content;
}

@media (max-width: 768px) {
    .vacbp-info-container-my-account-card-template{
        flex-wrap: wrap;
    }
    .vacbp-info-container-my-account-card-template.car-corral-offer-card{
        flex-wrap: wrap;
    }
}