/* Adeline Members 1.4.15 — Mise en forme de « Mon compte »
   Reprise À L'IDENTIQUE du CSS personnalisé du kit Elementor (Réglages du site → CSS personnalisé,
   bloc « PAGE MON COMPTE »), pour ne plus dépendre d'Elementor Pro (projet « Sortie d'Elementor Pro », 02/11/2026).
   Chargé seulement sur les pages Mon compte. Ne rien modifier ici sans vérifier Mon compte. */

/* ==========================================================================
   PAGE MON COMPTE — Style Adeline (wine/magenta glassmorphism)
   À coller dans : Apparence ▸ Personnaliser ▸ CSS additionnel
   Scopé sur .woocommerce-account uniquement — n'impacte ni menu ni footer.
   Couleurs alignées sur la home (wine sombre + accents magenta).
   ========================================================================== */

.woocommerce-account {
    --ad-bg-deep: #1a0612;
    --ad-bg-1: #2a0820;
    --ad-bg-2: #3d0f2e;
    --ad-bg-3: #5a1844;
    --ad-magenta: #ff0080;
    --ad-magenta-bright: #ff3ea0;
    --ad-magenta-soft: #ff6fb5;
    --ad-glow: rgba(255, 0, 128, 0.35);
    --ad-glow-soft: rgba(255, 0, 128, 0.12);
    --ad-card: rgba(255, 255, 255, 0.035);
    --ad-card-strong: rgba(255, 255, 255, 0.06);
    --ad-border: rgba(255, 255, 255, 0.07);
    --ad-border-mag: rgba(255, 62, 160, 0.35);
    --ad-text: #f5e5ee;
    --ad-text-muted: rgba(245, 229, 238, 0.65);
    --ad-radius: 18px;
    --ad-radius-sm: 12px;
    --ad-radius-pill: 999px;
}

/* --- Fond de la zone Mon Compte uniquement ------------------------------- */
.woocommerce-account .site-main,
.woocommerce-account main#main,
.woocommerce-account #primary {
    background:
        radial-gradient(ellipse at 20% 0%, var(--ad-bg-3) 0%, transparent 50%),
        radial-gradient(ellipse at 90% 100%, var(--ad-glow) 0%, transparent 45%),
        linear-gradient(160deg, var(--ad-bg-deep) 0%, var(--ad-bg-1) 50%, var(--ad-bg-2) 100%);
    color: var(--ad-text);
    padding: 50px 22px 70px;
    position: relative;
    overflow: hidden;
}

.woocommerce-account .site-main::after {
    content: "";
    position: absolute;
    top: -200px; right: -150px;
    width: 500px; height: 500px;
    background: radial-gradient(circle, var(--ad-glow) 0%, transparent 65%);
    filter: blur(60px);
    pointer-events: none;
    z-index: 0;
}

.woocommerce-account .site-main > *,
.woocommerce-account main#main > * { position: relative; z-index: 1; }

/* --- Typo ---------------------------------------------------------------- */
.woocommerce-account,
.woocommerce-account p,
.woocommerce-account td,
.woocommerce-account th,
.woocommerce-account label,
.woocommerce-account legend,
.woocommerce-account li {
    color: var(--ad-text);
    font-family: inherit;
    letter-spacing: 0.15px;
}

.woocommerce-account h1,
.woocommerce-account h2,
.woocommerce-account h3,
.woocommerce-account h4 {
    color: #fff;
    font-weight: 800;
    letter-spacing: -0.4px;
    text-transform: uppercase;
}
.woocommerce-account h2 { font-size: 1.5rem; margin: 0 0 14px; }
.woocommerce-account h3 { font-size: 1.1rem; margin: 0 0 10px; }

