/* Morpheus · compléments WordPress / WooCommerce à la feuille de la maquette (site.css) */

/* ── Message bref (panier, erreurs) ── */
.mp-toast{position:fixed;left:50%;bottom:24px;z-index:2000;max-width:min(92vw,520px);margin:0;padding:14px 18px;border-radius:14px;background:var(--nuit,#28264F);color:#fff;font:600 14px/1.45 var(--sans,'Manrope',sans-serif);box-shadow:0 18px 40px rgba(18,17,42,.28);transform:translate(-50%,20px);opacity:0;transition:transform .3s ease,opacity .3s ease;pointer-events:none}
.mp-toast.on{transform:translate(-50%,0);opacity:1}

/* ── Pastilles vides (plus de remise) ── */
.badge--promo:empty,.remise:empty{display:none}

/* ── Messages WooCommerce ── */
.mp .woocommerce-error,.mp .woocommerce-message,.mp .woocommerce-info,.mp .woocommerce-notices-wrapper>*{list-style:none;margin:0 0 16px;padding:14px 18px;border-radius:14px;background:var(--ciel);font-size:14px;line-height:1.5;color:var(--nuit)}
.mp .woocommerce-error{background:#FBEAEA;color:#8A2525}
.mp .woocommerce-error li{list-style:none}
.mp .woocommerce-message .button,.mp .woocommerce-info .button{float:right;margin-left:12px;font-weight:700;text-decoration:underline}
.mp-notices{padding-top:18px}
.mp .woocommerce-notices-wrapper:empty{display:none}

/* ── Commande en une page ── */
.mp-commande .woocommerce{padding-bottom:0}
.co .co__grille{display:contents}
.co .co__etapes{min-width:0}
.mp .woocommerce-form-coupon-toggle .woocommerce-info{background:none;padding:0 0 14px;font-size:13.5px;color:var(--brume)}
.mp .woocommerce-form-coupon-toggle a{font-weight:700;color:var(--nuit);text-decoration:underline}
.mp form.checkout_coupon{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:0 0 18px;padding:16px;border:1px solid var(--trait);border-radius:16px;background:var(--blanc)}
.mp form.checkout_coupon p{margin:0}
.mp form.checkout_coupon p:first-child{width:100%;font-size:13px;color:var(--brume)}
.mp form.checkout_coupon input{padding:12px 16px;border:1px solid var(--trait2);border-radius:999px;background:#F7F8FC;font:inherit;font-size:14px}
.mp form.checkout_coupon button{min-height:44px;padding:0 20px;border:1px solid var(--nuit);border-radius:999px;background:var(--nuit);color:#fff;font:inherit;font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;cursor:pointer}
.co .woocommerce-billing-fields__field-wrapper{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.co .form-row{display:flex;flex-direction:column;gap:7px;min-width:0;margin:0;padding:0}
.co .form-row-wide,.co .form-row.create-account{grid-column:1/-1}
.co .form-row>label{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--nuit)}
.co .form-row>label .optional{font-weight:600;letter-spacing:0;text-transform:none;color:var(--brume)}
.co .form-row abbr.required{border:0;text-decoration:none;color:inherit}
.co .form-row .woocommerce-input-wrapper{display:block}
.co .form-row input.input-text,.co .form-row select,.co .form-row textarea,.co .form-row .select2-selection{width:100%;padding:14px 18px;border:1px solid var(--trait2);border-radius:999px;background:#F7F8FC;font:inherit;font-size:15px;color:var(--nuit);transition:border-color .15s}
.co .form-row select{appearance:none;-webkit-appearance:none;background:#F7F8FC url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M2 3.5l3 3 3-3' fill='none' stroke='%2328264F' stroke-width='1.3'/%3E%3C/svg%3E") no-repeat right 18px center/12px}
.co .form-row input.input-text:focus,.co .form-row select:focus{outline:none;border-color:var(--nuit)}
.co .form-row .description{display:block;margin-top:4px;font-size:12px;color:var(--brume)}
.co .form-row.woocommerce-invalid input.input-text{border-color:#B23B3B}
.co .form-row strong{font-size:15px;color:var(--nuit)}
.co .co__client{margin:0;text-align:left}
.co .co__client a{font-weight:700;color:var(--nuit);text-decoration:underline}
.co .woocommerce-account-fields{display:flex;flex-direction:column;gap:12px}
.co .co__creer label{display:flex;align-items:flex-start;gap:10px;font-size:13px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--texte);cursor:pointer}
.co .co__creer input{flex:none;width:18px;height:18px;margin-top:1px;accent-color:var(--nuit)}
.co .create-account:not(.form-row){display:flex;flex-direction:column;gap:12px}
.co .co__date{display:block}
.co #payment{display:flex;flex-direction:column;gap:14px}
.co #payment ul.payment_methods{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}
.co #payment ul.payment_methods>li{padding:14px 16px;border:1.5px solid var(--trait);border-radius:14px;background:var(--blanc);list-style:none}
.co #payment ul.payment_methods>li:has(input:checked){border-color:var(--nuit)}
.co #payment ul.payment_methods>li>label{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:14.5px;color:var(--nuit);cursor:pointer}
.co #payment ul.payment_methods>li>label img{max-height:22px;width:auto}
.co #payment ul.payment_methods>li>input{width:18px;height:18px;margin:0 8px 0 0;vertical-align:middle;accent-color:var(--nuit)}
.co #payment .payment_box{margin-top:12px;font-size:13px;line-height:1.55;color:var(--brume)}
.co #payment .payment_box p{margin:0}
.co #payment .woocommerce-notice,.co #payment li.woocommerce-notice{padding:14px 16px;border-radius:14px;background:var(--ciel);font-size:13.5px;color:var(--nuit);list-style:none}
/* Stripe (Boris, 16 octobre) : sans cadres gris autour du formulaire, case « Enregistrer… » alignée sur son texte */
.co #payment .payment_box fieldset{min-width:0;margin:0;padding:0;border:0}
.co #payment .payment_box .wc-stripe-upe-element,.co #payment .payment_box .wc-upe-form{margin:0;padding:0;border:0;box-shadow:none;background:none}
.co #payment .payment_box .woocommerce-SavedPaymentMethods-saveNew{flex-direction:row;align-items:center;gap:10px;margin:14px 0 0;padding:0;border:0;text-align:left}
.co #payment .payment_box .woocommerce-SavedPaymentMethods-saveNew input{flex:none;width:18px;height:18px;margin:0;accent-color:var(--nuit)}
.co #payment .payment_box .woocommerce-SavedPaymentMethods-saveNew label{margin:0;font-size:13px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--texte);cursor:pointer}
.co #payment .payment_box .woocommerce-SavedPaymentMethods{margin:0;padding:0;border:0;list-style:none}
.co .woocommerce-privacy-policy-text p{margin:0;font-size:12.5px;line-height:1.55;color:var(--brume)}
.co .woocommerce-privacy-policy-text a,.co .woocommerce-terms-and-conditions-link{color:var(--nuit);text-decoration:underline}
.co .woocommerce-terms-and-conditions{max-height:220px;overflow:auto;margin:6px 0;padding:14px 16px;border:1px solid var(--trait);border-radius:14px;font-size:12.5px;line-height:1.55}
.co .woocommerce-terms-and-conditions h2{font-size:15px}
.co .place-order{display:flex;flex-direction:column;gap:12px;margin:0;padding:0}
.co .woocommerce-terms-and-conditions-wrapper .form-row{display:block}
.co .woocommerce-form__label-for-checkbox{display:flex;align-items:flex-start;gap:10px;font-size:12.5px;font-weight:500;line-height:1.55;letter-spacing:0;text-transform:none;color:var(--brume);cursor:pointer}
.co .woocommerce-form__label-for-checkbox input{flex:none;width:20px;height:20px;margin:0;accent-color:var(--nuit)}
.mp .co #place_order{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:54px;padding:0 26px;border:1px solid var(--nuit);border-radius:999px;background:var(--nuit);color:var(--blanc);font:inherit;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;cursor:pointer}
.mp .co #place_order:hover{background:var(--nuit2)}
.co .recap__corps{display:flex;flex-direction:column;gap:14px}
.co .recap__livr{display:flex;align-items:center;gap:10px;margin:0;padding:10px 14px;border-radius:12px;background:var(--ciel);font-size:12.5px;font-weight:600;color:var(--nuit)}
.co .recap__livr svg{flex:none;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6}
.co .recap dd .woocommerce-Price-amount,.co .recap dd bdi{font-weight:inherit}
.co .recap dd small,.co .recap dd .includes_tax{display:block;font-size:11.5px;font-weight:500;color:var(--brume)}
.co .recap__l strong{white-space:nowrap}
.blockUI.blockOverlay{border-radius:inherit}

/* ── Remerciement (commande reçue) ── */
.mp-commande .woocommerce-order{display:flex;flex-direction:column;gap:22px;padding-bottom:clamp(56px,6cqi,92px)}
.mp-commande .woocommerce-thankyou-order-received{padding:18px 22px;border-radius:18px;background:var(--ciel);font-size:16px;font-weight:600;color:var(--nuit)}
.mp-commande .woocommerce-order-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:0;padding:0;list-style:none}
.mp-commande .woocommerce-order-overview li{padding:14px 16px;border:1px solid var(--trait);border-radius:14px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--brume)}
.mp-commande .woocommerce-order-overview strong{display:block;margin-top:6px;font-size:15px;letter-spacing:0;text-transform:none;color:var(--nuit)}
.mp .woocommerce-order-details,.mp .woocommerce-customer-details{padding:22px;border:1px solid var(--trait);border-radius:var(--r,22px);background:var(--blanc)}
.mp .woocommerce-order-details h2,.mp .woocommerce-customer-details h2{margin-bottom:14px;font-size:22px}
.mp table.shop_table{width:100%;border-collapse:collapse;font-size:14px}
.mp table.shop_table th,.mp table.shop_table td{padding:10px 8px;border-bottom:1px solid var(--trait);text-align:left;vertical-align:top}
.mp table.shop_table tfoot th{color:var(--brume);font-weight:600}
.mp table.shop_table td:last-child,.mp table.shop_table th:last-child{text-align:right}
.mp .woocommerce-customer-details address{font-style:normal;line-height:1.6;color:var(--texte)}

/* ── Compte client ── */
.mp-compte .woocommerce{display:grid;grid-template-columns:minmax(200px,260px) minmax(0,1fr);gap:clamp(20px,3cqi,40px);align-items:start}
.mp-compte .woocommerce>.woocommerce-notices-wrapper{grid-column:1/-1}
.mp-compte .woocommerce:has(> .u-columns),.mp-compte .woocommerce:has(> .woocommerce-form-login),.mp-compte .woocommerce:has(> .lost_reset_password){display:block}
.mp-compte .woocommerce-MyAccount-navigation ul{display:flex;flex-direction:column;gap:4px;margin:0;padding:10px;border:1px solid var(--trait);border-radius:20px;background:var(--blanc);list-style:none}
.mp-compte .woocommerce-MyAccount-navigation a{display:block;padding:11px 14px;border-radius:12px;font-size:14px;font-weight:600;color:var(--nuit)}
.mp-compte .woocommerce-MyAccount-navigation .is-active a,.mp-compte .woocommerce-MyAccount-navigation a:hover{background:var(--ciel)}
.mp-compte .woocommerce-MyAccount-content{display:flex;flex-direction:column;gap:16px;min-width:0;padding:clamp(20px,3cqi,32px);border:1px solid var(--trait);border-radius:20px;background:var(--blanc);font-size:15px;line-height:1.6;color:var(--texte)}
.mp-compte .woocommerce-MyAccount-content a{color:var(--nuit);font-weight:600;text-decoration:underline}
.mp-compte .u-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.mp-compte .u-column1,.mp-compte .u-column2,.mp-compte .woocommerce-form-login,.mp-compte .lost_reset_password{display:flex;flex-direction:column;gap:14px;padding:clamp(22px,3.4cqi,36px);border:1px solid var(--trait);border-radius:24px;background:var(--blanc)}
.mp-compte .u-column2{background:linear-gradient(180deg,var(--blanc),var(--ciel))}
.mp-compte h2{font-size:clamp(25px,2.4cqi,32px)}
.mp-compte form{display:flex;flex-direction:column;gap:14px;margin:0;padding:0;border:0}
.mp-compte .form-row{display:flex;flex-direction:column;gap:7px;margin:0;padding:0}
.mp-compte .form-row>label:not(.woocommerce-form__label-for-checkbox){font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--nuit)}
.mp-compte input.input-text,.mp-compte .woocommerce-Input,.mp-compte select{width:100%;padding:14px 18px;border:1px solid var(--trait2);border-radius:999px;background:#F7F8FC;font:inherit;font-size:15px;color:var(--nuit)}
.mp-compte .password-input{position:relative;display:block}
.mp-compte .show-password-input{position:absolute;right:14px;top:50%;width:24px;height:24px;transform:translateY(-50%);border:0;background:none;cursor:pointer}
.mp-compte .woocommerce-form__label-for-checkbox{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--brume)}
.mp-compte button.button,.mp-compte .woocommerce-Button,.mp-compte .button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 26px;border:1px solid var(--nuit);border-radius:999px;background:var(--nuit);color:var(--blanc)!important;font:inherit;font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;text-decoration:none!important;cursor:pointer}
.mp-compte .lost_password a{font-size:13px}
.mp-compte .woocommerce-privacy-policy-text p{font-size:12.5px;color:var(--brume)}
.mp-compte fieldset{margin:0;padding:16px;border:1px solid var(--trait);border-radius:16px}
.mp-compte .woocommerce-Addresses{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.mp-compte .woocommerce-Address{padding:18px;border:1px solid var(--trait);border-radius:16px}
.mp-compte .woocommerce-Address-title{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.mp-compte .woocommerce-Address-title h2{font-size:20px}
.mp-compte address{font-style:normal}
.mp-compte .woocommerce-orders-table__cell-order-actions .button{min-height:36px;padding:0 14px;font-size:10.5px}
.mp-compte mark{background:none;font-weight:700;color:var(--nuit)}
@container page (max-width:860px){
  .mp-compte .woocommerce,.mp-compte .u-columns{grid-template-columns:minmax(0,1fr)}
  .mp-compte .woocommerce-MyAccount-navigation ul{flex-direction:row;flex-wrap:wrap}
  .co .woocommerce-billing-fields__field-wrapper{grid-template-columns:minmax(0,1fr)}
}

/* ── Avis : envoi ── */
.avp__merci{margin:12px 0;padding:12px 16px;border-radius:14px;background:var(--vert-clair,#E3F1E9);font-size:14px;font-weight:600;color:var(--vert,#2F7A55)}

/* ── Fiche standard (produit ajouté à la main) ── */
.pdp--standard .galerie__cadre img{width:100%;height:auto;border-radius:var(--r,22px)}
.pdp--standard .achat__form .variations{width:100%;margin-bottom:12px}
.pdp--standard .achat__form select{padding:10px 14px;border:1px solid var(--trait2);border-radius:999px}
.pdp--standard .single_add_to_cart_button{min-height:48px;padding:0 24px;border:0;border-radius:999px;background:var(--nuit);color:#fff;font-weight:700;letter-spacing:.14em;text-transform:uppercase;cursor:pointer}

/* ── Page simple, recherche, 404 ── */
.mp-page-simple{max-width:760px;padding-bottom:clamp(40px,5cqi,72px)}
.mp-404__cta{display:flex;flex-wrap:wrap;align-items:center;gap:18px;padding-bottom:clamp(56px,6cqi,92px)}
.mp-recherche__liste{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none}
.mp-recherche__liste a{display:flex;flex-direction:column;gap:4px;padding:16px 18px;border:1px solid var(--trait);border-radius:16px;background:var(--blanc);color:var(--nuit)}
.mp-recherche__liste small{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--brume)}

/* ── Articles écrits dans l'éditeur (blocs natifs) ── */
.art__texte .wp-block-image img{height:auto;border-radius:16px}
.art__texte figure{margin:0}
.co .form-row .woocommerce-input-wrapper{display:block;font-size:inherit;font-weight:inherit;letter-spacing:0;text-transform:none}
/* texte pour lecteurs d'écran seulement (classe WordPress) */
.screen-reader-text{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.mp-compte .u-column1 .woocommerce-form-login,.mp-compte .u-column2 .woocommerce-form-register{padding:0;border:0;background:none}
.mp-compte .woocommerce-form-login .form-row:has(.woocommerce-form-login__rememberme){flex-direction:row}
/* Paiement express (Apple Pay, Google Pay) en haut de la commande (Boris, 17 octobre) */
.co .co__express{margin:0 0 6px}
.co .co__express-titre{margin:0 0 12px;text-align:center;font-size:14px;font-weight:500;color:var(--brume)}
.co .co__express:has(#wc-stripe-express-checkout-element[style*="display:none"]) .co__express-titre,
.co .co__express:has(#wc-stripe-express-checkout-element[style*="display: none"]) .co__express-titre{display:none}
.co .co__express #wc-stripe-express-checkout-element{margin-top:0!important}
.co .co__express #wc-stripe-express-checkout-button-separator{margin:22px 0 26px!important;text-align:left!important}
.co .co__sep{display:flex;align-items:center;gap:14px}
.co .co__sep i{flex:1;height:1px;background:var(--trait)}
.co .co__sep b{font-size:13px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--brume);white-space:nowrap}
