/* =====================================================
   MON COMPTE BIOMONDE — Dashboard & Login/Register
   ===================================================== */

/* --- VARIABLES & RESET --- */
:root {
    --bio-green: #8CB93F;
    --bio-brown: #5D4037;
    --bio-beige: #f9f7f2;
    --bio-white: #ffffff;
    --bio-text: #4a4a4a;
    --bio-shadow: 0 10px 30px rgba(93,64,55,0.08);
    --bio-radius: 25px;
}

#bio-my-account * { box-sizing: border-box; }

#bio-my-account { font-family: 'Quicksand', -apple-system, BlinkMacSystemFont, sans-serif; max-width: 1400px; margin: 0 auto; color: var(--bio-text); line-height: 1.6; contain: layout; min-height: 600px; }

.bio-account-wrapper { display: grid; grid-template-columns: 280px 1fr; gap: 40px; margin-bottom: 60px; align-items: start; }
.bio-account-nav { background: var(--bio-white); border-radius: var(--bio-radius); box-shadow: var(--bio-shadow); padding: 30px; border: 1px solid rgba(0,0,0,0.03); position: sticky; top: 120px; min-height: 400px; }
.bio-user-profile { text-align: center; margin-bottom: 30px; padding-bottom: 25px; border-bottom: 2px dashed var(--bio-beige); min-height: 140px; }
.bio-avatar-circle { width: 90px; height: 90px; background: var(--bio-beige); border-radius: 50%; margin: 0 auto 15px; display: flex; align-items: center; justify-content: center; font-size: 35px; color: var(--bio-green); border: 3px solid var(--bio-green); box-shadow: 0 5px 15px rgba(140,185,63,0.2); aspect-ratio: 1/1; }
.bio-user-name { font-weight: 800; color: var(--bio-brown); font-size: 19px; display: block; margin-bottom: 5px; }
.bio-user-role { font-size: 11px; color: #fff; background: var(--bio-brown); padding: 4px 12px; border-radius: 20px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; display: inline-block; }

.bio-nav-list { list-style: none !important; padding: 0 !important; margin: 0 !important; }
.bio-nav-item { margin-bottom: 10px; display: block; min-height: 50px; }
.bio-nav-link { display: flex !important; align-items: center; gap: 15px; padding: 14px 20px; color: #666 !important; text-decoration: none !important; font-weight: 700; border-radius: 15px; transition: all 0.3s ease; font-size: 14px; background: transparent; }
.bio-nav-link i { width: 25px; text-align: center; font-size: 18px; color: #ccc; transition: 0.3s; }
.bio-nav-link:hover { background: var(--bio-beige) !important; color: var(--bio-brown) !important; transform: translateX(5px); }
.bio-nav-link:hover i { color: var(--bio-brown); }
.bio-nav-link.is-active { background: var(--bio-green) !important; color: #fff !important; box-shadow: 0 5px 15px rgba(140,185,63,0.4); }
.bio-nav-link.is-active i { color: #fff; }
.bio-nav-link.logout-link { margin-top: 20px !important; color: #e74c3c !important; border: 1px solid #ffebea !important; }
.bio-nav-link.logout-link i { color: #e74c3c; }
.bio-nav-link.logout-link:hover { background: #ffebea !important; color: #c0392b !important; }

.bio-account-content { background: var(--bio-white); border-radius: var(--bio-radius); padding: 50px; box-shadow: var(--bio-shadow); border: 1px solid rgba(0,0,0,0.03); min-height: 600px; }

/* --- LOGIN / REGISTER SPLIT SCREEN --- */
.bio-login-wrapper { max-width: 1000px; margin: 60px auto; background: #fff; border-radius: 30px; box-shadow: 0 30px 80px rgba(93,64,55,0.1); overflow: hidden; display: grid; grid-template-columns: 1.2fr 1fr; font-family: 'Quicksand', sans-serif; contain: layout; min-height: 550px; }
.bio-login-left { padding: 60px; }
.bio-login-right { background: #5D4037; color: #fff; padding: 60px; display: flex; flex-direction: column; justify-content: center; position: relative; background-image: url('https://images.unsplash.com/photo-1542838132-92c53300491e?auto=format&fit=crop&w=800&q=80'); background-size: cover; background-position: center; min-height: 100%; }
.bio-login-right::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(135deg, rgba(93,64,55,0.95) 0%, rgba(62,43,36,0.9) 100%); }
.bio-login-content { position: relative; z-index: 2; text-align: center; }
h2.bio-h2-login { font-weight: 800 !important; color: #5D4037 !important; margin-bottom: 30px !important; font-size: 32px !important; font-family: 'Quicksand', sans-serif !important; }
.bio-login-content h2 { color: #8CB93F !important; font-size: 28px !important; margin-bottom: 20px !important; font-weight: 800 !important; }
.bio-login-content p { font-size: 16px !important; opacity: 0.9; line-height: 1.8 !important; margin-bottom: 30px !important; }

/* Inputs WooCommerce dans le login */
.bio-login-left .woocommerce-form-row { margin-bottom: 20px; display: block; }
.bio-login-left .woocommerce-form-row label { display: block !important; font-weight: 700 !important; margin-bottom: 8px !important; color: #555 !important; font-size: 14px !important; }
.bio-login-left .woocommerce-Input { width: 100% !important; padding: 15px !important; border: 2px solid #eee !important; border-radius: 12px !important; background: #f9f9f9 !important; outline: none !important; transition: 0.3s !important; height: 50px !important; box-shadow: none !important; font-family: 'Quicksand', sans-serif !important; }
.bio-login-left .woocommerce-Input:focus { border-color: #8CB93F !important; background: #fff !important; }
button.woocommerce-form-login__submit, button.woocommerce-form-register__submit { width: 100% !important; background: #8CB93F !important; color: #fff !important; border: none !important; padding: 18px !important; border-radius: 50px !important; font-weight: 800 !important; text-transform: uppercase !important; cursor: pointer !important; transition: 0.3s !important; margin-top: 10px !important; font-size: 14px !important; letter-spacing: 1px !important; box-shadow: 0 10px 20px rgba(140,185,63,0.3) !important; min-height: 54px !important; font-family: 'Quicksand', sans-serif !important; }
button.woocommerce-form-login__submit:hover, button.woocommerce-form-register__submit:hover { background: #5D4037 !important; transform: translateY(-3px) !important; }
.bio-register-btn { display: inline-block !important; background: #fff !important; color: #5D4037 !important; padding: 15px 40px !important; border-radius: 50px !important; font-weight: 800 !important; text-decoration: none !important; border: none !important; cursor: pointer !important; transition: 0.3s !important; text-transform: uppercase !important; font-size: 13px !important; min-height: 48px !important; font-family: 'Quicksand', sans-serif !important; }
.bio-register-btn:hover { background: #8CB93F !important; color: #fff !important; transform: scale(1.05) !important; }

/* --- CORRECTIFS WOOCOMMERCE DASHBOARD --- */
.woocommerce-MyAccount-content h2, .woocommerce-MyAccount-content h3 { color: var(--bio-brown) !important; font-weight: 900 !important; margin-bottom: 30px !important; font-size: 26px !important; position: relative; padding-bottom: 10px; line-height: 1.2; }
.woocommerce-MyAccount-content h2:after { content: ''; position: absolute; bottom: 0; left: 0; width: 50px; height: 4px; background: var(--bio-green); border-radius: 2px; }
.woocommerce-MyAccount-content a:not(.button) { color: var(--bio-green) !important; text-decoration: none !important; font-weight: 700; }
.woocommerce-MyAccount-content a:not(.button):hover { color: var(--bio-brown) !important; }
.woocommerce-message, .woocommerce-info { border-top: 3px solid var(--bio-green) !important; background-color: #f1f8e9 !important; color: var(--bio-brown) !important; border-radius: 12px !important; padding: 20px !important; margin-bottom: 20px !important; }
.woocommerce-error { border-top: 3px solid var(--bio-brown) !important; background-color: #fffcf5 !important; border-radius: 12px !important; list-style: none !important; padding: 20px !important; margin-bottom: 20px !important; }

/* Tableau commandes */
.woocommerce-table.my_account_orders { border: none !important; width: 100% !important; border-collapse: separate !important; border-spacing: 0 12px !important; }
.woocommerce-table.my_account_orders thead th { border: none !important; color: #999 !important; font-weight: 700 !important; text-transform: uppercase !important; font-size: 11px !important; letter-spacing: 1px; padding: 0 20px 10px !important; text-align: left !important; }
.woocommerce-table.my_account_orders tr.order { background: #fff !important; box-shadow: 0 4px 15px rgba(0,0,0,0.04) !important; border-radius: 15px !important; transition: 0.3s !important; }
.woocommerce-table.my_account_orders tr.order:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(0,0,0,0.07) !important; }
.woocommerce-table.my_account_orders td { border: 1px solid #f5f5f5 !important; border-width: 1px 0 !important; padding: 18px 20px !important; vertical-align: middle !important; color: #555 !important; font-size: 14px !important; }
.woocommerce-table.my_account_orders td:first-child { border-left: 1px solid #f5f5f5 !important; border-radius: 15px 0 0 15px; }
.woocommerce-table.my_account_orders td:last-child { border-right: 1px solid #f5f5f5 !important; border-radius: 0 15px 15px 0; text-align: right !important; }
.order-status { padding: 5px 12px; border-radius: 20px; font-size: 11px; font-weight: 800; text-transform: uppercase; display: inline-block; }
.order-status.completed { background: #e8f5e9; color: #2e7d32; }
.order-status.processing { background: #fff3e0; color: #ef6c00; }
.order-status.on-hold { background: #e3f2fd; color: #1565c0; }
.order-status.cancelled { background: #ffebee; color: #c62828; }
.woocommerce-orders-table__cell-order-actions { display: flex !important; gap: 8px !important; justify-content: flex-end !important; flex-wrap: wrap !important; }
.woocommerce-button.button { display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 7px 16px !important; border-radius: 50px !important; font-size: 12px !important; font-weight: 700 !important; text-transform: uppercase !important; text-decoration: none !important; height: 34px !important; transition: 0.3s !important; border: 1px solid transparent !important; margin: 0 !important; }
.woocommerce-button.button.view { background: var(--bio-beige) !important; color: var(--bio-brown) !important; }
.woocommerce-button.button.view:hover { background: var(--bio-brown) !important; color: #fff !important; }
.woocommerce-button.button.order-again, a.reorder-custom { background: var(--bio-green) !important; color: #fff !important; }
.woocommerce-button.button.order-again:hover, a.reorder-custom:hover { background: var(--bio-brown) !important; }

/* --- FORMULAIRES MON COMPTE (Détails, Adresses) --- */
#bio-my-account .bio-account-content form { background: #fff; padding: 30px; border-radius: 20px; border: none; box-shadow: none; }
#bio-my-account .bio-account-content .form-row, #bio-my-account .bio-account-content .woocommerce-form-row { margin-bottom: 20px; display: block; }
#bio-my-account .bio-account-content label { display: block !important; font-weight: 700 !important; margin-bottom: 8px !important; color: #555 !important; font-size: 14px !important; }
#bio-my-account .bio-account-content label .required { color: #e74c3c; text-decoration: none; border: none; }
#bio-my-account .bio-account-content input[type="text"],
#bio-my-account .bio-account-content input[type="email"],
#bio-my-account .bio-account-content input[type="password"],
#bio-my-account .bio-account-content input[type="tel"],
#bio-my-account .bio-account-content select,
#bio-my-account .bio-account-content textarea {
    width: 100% !important;
    padding: 14px 18px !important;
    border: 2px solid #e2e2e2 !important;
    border-radius: 12px !important;
    background: #fdfdfd !important;
    outline: none !important;
    font-size: 15px !important;
    color: #5D4037 !important;
    box-shadow: none !important;
    font-family: 'Quicksand', sans-serif !important;
    height: auto !important;
    min-height: 48px !important;
    line-height: 1.4 !important;
    transition: border-color 0.2s, box-shadow 0.2s !important;
}
#bio-my-account .bio-account-content input:focus,
#bio-my-account .bio-account-content select:focus,
#bio-my-account .bio-account-content textarea:focus {
    border-color: #8CB93F !important;
    background: #fff !important;
    box-shadow: 0 0 0 4px rgba(140,185,63,0.12) !important;
    outline: none !important;
}
#bio-my-account .bio-account-content fieldset { border: 2px dashed #eee !important; border-radius: 15px !important; padding: 25px !important; margin: 30px 0 20px !important; background: #fafafa !important; }
#bio-my-account .bio-account-content fieldset legend { font-size: 16px !important; font-weight: 800 !important; color: #5D4037 !important; padding: 0 12px !important; background: #fafafa !important; border-radius: 8px !important; }
/* Bouton Enregistrer — uniquement sur les formulaires de compte et d'adresse */
#bio-my-account .bio-account-content .woocommerce-EditAccountForm button[type="submit"],
#bio-my-account .bio-account-content .woocommerce-address-fields button[type="submit"],
#bio-my-account .bio-account-content .edit-account button[type="submit"],
#bio-my-account .bio-account-content button[name="save_account_details"],
#bio-my-account .bio-account-content button[name="save_address"] {
    background: #8CB93F !important;
    color: #fff !important;
    border: none !important;
    padding: 16px 35px !important;
    border-radius: 50px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    font-size: 14px !important;
    letter-spacing: 1px !important;
    box-shadow: 0 8px 20px rgba(140,185,63,0.25) !important;
    font-family: 'Quicksand', sans-serif !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}
#bio-my-account .bio-account-content .woocommerce-EditAccountForm button[type="submit"]:hover,
#bio-my-account .bio-account-content .woocommerce-address-fields button[type="submit"]:hover,
#bio-my-account .bio-account-content button[name="save_account_details"]:hover,
#bio-my-account .bio-account-content button[name="save_address"]:hover { background: #5D4037 !important; transform: translateY(-2px) !important; }
/* Adresses */
#bio-my-account .bio-account-content .u-columns.woocommerce-Addresses { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; margin-top: 20px; }
#bio-my-account .bio-account-content .woocommerce-Address { background: #fff; border: 1px solid #eee; padding: 25px; border-radius: 20px; box-shadow: 0 5px 20px rgba(0,0,0,0.02); transition: box-shadow 0.2s; }
#bio-my-account .bio-account-content .woocommerce-Address-title { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; border-bottom: 2px dashed #f5f5f5; padding-bottom: 15px; }
#bio-my-account .bio-account-content .woocommerce-Address-title h3 { margin: 0 !important; font-size: 18px !important; padding: 0 !important; border: none !important; }
#bio-my-account .bio-account-content .woocommerce-Address-title a.edit { font-size: 12px !important; background: #f9f7f2 !important; color: #5D4037 !important; padding: 6px 14px !important; border-radius: 20px !important; text-transform: uppercase !important; font-weight: 800 !important; text-decoration: none !important; border: none !important; }
#bio-my-account .bio-account-content .woocommerce-Address-title a.edit:hover { background: #8CB93F !important; color: #fff !important; }
#bio-my-account .bio-account-content address { font-style: normal; color: #666; line-height: 1.8; }
/* Nav link — correction du fondu marron */
.bio-nav-link { background: #fff !important; transition: background-color 0.15s, color 0.15s, transform 0.2s !important; }
@media (max-width: 992px) {
    #bio-my-account .bio-account-content .u-columns.woocommerce-Addresses { grid-template-columns: 1fr; }
    .bio-account-wrapper { grid-template-columns: 1fr; gap: 25px; }
    .bio-account-nav { position: relative !important; top: 0; padding: 20px; min-height: auto; }
    .bio-user-profile { display: flex; align-items: center; text-align: left; gap: 20px; border-bottom: 1px solid #eee; padding-bottom: 20px; min-height: auto; }
    .bio-avatar-circle { margin: 0; width: 60px; height: 60px; font-size: 24px; }
    .bio-user-name { font-size: 16px; }
    .bio-nav-list { display: flex !important; gap: 8px; overflow-x: auto; padding-bottom: 10px; margin-top: 10px !important; scrollbar-width: none; }
    .bio-nav-list::-webkit-scrollbar { display: none; }
    .bio-nav-item { margin: 0 !important; flex-shrink: 0; min-height: auto; }
    .bio-nav-link { flex-direction: column !important; justify-content: center !important; width: 90px !important; height: 80px !important; padding: 10px !important; border: 1px solid #eee !important; text-align: center; gap: 6px !important; transform: none !important; }
    .bio-nav-link span { font-size: 11px; line-height: 1.2; }
    .bio-nav-link:hover { transform: none !important; }
    .bio-nav-link.logout-link { margin-top: 0 !important; }
    .bio-account-content { padding: 25px; border-radius: 20px; min-height: auto; }
    .bio-login-wrapper { grid-template-columns: 1fr; min-height: auto; }
    .bio-login-left, .bio-login-right { padding: 40px; }
    .bio-login-right { min-height: 300px; }
}