.woocommerce-account a {
    color: var(--ad-magenta-soft);
    text-decoration: none;
    transition: color .2s ease;
}
.woocommerce-account a:hover { color: #fff; }

/* --- Bloc Avatar [avatar_upload] ----------------------------------------- */
.woocommerce-account .avatar-upload-form,
.woocommerce-account form.avatar_upload,
.woocommerce-account .avatar_upload_form,
.woocommerce-account .basic-user-avatars-wrap,
.woocommerce-account .wpua-edit-container,
.woocommerce-account .wp-user-avatar {
    background: var(--ad-card);
    border: 1px solid var(--ad-border);
    border-radius: var(--ad-radius);
    padding: 20px 24px;
    margin: 0 0 22px;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}

.woocommerce-account .avatar-upload-form img,
.woocommerce-account .basic-user-avatars-wrap img,
.woocommerce-account img.avatar,
.woocommerce-account .wpua-edit-container img {
    border-radius: 12px;
    border: 1.5px solid var(--ad-magenta);
    box-shadow: 0 0 18px var(--ad-glow);
    margin: 6px 8px 6px 0;
}

/* --- Boutons ------------------------------------------------------------- */
.woocommerce-account .button,
.woocommerce-account button[type="submit"],
.woocommerce-account input[type="submit"],
.woocommerce-account .woocommerce-Button,
.woocommerce-account a.button {
    background: linear-gradient(135deg, var(--ad-magenta) 0%, var(--ad-magenta-bright) 100%) !important;
    color: #fff !important;
    border: none !important;
    border-radius: var(--ad-radius-pill) !important;
    padding: 9px 22px !important;
    font-weight: 700 !important;
    font-size: 0.88rem !important;
    letter-spacing: 0.3px !important;
    text-transform: none !important;
    box-shadow: 0 6px 18px var(--ad-glow) !important;
    transition: transform .2s ease, box-shadow .2s ease, filter .2s ease !important;
    cursor: pointer;
    line-height: 1.3 !important;
}
.woocommerce-account .button:hover,
.woocommerce-account button[type="submit"]:hover,
.woocommerce-account input[type="submit"]:hover,
.woocommerce-account a.button:hover {
    transform: translateY(-1px);
    box-shadow: 0 10px 26px var(--ad-glow) !important;
    filter: brightness(1.08);
}

/* Boutons type "pilule discrète" (Quotidien / Accès immédiat sur la home) */
.woocommerce-account .button.button-secondary,
.woocommerce-account button[name="remove-avatar"],
.woocommerce-account input[name="remove-avatar"],
.woocommerce-account .basic-user-avatars-wrap input[value*="Retirer"i],
.woocommerce-account .wpua-remove input,
.woocommerce-account .button.cancel,
.woocommerce-account .woocommerce-MyAccount-paymentMethods .button.delete {
    background: var(--ad-glow-soft) !important;
    color: var(--ad-magenta-soft) !important;
    border: 1px solid var(--ad-border-mag) !important;
    box-shadow: none !important;
    font-weight: 600 !important;
}
.woocommerce-account .button.button-secondary:hover,
.woocommerce-account button[name="remove-avatar"]:hover {
    background: rgba(255, 0, 128, 0.18) !important;
    color: #fff !important;
}

/* --- Navigation Mon Compte (onglets en pilules) -------------------------- */
.woocommerce-account .woocommerce-MyAccount-navigation {
    margin: 0 0 26px;
    float: none;
    width: 100%;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul,
.woocommerce-account .woocommerce-MyAccount-navigation ul li {
    list-style: none !important;
    margin: 0;
    padding: 0;
    border: none !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
    display: inline-block;
    background: var(--ad-card);
    border: 1px solid var(--ad-border);
    border-radius: var(--ad-radius-pill);
    padding: 8px 18px;
    color: var(--ad-text);
    font-weight: 600;
    font-size: 0.85rem;
    letter-spacing: 0.2px;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    transition: all .2s ease;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
    border-color: var(--ad-magenta);
    color: #fff;
    background: var(--ad-glow-soft);
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation ul li.current-menu-item a {
    background: linear-gradient(135deg, var(--ad-magenta) 0%, var(--ad-magenta-bright) 100%);
    color: #fff;
    border-color: transparent;
    box-shadow: 0 5px 16px var(--ad-glow);
}

/* --- Contenu Mon Compte -------------------------------------------------- */
.woocommerce-account .woocommerce-MyAccount-content {
    float: none;
    width: 100%;
    background: var(--ad-card);
    border: 1px solid var(--ad-border);
    border-radius: var(--ad-radius);
    padding: 26px 28px;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}

.woocommerce-account .woocommerce-MyAccount-content > p:first-of-type {
    font-size: 1rem;
    color: #fff;
    margin: 0 0 6px;
}
.woocommerce-account .woocommerce-MyAccount-content > p:first-of-type strong {
    color: var(--ad-magenta-soft);
    font-weight: 700;
}
.woocommerce-account .woocommerce-MyAccount-content p {
    color: var(--ad-text);
    font-size: 0.95rem;
    line-height: 1.55;
}

/* --- Tableaux ------------------------------------------------------------ */
.woocommerce-account table.shop_table,
.woocommerce-account table.woocommerce-MyAccount-orders,
.woocommerce-account table.woocommerce-MyAccount-subscriptions,
.woocommerce-account table.woocommerce-MyAccount-downloads,
.woocommerce-account table.woocommerce-orders-table {
    background: transparent;
    border: 1px solid var(--ad-border);
    border-radius: var(--ad-radius-sm);
    border-collapse: separate;
    border-spacing: 0;
    overflow: hidden;
    width: 100%;
    margin: 8px 0 16px;
}
.woocommerce-account table.shop_table thead th {
    background: var(--ad-glow-soft);
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 0.72rem;
    letter-spacing: 1.2px;
    padding: 12px 12px;
    border: none;
}
.woocommerce-account table.shop_table tbody td {
    padding: 13px 12px;
    border-top: 1px solid var(--ad-border);
    color: var(--ad-text);
    font-size: 0.9rem;
}
.woocommerce-account table.shop_table tbody tr:hover {
    background: var(--ad-glow-soft);
}
.woocommerce-account table.shop_table .button {
    padding: 6px 14px !important;
    font-size: 0.78rem !important;
}

/* Badges de statut (woocommerce) en pilule */
.woocommerce-account .woocommerce-orders-table__cell-order-status,
.woocommerce-account .order-status,
.woocommerce-account mark.order-status {
    display: inline-block;
    background: var(--ad-glow-soft);
    color: var(--ad-magenta-soft);
    border: 1px solid var(--ad-border-mag);
    border-radius: var(--ad-radius-pill);
    padding: 3px 12px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* --- Formulaires --------------------------------------------------------- */
.woocommerce-account form .woocommerce-form-row input,
.woocommerce-account form input[type="text"],
.woocommerce-account form input[type="email"],
.woocommerce-account form input[type="password"],
.woocommerce-account form input[type="tel"],
.woocommerce-account form input[type="number"],
.woocommerce-account form select,
.woocommerce-account form textarea {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid var(--ad-border);
    border-radius: 10px;
    color: var(--ad-text);
    padding: 10px 14px;
    font-size: 0.92rem;
    width: 100%;
    transition: border-color .2s ease, background .2s ease, box-shadow .2s ease;
}
.woocommerce-account form input:focus,
.woocommerce-account form select:focus,
.woocommerce-account form textarea:focus {
    border-color: var(--ad-magenta);
    background: var(--ad-glow-soft);
    outline: none;
    box-shadow: 0 0 0 3px var(--ad-glow);
}
.woocommerce-account form label {
    color: var(--ad-text-muted);
    font-size: 0.82rem;
    font-weight: 500;
    margin: 0 0 5px;
    display: block;
}
.woocommerce-account form fieldset {
    border: 1px solid var(--ad-border);
    border-radius: var(--ad-radius-sm);
    padding: 16px 20px;
    margin: 16px 0;
}
.woocommerce-account form fieldset legend {
    color: #fff;
    font-weight: 700;
    padding: 0 8px;
    font-size: 0.95rem;
}

/* --- Notices ------------------------------------------------------------- */
.woocommerce-account .woocommerce-message,
.woocommerce-account .woocommerce-info,
.woocommerce-account .woocommerce-error,
.woocommerce-account .woocommerce-notice {
    background: var(--ad-glow-soft);
    border: 1px solid var(--ad-border-mag);
    border-left: 3px solid var(--ad-magenta);
    border-radius: var(--ad-radius-sm);
    color: var(--ad-text);
    padding: 12px 16px;
    margin: 0 0 18px;
    font-size: 0.92rem;
}
.woocommerce-account .woocommerce-message::before,
.woocommerce-account .woocommerce-info::before { color: var(--ad-magenta-soft); }
.woocommerce-account .woocommerce-message a,
.woocommerce-account .woocommerce-info a {
    color: var(--ad-magenta-soft);
    font-weight: 600;
}

/* --- Détails commande (commande individuelle) --------------------------- */
.woocommerce-account .woocommerce-order-details,
.woocommerce-account .woocommerce-customer-details,
.woocommerce-account .woocommerce-column {
    background: transparent;
    margin-bottom: 22px;
}
.woocommerce-account address {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid var(--ad-border);
    border-radius: var(--ad-radius-sm);
    padding: 14px 16px;
    font-style: normal;
    color: var(--ad-text);
}

/* --- Responsive ---------------------------------------------------------- */
@media (max-width: 768px) {
    .woocommerce-account .site-main { padding: 28px 14px 50px; }
    .woocommerce-account .woocommerce-MyAccount-content { padding: 20px 18px; }
    .woocommerce-account .woocommerce-MyAccount-navigation ul { justify-content: center; }
    .woocommerce-account h2 { font-size: 1.25rem; }
}

/* ==========================================================================
   FIX CONTRASTE — force le texte clair partout
   (le thème impose color:#000 sur certains éléments — on écrase)
   ========================================================================== */

/* Tout le contenu du Mon Compte en texte clair */
.woocommerce-account .woocommerce-MyAccount-content,
.woocommerce-account .woocommerce-MyAccount-content p,
.woocommerce-account .woocommerce-MyAccount-content span,
.woocommerce-account .woocommerce-MyAccount-content li,
.woocommerce-account .woocommerce-MyAccount-content em,
.woocommerce-account .woocommerce-MyAccount-content div {
    color: var(--ad-text) !important;
}

/* Liens dans le contenu (sauf les boutons) */
.woocommerce-account .woocommerce-MyAccount-content a:not(.button):not(.woocommerce-Button) {
    color: var(--ad-magenta-soft) !important;
}
.woocommerce-account .woocommerce-MyAccount-content a:not(.button):hover {
    color: #fff !important;
}

/* Le "strong" du bonjour reste rose */
.woocommerce-account .woocommerce-MyAccount-content strong,
.woocommerce-account .woocommerce-MyAccount-content b {
    color: var(--ad-magenta-soft) !important;
    font-weight: 700;
}

/* Tableaux : forcer tout le texte des cellules en clair, y compris les liens */
.woocommerce-account table.shop_table,
.woocommerce-account table.shop_table td,
.woocommerce-account table.shop_table th,
.woocommerce-account table.shop_table tr,
.woocommerce-account table.shop_table tbody td *,
.woocommerce-account table.woocommerce-orders-table td,
.woocommerce-account table.woocommerce-orders-table td *,
.woocommerce-account table.woocommerce-orders-table__row td,
.woocommerce-account .woocommerce-orders-table__cell,
.woocommerce-account .woocommerce-orders-table__cell *,
.woocommerce-account .woocommerce-orders-table__cell-order-number,
.woocommerce-account .woocommerce-orders-table__cell-order-date,
.woocommerce-account .woocommerce-orders-table__cell-order-total,
.woocommerce-account .woocommerce-orders-table__cell-download-file,
.woocommerce-account .woocommerce-orders-table__cell-download-title,
.woocommerce-account .download-product a,
.woocommerce-account .download-file a {
    color: var(--ad-text) !important;
}

/* Liens cliquables dans les tables (numéro de commande, titre, etc.) */
.woocommerce-account table.shop_table td a:not(.button),
.woocommerce-account table.woocommerce-orders-table td a:not(.button),
.woocommerce-account .woocommerce-orders-table__cell a:not(.button) {
    color: #fff !important;
    text-decoration: none;
    font-weight: 600;
    transition: color .2s ease;
}
.woocommerce-account table.shop_table td a:not(.button):hover,
.woocommerce-account table.woocommerce-orders-table td a:not(.button):hover {
    color: var(--ad-magenta-soft) !important;
}

/* En-têtes de tableau (TITLE / TYPE / ACCESSIBLE / EXTRAIT / ÉTAT / etc.) */
.woocommerce-account table.shop_table thead th,
.woocommerce-account table.shop_table thead th * {
    color: #fff !important;
}

/* Pagination des tableaux (chiffre "1" et flèches) */
.woocommerce-account table.shop_table tfoot,
.woocommerce-account table.shop_table tfoot *,
.woocommerce-account .woocommerce-pagination,
.woocommerce-account .woocommerce-pagination * {
    color: var(--ad-text) !important;
}

/* Badge statut ÉTAT (Terminée / Attente paiement) — texte rose clair */
.woocommerce-account .order-status,
.woocommerce-account .order-status *,
.woocommerce-account mark.order-status,
.woocommerce-account mark.order-status * {
    color: var(--ad-magenta-soft) !important;
}