/* « Mon compte » — Precision LED : menu, tableau de bord, page de connexion. */

/* Boutons du configurateur réutilisés ici : le thème colore les liens de WooCommerce */
.woocommerce .ocl-btn--primary, .woocommerce .ocl-btn--primary:hover { color: #fff !important; }
.woocommerce .ocl-pro-banner.is-invite .ocl-btn--ghost { color: #fff !important; }
.woocommerce .ocl-pro-banner.is-invite .ocl-btn--ghost:hover { color: #120b16 !important; }

/* ---------- Menu latéral ---------- */
.woocommerce-account .woocommerce-MyAccount-navigation ul { list-style: none; margin: 0; padding: 6px; border: 1px solid var(--theme-color-bd_color, #E0DFE6);
    border-radius: var(--pl-rad-block, 12px); background: #fff; }
.woocommerce-account .woocommerce-MyAccount-navigation ul li { margin: 0; padding: 0; border: 0 !important; }
.woocommerce-account .woocommerce-MyAccount-navigation ul li a { display: block; padding: 11px 14px; border-radius: var(--pl-rad-btn, 8px);
    color: var(--theme-color-text, #171717); font-weight: 500; text-decoration: none; border-left: 3px solid transparent; transition: background .15s; }
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover { background: var(--theme-color-alter_bg_color, #f7f6fc); color: #ae30a2; }
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a { background: var(--theme-color-alter_bg_color, #f7f6fc); color: #ae30a2; border-left-color: #bf2ab0; }
.woocommerce-account .woocommerce-MyAccount-navigation-link--ocl-compte-pro a::after { content: "PRO"; margin-left: 8px; padding: 1px 6px; border-radius: 6px; font-size: 11px;
    font-weight: 700; color: #fff; background: linear-gradient(90deg, #f23d5b, #bf2ab0); vertical-align: 2px; }
.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout a { color: var(--theme-color-text_light, #6c6c6c); font-weight: 400; }

/* ---------- Tableau de bord ---------- */
.ocl-ma-dashboard .woocommerce-MyAccount-content > p { display: none; } /* texte WooCommerce par défaut, remplacé par nos tuiles */
.ocl-ma { margin: 0; }
.ocl-ma-hello { margin-bottom: 20px; }
.ocl-ma-hello h2 { font-size: 26px; font-weight: 500; margin: 0 0 4px; }
.ocl-ma-hello p { color: var(--ocl-muted); margin: 0; }
.ocl-ma .ocl-pro-banner { margin-bottom: 22px; }
.ocl-ma-tiles { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 14px; }
.ocl-ma-tile { display: flex; gap: 14px; align-items: flex-start; padding: 18px; border: 1px solid var(--ocl-border); border-radius: var(--ocl-radius-block);
    background: #fff; color: var(--ocl-text) !important; text-decoration: none !important; transition: border-color .15s, box-shadow .15s, transform .15s; }
.ocl-ma-tile:hover { border-color: #bf2ab0; box-shadow: 0 8px 22px rgba(17, 12, 34, .08); transform: translateY(-1px); }
.ocl-ma-tile-icon { flex: 0 0 46px; width: 46px; height: 46px; border-radius: 12px; display: flex; align-items: center; justify-content: center;
    background: var(--ocl-alt); color: #ae30a2; }
.ocl-ma-tile-txt { display: flex; flex-direction: column; gap: 3px; }
.ocl-ma-tile-txt strong { font-size: 16px; font-weight: 600; color: var(--ocl-dark); }
.ocl-ma-tile-txt small { font-size: 13.5px; color: var(--ocl-muted); line-height: 1.4; }
.ocl-ma-tile.is-featured { background: #120b16; border-color: #120b16; grid-column: 1 / -1; }
.ocl-ma-tile.is-featured .ocl-ma-tile-icon { background: var(--ocl-grad); color: #fff; }
.ocl-ma-tile.is-featured strong { color: #fff; font-size: 18px; }
.ocl-ma-tile.is-featured small { color: #d9d3e3; }
.ocl-ma-help { margin-top: 22px !important; font-size: 14px; color: var(--ocl-muted); }

/* ---------- Page de connexion ---------- */
.ocl-ma-login .woocommerce { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: 48px; align-items: start; }
.ocl-ma-login .woocommerce > * { grid-column: 1; }
.ocl-ma-login .woocommerce > .ocl-ma-new { grid-column: 2; grid-row: 1 / span 20; }
.ocl-ma-login .woocommerce-form-login { border: 1px solid var(--theme-color-bd_color, #E0DFE6) !important; border-radius: var(--pl-rad-block, 12px) !important;
    padding: 24px !important; margin: 0 !important; max-width: none !important; width: 100% !important; box-sizing: border-box; }
.ocl-ma-login .woocommerce-form-login .form-row, .ocl-ma-login .woocommerce-form-login input.input-text { width: 100% !important; max-width: none !important; float: none !important; }
.ocl-ma-login .woocommerce-form-login .woocommerce-form-login__submit { width: 100%; margin-top: 8px; }
.ocl-ma-new h2 { margin-top: 0; }
.ocl-ma-new-card { border: 1px solid var(--ocl-border); border-radius: var(--ocl-radius-block); padding: 22px; margin-bottom: 16px; background: #fff; }
.ocl-ma-new-card.is-pro { background: #120b16; border-color: #120b16; color: #d9d3e3; position: relative; overflow: hidden; }
.ocl-ma-new-card.is-pro::before { content: ""; position: absolute; inset: 0; pointer-events: none;
    background: radial-gradient(circle at 100% 0, rgba(191, 42, 176, .45), transparent 55%), radial-gradient(circle at 0 100%, rgba(242, 61, 91, .3), transparent 50%); }
.ocl-ma-new-card.is-pro > * { position: relative; }
.ocl-ma-new-card.is-pro h3 { color: #fff; }
.ocl-ma-new-tag { font-size: 12px; text-transform: uppercase; letter-spacing: 1.2px; font-weight: 600; color: #f23d5b; margin: 0 0 6px !important; }
.ocl-ma-new-card h3 { font-size: 20px; font-weight: 600; margin: 0 0 10px; line-height: 1.25; }
.ocl-ma-new-card ul { margin: 0 0 18px; padding: 0; list-style: none; }
.ocl-ma-new-card li { margin: 0 0 6px; padding-left: 24px; position: relative; }
.ocl-ma-new-card li::before { content: "✓"; position: absolute; left: 0; color: #f23d5b; font-weight: 700; }
.ocl-ma-new-card p:not(.ocl-ma-new-tag) { margin: 0 0 16px; color: var(--ocl-muted); }
.ocl-ma-new-card .ocl-btn { margin: 0; }

@media (max-width: 900px) {
    .ocl-ma-login .woocommerce { grid-template-columns: minmax(0, 1fr); }
    .ocl-ma-login .woocommerce > .ocl-ma-new { grid-column: 1; grid-row: auto; margin-top: 28px; }
}

/* ---------- Pages intérieures ---------- */
.woocommerce-account .woocommerce-MyAccount-content > .woocommerce-info:first-child:has(+ .ocl-ma-empty),
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info:has(~ .ocl-ma-empty) { display: none; } /* « Aucune commande… » remplacé par la carte */
.ocl-ma-empty { border: 1px dashed var(--ocl-border-strong); border-radius: var(--ocl-radius-block); padding: 28px; text-align: center; }
.ocl-ma-empty h3 { font-size: 20px; font-weight: 600; margin: 0 0 6px; }
.ocl-ma-empty p { color: var(--ocl-muted); margin: 0 0 18px !important; }
.ocl-ma-empty-actions { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; }

.woocommerce-account .woocommerce-MyAccount-content .woocommerce-message,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-error { border-radius: var(--pl-rad-btn, 8px); border-left: 3px solid #bf2ab0;
    background: var(--theme-color-alter_bg_color, #f7f6fc); padding: 14px 16px !important; margin-bottom: 20px; }

.woocommerce-account .woocommerce-Addresses { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 18px; margin-top: 16px; }
.woocommerce-account .woocommerce-Addresses::before, .woocommerce-account .woocommerce-Addresses::after { display: none !important; }
.woocommerce-account .woocommerce-Addresses .woocommerce-Address { width: auto !important; float: none !important; margin: 0 !important;
    border: 1px solid var(--theme-color-bd_color, #E0DFE6); border-radius: var(--pl-rad-block, 12px); padding: 20px; }
.woocommerce-account .woocommerce-Address-title { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 8px; margin-bottom: 10px; }
.woocommerce-account .woocommerce-Address-title h2 { font-size: 20px; margin: 0 !important; }
.woocommerce-account .woocommerce-Address-title .edit { float: none !important; font-size: 14px; padding: 6px 12px; border: 1px solid var(--theme-color-bd_color, #E0DFE6);
    border-radius: var(--pl-rad-btn, 8px); text-decoration: none !important; }
.woocommerce-account .woocommerce-Address-title .edit:hover { border-color: #bf2ab0; }
.woocommerce-account .woocommerce-Address address { font-style: normal; line-height: 1.6; }

.woocommerce-account .woocommerce-EditAccountForm fieldset { border: 1px solid var(--theme-color-bd_color, #E0DFE6); border-radius: var(--pl-rad-block, 12px); padding: 8px 20px 4px; }