/* ========================================
   FICOO MY ACCOUNT - Modern Tabs Layout
   Stile coerente con pricing page
   ======================================== */

/* ----- WRAPPER ----- */
.ficoo-myaccount-wrap {
    max-width: 1200px;
    margin: 0 auto;
    padding: 40px 20px;
}

/* Disabilita il layout sidebar default di WooCommerce */
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content {
    float: none;
    width: 100%;
}

/* ----- NAVIGATION TABS ----- */
.ficoo-account-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: center;
    margin-bottom: 40px;
}

.ficoo-account-nav__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 20px 24px;
    min-width: 110px;
    border-radius: 16px;
    border: 1px solid rgba(10,151,213,0.15);
    background: rgba(255,255,255,0.7);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 4px 16px rgba(10,151,213,0.06);
    text-decoration: none;
    color: #555;
    font-size: 0.85em;
    font-weight: 600;
    transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s, color 0.2s;
    text-align: center;
}

.ficoo-account-nav__item:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 24px rgba(10,151,213,0.12);
    border-color: rgba(10,151,213,0.3);
    color: #0a97d5;
    text-decoration: none;
}

.ficoo-account-nav__item.is-active {
    background: linear-gradient(135deg, #0a97d5, #7b51ad);
    color: #fff;
    border-color: transparent;
    box-shadow: 0 8px 24px rgba(10,151,213,0.25);
}

.ficoo-account-nav__item.is-active:hover {
    color: #fff;
    transform: translateY(-3px);
    box-shadow: 0 12px 32px rgba(10,151,213,0.3);
}

/* ----- LICENZE GOLD ----- */
.ficoo-account-nav__item.is-gold {
    border-color: rgba(211,175,55,0.3);
    background: linear-gradient(135deg, rgba(255,248,225,0.8), rgba(255,255,255,0.7));
    color: #b8860b;
}

.ficoo-account-nav__item.is-gold:hover {
    border-color: rgba(211,175,55,0.5);
    color: #96720a;
    box-shadow: 0 8px 24px rgba(211,175,55,0.15);
}

.ficoo-account-nav__item.is-gold.is-active {
    background: linear-gradient(135deg, #d3af37, #b8860b);
    color: #fff;
    border-color: transparent;
    box-shadow: 0 8px 24px rgba(211,175,55,0.3);
}

.ficoo-account-nav__item.is-gold.is-active:hover {
    color: #fff;
    box-shadow: 0 12px 32px rgba(211,175,55,0.4);
}

/* ----- NAV ICON ----- */
.ficoo-account-nav__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
}

.ficoo-account-nav__icon svg {
    width: 24px;
    height: 24px;
}

/* ----- NAV LABEL ----- */
.ficoo-account-nav__label {
    white-space: nowrap;
}

/* ----- CONTENT AREA ----- */
.ficoo-myaccount-content {
    background: rgba(255,255,255,0.7);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-radius: 16px;
    border: 1px solid rgba(10,151,213,0.1);
    padding: 40px;
    box-shadow: 0 4px 24px rgba(0,0,0,0.06);
}

/* ----- TABELLE ORDINI / CONTENUTO WC ----- */
.ficoo-myaccount-content table {
    width: 100%;
    border-collapse: collapse;
}

.ficoo-myaccount-content table th {
    background: rgba(10,151,213,0.06);
    padding: 12px 16px;
    text-align: left;
    font-weight: 700;
    font-size: 0.85em;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: #333;
    border-bottom: 2px solid rgba(10,151,213,0.15);
}

.ficoo-myaccount-content table td {
    padding: 12px 16px;
    border-bottom: 1px solid rgba(0,0,0,0.06);
    font-size: 0.95em;
}

.ficoo-myaccount-content table tr:last-child td {
    border-bottom: none;
}

.ficoo-myaccount-content table tr:hover td {
    background: rgba(10,151,213,0.03);
}

/* ----- BOTTONI WC DENTRO CONTENT ----- */
.ficoo-myaccount-content .woocommerce-Button,
.ficoo-myaccount-content .button,
.ficoo-myaccount-content button[type="submit"] {
    background: linear-gradient(135deg, #0a97d5, #7b51ad);
    color: #fff;
    border: none;
    border-radius: 12px;
    padding: 12px 28px;
    font-weight: 700;
    font-size: 0.9em;
    letter-spacing: 0.5px;
    cursor: pointer;
    transition: transform 0.2s, box-shadow 0.2s;
    box-shadow: 0 4px 16px rgba(10,151,213,0.2);
}

.ficoo-myaccount-content .woocommerce-Button:hover,
.ficoo-myaccount-content .button:hover,
.ficoo-myaccount-content button[type="submit"]:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(10,151,213,0.3);
    color: #fff;
}

/* ----- FORM INPUTS ----- */
.ficoo-myaccount-content input[type="text"],
.ficoo-myaccount-content input[type="email"],
.ficoo-myaccount-content input[type="password"],
.ficoo-myaccount-content input[type="tel"],
.ficoo-myaccount-content select,
.ficoo-myaccount-content textarea {
    border: 1px solid rgba(10,151,213,0.2);
    border-radius: 10px;
    padding: 10px 14px;
    transition: border-color 0.2s, box-shadow 0.2s;
    width: 100%;
}

.ficoo-myaccount-content input:focus,
.ficoo-myaccount-content select:focus,
.ficoo-myaccount-content textarea:focus {
    border-color: #0a97d5;
    box-shadow: 0 0 0 3px rgba(10,151,213,0.1);
    outline: none;
}

/* ----- BADGES STATO ORDINE ----- */
.ficoo-myaccount-content .woocommerce-orders-table__cell-order-status {
    font-weight: 600;
}

/* ----- LOGOUT ITEM ----- */
.ficoo-account-nav__item[href*="logout"] {
    border-color: rgba(220,53,69,0.15);
    color: #999;
}

.ficoo-account-nav__item[href*="logout"]:hover {
    border-color: rgba(220,53,69,0.3);
    color: #dc3545;
    box-shadow: 0 8px 24px rgba(220,53,69,0.1);
}

.ficoo-account-nav__item[href*="logout"].is-active {
    background: #dc3545;
}

/* ----- RESPONSIVE TABLET ----- */
@media (max-width: 1024px) {
    .ficoo-account-nav {
        gap: 10px;
    }

    .ficoo-account-nav__item {
        padding: 16px 18px;
        min-width: 95px;
        font-size: 0.8em;
    }

    .ficoo-account-nav__icon svg {
        width: 20px;
        height: 20px;
    }

    .ficoo-myaccount-content {
        padding: 28px;
    }
}

/* ----- RESPONSIVE MOBILE ----- */
@media (max-width: 768px) {
    .ficoo-myaccount-wrap {
        padding: 20px 12px;
    }

    .ficoo-account-nav {
        gap: 8px;
        justify-content: flex-start;
        overflow-x: auto;
        flex-wrap: nowrap;
        padding-bottom: 8px;
        margin-bottom: 24px;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .ficoo-account-nav::-webkit-scrollbar {
        display: none;
    }

    .ficoo-account-nav__item {
        flex-shrink: 0;
        padding: 12px 16px;
        min-width: auto;
        border-radius: 12px;
        flex-direction: row;
        gap: 6px;
    }

    .ficoo-account-nav__icon svg {
        width: 18px;
        height: 18px;
    }

    .ficoo-myaccount-content {
        padding: 20px 16px;
        border-radius: 12px;
    }

    .ficoo-myaccount-content table {
        font-size: 0.85em;
    }
}

/* ----- RESPONSIVE SMALL MOBILE ----- */
@media (max-width: 480px) {
    .ficoo-account-nav__label {
        font-size: 0.75em;
    }

    .ficoo-account-nav__icon svg {
        width: 16px;
        height: 16px;
    }
}