.my-account-full-width .woocommerce-MyAccount-navigation {
 display: none;
}

.my-account-full-width .woocommerce-MyAccount-content {
    width: 100%;
    float: none;
}

/**Custom widget part***/
:root {
    --brand-orange: #DA5B26;
    --brand-orange-alt: #F3A161;
    --brand-green: #C5C698;
    --brand-blue: #4A889D;
    --brand-blue-alt: #7db3c5;
    --off-black: #333333;
    --brand-black: #0A0000;
    --bg-white: #FFFFFF;
    --card-border-gold: rgba(184, 134, 11, 0.4);
    --progress-bg: #fef3c7;
    --error-red: #ef4444;
}

:host {
    display: block;
    height: 100%;
}

body {
    min-height: 100vh;
    padding: 2rem;
}

.dashboard-card-container {
    max-width: 1800px;
    margin-left: auto;
    margin-right: auto;
}

.hero-badge-row {
    display: flex;
    justify-content: center;
    align-items: center; 
    gap: clamp(0.75rem, 2vw, 1.5rem);
    --badge-size: clamp(85px, 10vw, 105px);
    margin: 0 auto 2rem auto;
    width: 100%;
    max-width: 1280px;
}

#grid-container {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
    width: 100%;
}

@media (min-width: 725px) {
    #grid-container {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1114px) {
    #grid-container {
        grid-template-columns: repeat(3, 1fr);
    }
}