/*
 * Nexaflux Licensing - WooCommerce My Account skin
 * Charge uniquement sur les pages Mon compte WooCommerce.
 * Objectif : garder une interface sombre Nexaflux même sur les endpoints natifs
 * Commandes, Adresses, Details du compte et Mes licences Nexaflux.
 */

body.woocommerce-account,
body.woocommerce-account .site,
body.woocommerce-account .site-content,
body.woocommerce-account #content,
body.woocommerce-account .content-area,
body.woocommerce-account .entry-content {
    background: linear-gradient(135deg, #050b18 0%, #061426 52%, #062a34 100%) !important;
    color: #f4fbff !important;
}

/*
 * IMPORTANT : ne jamais appliquer le fond de la page aux .ast-container globaux.
 * Astra utilise aussi .ast-container dans le header. Sur Mon compte, cela creait
 * un rectangle central colore autour du logo/menu, alors que la Boutique garde
 * un header plein largeur. On limite donc le skin au contenu et on neutralise
 * explicitement les conteneurs du header pour garder exactement le meme rendu
 * que les pages Boutique/Panier/Commande du theme.
 */
body.woocommerce-account #masthead .ast-container,
body.woocommerce-account .site-header .ast-container,
body.woocommerce-account .ast-primary-header-bar .ast-container,
body.woocommerce-account .main-header-bar .ast-container,
body.woocommerce-account .ast-below-header-bar .ast-container,
body.woocommerce-account .ast-above-header-bar .ast-container {
    background: transparent !important;
    color: inherit !important;
}

body.woocommerce-account .entry-title,
body.woocommerce-account h1,
body.woocommerce-account h2,
body.woocommerce-account h3,
body.woocommerce-account h4,
body.woocommerce-account .woocommerce-MyAccount-content h2,
body.woocommerce-account .woocommerce-MyAccount-content h3 {
    color: #16d89b !important;
    letter-spacing: -0.02em;
}

body.woocommerce-account .woocommerce,
body.woocommerce-account .woocommerce-MyAccount-content,
body.woocommerce-account .woocommerce-MyAccount-content p,
body.woocommerce-account .woocommerce-MyAccount-content strong,
body.woocommerce-account .woocommerce-MyAccount-content mark,
body.woocommerce-account .woocommerce-MyAccount-content small,
body.woocommerce-account .woocommerce-MyAccount-content label,
body.woocommerce-account .woocommerce-MyAccount-content legend {
    color: #f4fbff !important;
}

body.woocommerce-account .woocommerce-MyAccount-content a:not(.button):not(.woocommerce-button),
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-number a {
    color: #00eaff !important;
    font-weight: 800;
    text-decoration: none;
}

body.woocommerce-account .woocommerce-MyAccount-content a:not(.button):not(.woocommerce-button):hover {
    color: #16d89b !important;
    text-shadow: 0 0 12px rgba(0, 234, 255, 0.35);
}

/* Navigation gauche WooCommerce */
body.woocommerce-account .woocommerce-MyAccount-navigation {
    background: rgba(3, 10, 22, 0.92) !important;
    border: 1px solid rgba(0, 212, 255, 0.18) !important;
    border-radius: 18px !important;
    box-shadow: 0 0 26px rgba(0, 212, 255, 0.08) !important;
    overflow: hidden;
}

body.woocommerce-account .woocommerce-MyAccount-navigation ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 12px !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation li {
    margin: 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation li:last-child {
    border-bottom: 0 !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation li a {
    display: block !important;
    padding: 14px 16px !important;
    color: #f4fbff !important;
    text-decoration: none !important;
    border-radius: 10px !important;
    font-weight: 700 !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a,
body.woocommerce-account .woocommerce-MyAccount-navigation li a:hover {
    background: linear-gradient(135deg, rgba(0, 183, 255, 0.22), rgba(22, 216, 155, 0.16)) !important;
    color: #00eaff !important;
}

/* Tables WooCommerce : commandes, details commande, licences Nexaflux */
body.woocommerce-account .woocommerce table.shop_table,
body.woocommerce-account table.shop_table,
body.woocommerce-account table.woocommerce-orders-table,
body.woocommerce-account table.my_account_orders,
body.woocommerce-account .woocommerce-MyAccount-content table {
    width: 100%;
    background: rgba(3, 10, 22, 0.96) !important;
    color: #f4fbff !important;
    border: 1px solid rgba(0, 212, 255, 0.18) !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    box-shadow: 0 0 26px rgba(0, 212, 255, 0.08) !important;
}

body.woocommerce-account .woocommerce table.shop_table thead,
body.woocommerce-account .woocommerce table.shop_table thead tr,
body.woocommerce-account .woocommerce table.shop_table thead th,
body.woocommerce-account table.shop_table thead,
body.woocommerce-account table.shop_table thead tr,
body.woocommerce-account table.shop_table thead th,
body.woocommerce-account table.woocommerce-orders-table thead,
body.woocommerce-account table.woocommerce-orders-table thead tr,
body.woocommerce-account table.woocommerce-orders-table thead th,
body.woocommerce-account .woocommerce-MyAccount-content table thead,
body.woocommerce-account .woocommerce-MyAccount-content table thead tr,
body.woocommerce-account .woocommerce-MyAccount-content table thead th {
    background: linear-gradient(135deg, #071529 0%, #082a3a 100%) !important;
    color: #eaf9ff !important;
    border-color: rgba(0, 212, 255, 0.18) !important;
    font-weight: 800 !important;
}

body.woocommerce-account .woocommerce table.shop_table tbody,
body.woocommerce-account .woocommerce table.shop_table tbody tr,
body.woocommerce-account .woocommerce table.shop_table tbody td,
body.woocommerce-account table.shop_table tbody,
body.woocommerce-account table.shop_table tbody tr,
body.woocommerce-account table.shop_table tbody td,
body.woocommerce-account table.woocommerce-orders-table tbody,
body.woocommerce-account table.woocommerce-orders-table tbody tr,
body.woocommerce-account table.woocommerce-orders-table tbody td,
body.woocommerce-account .woocommerce-MyAccount-content table tbody,
body.woocommerce-account .woocommerce-MyAccount-content table tbody tr,
body.woocommerce-account .woocommerce-MyAccount-content table tbody td,
body.woocommerce-account .woocommerce table.shop_table tfoot,
body.woocommerce-account .woocommerce table.shop_table tfoot tr,
body.woocommerce-account .woocommerce table.shop_table tfoot th,
body.woocommerce-account .woocommerce table.shop_table tfoot td {
    background: rgba(3, 10, 22, 0.96) !important;
    color: #f4fbff !important;
    border-color: rgba(0, 212, 255, 0.13) !important;
}

body.woocommerce-account .woocommerce table.shop_table th,
body.woocommerce-account .woocommerce table.shop_table td,
body.woocommerce-account table.shop_table th,
body.woocommerce-account table.shop_table td,
body.woocommerce-account .woocommerce-MyAccount-content table th,
body.woocommerce-account .woocommerce-MyAccount-content table td {
    padding: 16px 14px !important;
    vertical-align: middle !important;
}

body.woocommerce-account table code,
body.woocommerce-account .woocommerce-MyAccount-content code {
    background: rgba(0, 234, 255, 0.08) !important;
    border: 1px solid rgba(0, 234, 255, 0.16) !important;
    color: #c9f8ff !important;
    padding: 3px 7px !important;
    border-radius: 8px !important;
}

/* Prix en rouge partout dans Mon compte */
body.woocommerce-account .woocommerce-Price-amount,
body.woocommerce-account .woocommerce-Price-amount bdi,
body.woocommerce-account .amount,
body.woocommerce-account .amount bdi,
body.woocommerce-account td.woocommerce-orders-table__cell-order-total,
body.woocommerce-account td.woocommerce-orders-table__cell-order-total span,
body.woocommerce-account .order-total .amount,
body.woocommerce-account .product-total .amount,
body.woocommerce-account .cart-subtotal .amount {
    color: #ff2d55 !important;
    font-weight: 900 !important;
}

/* Boutons Mon compte */
body.woocommerce-account .woocommerce a.button,
body.woocommerce-account .woocommerce button.button,
body.woocommerce-account .woocommerce input.button,
body.woocommerce-account .woocommerce .button,
body.woocommerce-account .woocommerce-button,
body.woocommerce-account table.shop_table .button,
body.woocommerce-account table.woocommerce-orders-table .button,
body.woocommerce-account .woocommerce-button.view {
    background: linear-gradient(135deg, #00b7ff 0%, #00eaff 46%, #16d89b 100%) !important;
    color: #ffffff !important;
    border: 0 !important;
    border-radius: 14px !important;
    padding: 12px 22px !important;
    font-weight: 900 !important;
    line-height: 1.1 !important;
    box-shadow: 0 0 20px rgba(0, 212, 255, 0.28) !important;
    text-decoration: none !important;
    transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease !important;
}

body.woocommerce-account .woocommerce a.button:hover,
body.woocommerce-account .woocommerce button.button:hover,
body.woocommerce-account .woocommerce input.button:hover,
body.woocommerce-account .woocommerce .button:hover,
body.woocommerce-account .woocommerce-button:hover,
body.woocommerce-account table.shop_table .button:hover,
body.woocommerce-account table.woocommerce-orders-table .button:hover,
body.woocommerce-account .woocommerce-button.view:hover {
    color: #ffffff !important;
    transform: translateY(-1px);
    filter: saturate(1.08);
    box-shadow: 0 0 28px rgba(0, 234, 255, 0.45) !important;
}

/* Adresses et details client */
body.woocommerce-account .woocommerce-Address,
body.woocommerce-account .woocommerce-customer-details,
body.woocommerce-account .woocommerce-order-details,
body.woocommerce-account .woocommerce-columns,
body.woocommerce-account .woocommerce-column,
body.woocommerce-account address {
    background: rgba(3, 10, 22, 0.96) !important;
    color: #f4fbff !important;
    border: 1px solid rgba(0, 212, 255, 0.18) !important;
    border-radius: 18px !important;
    padding: 20px !important;
    box-shadow: 0 0 24px rgba(0, 212, 255, 0.07) !important;
}

body.woocommerce-account .woocommerce-Address-title,
body.woocommerce-account .woocommerce-column__title,
body.woocommerce-account .woocommerce-order-details__title,
body.woocommerce-account .woocommerce-customer-details h2 {
    color: #00eaff !important;
}

body.woocommerce-account .woocommerce-Address-title a.edit {
    color: #16d89b !important;
    font-weight: 900 !important;
}

/* Formulaires Mon compte */
body.woocommerce-account form,
body.woocommerce-account .woocommerce-form,
body.woocommerce-account .woocommerce-EditAccountForm,
body.woocommerce-account .woocommerce-address-fields {
    color: #f4fbff !important;
}

body.woocommerce-account input.input-text,
body.woocommerce-account input[type="text"],
body.woocommerce-account input[type="email"],
body.woocommerce-account input[type="tel"],
body.woocommerce-account input[type="password"],
body.woocommerce-account select,
body.woocommerce-account textarea,
body.woocommerce-account .select2-container--default .select2-selection--single {
    background: rgba(3, 10, 22, 0.98) !important;
    color: #f4fbff !important;
    border: 1px solid rgba(0, 212, 255, 0.26) !important;
    border-radius: 12px !important;
    min-height: 44px !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.02) !important;
}

body.woocommerce-account input.input-text:focus,
body.woocommerce-account input[type="text"]:focus,
body.woocommerce-account input[type="email"]:focus,
body.woocommerce-account input[type="tel"]:focus,
body.woocommerce-account input[type="password"]:focus,
body.woocommerce-account select:focus,
body.woocommerce-account textarea:focus {
    outline: none !important;
    border-color: rgba(0, 234, 255, 0.7) !important;
    box-shadow: 0 0 0 3px rgba(0, 234, 255, 0.12) !important;
}

body.woocommerce-account .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #f4fbff !important;
    line-height: 44px !important;
}

body.woocommerce-account .select2-dropdown {
    background: #061426 !important;
    color: #f4fbff !important;
    border-color: rgba(0, 212, 255, 0.26) !important;
}

body.woocommerce-account .select2-results__option {
    color: #f4fbff !important;
}

body.woocommerce-account .select2-results__option--highlighted {
    background: rgba(0, 183, 255, 0.35) !important;
}

/* Messages WooCommerce */
body.woocommerce-account .woocommerce-message,
body.woocommerce-account .woocommerce-info,
body.woocommerce-account .woocommerce-error {
    background: rgba(3, 10, 22, 0.96) !important;
    color: #f4fbff !important;
    border: 1px solid rgba(0, 212, 255, 0.18) !important;
    border-radius: 16px !important;
    box-shadow: 0 0 22px rgba(0, 212, 255, 0.08) !important;
}

body.woocommerce-account .woocommerce-info::before,
body.woocommerce-account .woocommerce-message::before {
    color: #00eaff !important;
}

body.woocommerce-account .woocommerce-error::before {
    color: #ff2d55 !important;
}

/* Labels de statut / mark WooCommerce */
body.woocommerce-account mark,
body.woocommerce-account .order-status,
body.woocommerce-account .woocommerce-order-overview {
    background: rgba(0, 234, 255, 0.08) !important;
    color: #00eaff !important;
    border-radius: 8px !important;
    padding: 2px 6px !important;
}

body.woocommerce-account .woocommerce-order-overview {
    border: 1px solid rgba(0, 212, 255, 0.18) !important;
    padding: 18px !important;
}

/* Mobile : tables plus lisibles */
@media (max-width: 768px) {
    body.woocommerce-account .woocommerce-MyAccount-navigation,
    body.woocommerce-account .woocommerce-MyAccount-content {
        width: 100% !important;
        float: none !important;
    }

    body.woocommerce-account .woocommerce-MyAccount-navigation {
        margin-bottom: 22px !important;
    }

    body.woocommerce-account table.shop_table_responsive tr td::before,
    body.woocommerce-account table.woocommerce-orders-table tr td::before {
        color: #00eaff !important;
        font-weight: 900 !important;
    }

    body.woocommerce-account .woocommerce table.shop_table th,
    body.woocommerce-account .woocommerce table.shop_table td,
    body.woocommerce-account table.shop_table th,
    body.woocommerce-account table.shop_table td {
        padding: 13px 12px !important;
    }
}