/* Estilos para la página de escritorio de Mi Cuenta */

.woocommerce-account .woocommerce-MyAccount-navigation {
    padding: 2em;
    background-color: white;
    border-radius: 1.5em;
}

.woocommerce-account .woocommerce-MyAccount-navigation>ul {
    gap: 0.25em;
    display: flex;
    flex-direction: column;
    margin: 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation li {
    padding: 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation li a {
    padding: 1em;
    width: 100%;
    display: block;
    border-radius: 1.5em;
}

.woocommerce-account .woocommerce-MyAccount-navigation li a:hover {
    background-color: var(--background-light);
    padding-left: 1.5em;
}

.woocommerce-account .woocommerce-MyAccount-navigation li.is-active {}

.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
    text-decoration: none;
    background-color: var(--background-middle);
    color: var(--dark-gray);
    font-weight: 600;
    padding-left: 1.5em;
}

.woocommerce-account .woocommerce-MyAccount-navigation li:last-child {
    padding-bottom: 0;
}

.huertobio-my-account-dashboard {
    padding: 20px;
}

.huertobio-my-account-dashboard h2 {
    color: #333;
    margin-top: 0;
    margin-bottom: 15px;
}

.huertobio-my-account-dashboard p {
    margin-bottom: 10px;
    line-height: 1.6;
}

.huertobio-my-account-dashboard-header {
    display: flex;
    gap: 1em;
    justify-content: space-between;
    margin-bottom: 2em;
}

.huertobio-my-account-dashboard .user-badge {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.5em;
    background: linear-gradient(135deg, var(--property-dark) 0%, var(--property) 100%) !important;
    background: url(../img/badge.png) no-repeat center center !important;
    background-size: cover !important;
    width: fit-content;
    padding: 2em;
    border-radius: 1.5em;
    border: 7px solid var(--background-middle);
    box-shadow: inset 0 0 0 5px var(--background-middle);
}

.huertobio-my-account-dashboard .user-badge.sun {
    box-shadow: inset 0 0 0 5px var(--sun);
    /* box-shadow: 4px 5px 0px var(--sun); */
}

.huertobio-my-account-dashboard .user-badge.moon {
    box-shadow: inset 0 0 0 5px var(--moon);
    /* box-shadow: 4px 5px 0px var(--moon); */
}

.huertobio-my-account-dashboard .user-badge.property {
    box-shadow: inset 0 0 0 5px var(--property);
    /* box-shadow: 4px 5px 0px var(--property); */
}

.huertobio-my-account-dashboard .user-badge.nutrition {
    box-shadow: inset 0 0 0 5px var(--nutrition);
    /* box-shadow: 4px 5px 0px var(--nutrition); */
}

.huertobio-my-account-dashboard .user-badge .user-badge-text {
    font-size: 2em;
    font-weight: bold;
}

.huertobio-my-account-dashboard .user-badge .user-badge-icon svg {
    width: 10em;
    height: 10em;
    vertical-align: middle;
    margin-left: 5px;
    /* fill: white !important; */
    background: rgba(255, 255, 255, 0.75);
    padding: 0.8em;
    border-radius: 1em;
}

.huertobio-account-intro {
    margin-top: 20px;
    padding-top: 15px;
    border-top: 1px solid #eee;
}

.huertobio-account-intro ul {
    list-style: disc;
    margin-left: 20px;
}

.huertobio-account-intro li {
    margin-bottom: 8px;
}

/* Estilos para el botón de planes/mejora */
.huertobio-my-account-dashboard .button {
    display: inline-block;
    margin-top: 10px;
    padding: 10px 15px;
    color: white;
    text-align: center;
    border-radius: 5px;
    text-decoration: none;
    font-weight: bold;
    background-color: var(--main-button);
}

.huertobio-my-account-dashboard .button:hover {
    background-color: var(--main-button-hover);
}