@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@700&family=Public+Sans:wght@400;600&display=swap');
/*
 * COD Form Pro - Formulaire de commande (style moderne)
 * Design: Industrie Papier (bleu petrole #163A52, accent #C4470F pour l'action, rayon 2px)
 * Ancienne version sauvegardee: style.css.bak-*
 */

/* Colonne quantite (liste des commandes) */
.column-quantity{width:80px;text-align:center!important}
.column-quantity .quantity-badge{display:inline-block;background:#2271b1;color:#fff;padding:2px 8px;border-radius:10px;font-weight:700;min-width:30px;text-align:center}

/* ===== Formulaire de commande ===== */
/* COD Form Pro - style moderne (design Industrie Papier) */
div:has(> form > input[name=mp_cod_country]){--cod-bg:#F4F5F3;--cod-ink:#000000;--cod-primary:#3c3c3c;--cod-accent:#3c3c3c;--cod-accent-dark:#000000;--cod-muted:#5C666D;--cod-line:#DDE1DE;max-width:520px!important;margin:24px auto!important;padding:32px!important;box-sizing:border-box!important;background:#fff!important;border:1px solid var(--cod-line)!important;border-top:4px solid var(--cod-primary)!important;border-radius:20px!important;box-shadow:none!important;color:var(--cod-ink);transition:box-shadow 350ms ease}
@media (hover:hover){div:has(> form > input[name=mp_cod_country]):hover{box-shadow:0 14px 36px rgba(22,58,82,.14)!important}}
div:has(> form > input[name=mp_cod_country]) > h2.form-title{font-family:var(--cod-head)!important;font-size:24px!important;font-weight:700!important;line-height:1.15!important;color:var(--cod-primary)!important;text-align:center!important;margin:0 0 24px!important;padding:0!important}
form:has(> input[name=mp_cod_country]){margin:0!important}
form:has(> input[name=mp_cod_country]) > div{margin-bottom:16px!important}
form:has(> input[name=mp_cod_country]) > div > label{display:block!important;margin:0 0 8px!important;font-size:16px!important;font-weight:600!important;text-align:center;color:var(--cod-ink)!important}
form:has(> input[name=mp_cod_country]) > div > label:has(+ div > .qty-minus){text-align:center!important}

/* Champs */
form:has(> input[name=mp_cod_country]) :is(input[name=mp_cod_name],input[name=mp_cod_phone],input[name=mp_cod_email],input[name=mp_cod_commune],select[name^=mp_cod_]){display:block!important;width:100%!important;height:50px!important;margin:0!important;padding:12px 14px!important;box-sizing:border-box!important;font-family:inherit!important;font-size:16px!important;line-height:1.4!important;color:var(--cod-ink)!important;background-color:#fff!important;border:1px solid var(--cod-line)!important;border-radius:2px!important;box-shadow:none!important;outline:0!important;transition:border-color 250ms ease,box-shadow 250ms ease}
form:has(> input[name=mp_cod_country]) :is(input[name=mp_cod_name],input[name=mp_cod_phone],input[name=mp_cod_email],input[name=mp_cod_commune],select[name^=mp_cod_]):hover{border-color:#A9B2B8!important}
form:has(> input[name=mp_cod_country]) :is(input[name=mp_cod_name],input[name=mp_cod_phone],input[name=mp_cod_email],input[name=mp_cod_commune],select[name^=mp_cod_]):focus{border-color:var(--cod-primary)!important;box-shadow:0 0 0 3px rgba(22,58,82,.15)!important}
form:has(> input[name=mp_cod_country]) input::placeholder{color:var(--cod-muted)!important;opacity:1}
form:has(> input[name=mp_cod_country]) select[name^=mp_cod_]{-webkit-appearance:none!important;appearance:none!important;cursor:pointer;padding-right:38px!important;background-image:url(data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20width=%2712%27%20height=%278%27%20viewBox=%270%200%2012%208%27%20fill=%27none%27%3E%3Cpath%20d=%27M1%201.5l5%205%205-5%27%20stroke=%27%23163A52%27%20stroke-width=%271.6%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27/%3E%3C/svg%3E)!important;background-repeat:no-repeat!important;background-position:right 14px center!important;background-size:12px 8px!important}
form:has(> input[name=mp_cod_country]) select[name^=mp_cod_]:dir(rtl){padding-right:14px!important;padding-left:38px!important;background-position:left 14px center!important}

/* Mode de livraison */
form:has(> input[name=mp_cod_country]) div:has(> #label-domicile){flex-wrap:wrap!important;gap:10px!important}
form:has(> input[name=mp_cod_country]) #label-domicile,form:has(> input[name=mp_cod_country]) #label-stopdesk{flex:1 1 150px!important;padding:14px!important;color:var(--cod-ink)!important;border-radius:2px!important;transition:border-color 250ms ease,background-color 250ms ease,box-shadow 250ms ease!important}
form:has(> input[name=mp_cod_country]) input[type=radio]{accent-color:var(--cod-primary);width:18px!important;height:18px!important;margin:0!important;flex:none}
@supports selector(:has(*)){
form:has(> input[name=mp_cod_country]) #label-domicile,form:has(> input[name=mp_cod_country]) #label-stopdesk{border:1px solid var(--cod-line)!important;background:#fff!important;box-shadow:none!important}
form:has(> input[name=mp_cod_country]) #label-domicile:has(input:checked),form:has(> input[name=mp_cod_country]) #label-stopdesk:has(input:checked){border-color:var(--cod-primary)!important;background:#EEF3F6!important;box-shadow:inset 0 0 0 1px var(--cod-primary)!important}
}

/* Quantite */
form:has(> input[name=mp_cod_country]) div:has(> .qty-minus){justify-content:center!important;gap:10px!important}
form:has(> input[name=mp_cod_country]) .qty-minus,form:has(> input[name=mp_cod_country]) .qty-plus{display:flex!important;align-items:center!important;justify-content:center!important;width:50px!important;height:50px!important;padding:0!important;font-size:22px!important;line-height:1!important;color:var(--cod-primary)!important;background:#fff!important;background-image:none!important;border:1px solid var(--cod-line)!important;border-radius:2px!important;box-shadow:none!important;cursor:pointer;transition:background-color 250ms ease,color 250ms ease,border-color 250ms ease,transform 150ms ease}
form:has(> input[name=mp_cod_country]) .qty-minus:hover,form:has(> input[name=mp_cod_country]) .qty-plus:hover{color:#fff!important;background:var(--cod-primary)!important;background-image:none!important;border-color:var(--cod-primary)!important}
form:has(> input[name=mp_cod_country]) .qty-minus:active,form:has(> input[name=mp_cod_country]) .qty-plus:active{transform:scale(.95)}
form:has(> input[name=mp_cod_country]) input.qty-input{flex:none!important;width:84px!important;height:50px!important;margin:0!important;padding:0!important;text-align:center!important;font-family:var(--cod-head)!important;font-size:20px!important;font-weight:700!important;color:var(--cod-primary)!important;background:#fff!important;border:1px solid var(--cod-line)!important;border-radius:2px!important;box-shadow:none!important}

/* Recapitulatif */
form:has(> input[name=mp_cod_country]) .cod-summary{margin:4px 0 20px!important;padding:18px 20px!important;background:var(--cod-bg)!important;border:1px solid var(--cod-line)!important;border-radius:2px!important}
form:has(> input[name=mp_cod_country]) .cod-summary > div{display:flex!important;justify-content:flex-start!important;align-items:baseline!important;gap:6px!important;margin-bottom:10px!important;font-size:15px!important;color:var(--cod-ink)!important}
form:has(> input[name=mp_cod_country]) .cod-summary > div > span:first-child{margin-inline-end:auto!important;color:var(--cod-muted)!important}
form:has(> input[name=mp_cod_country]) .cod-summary > div > span:nth-child(n+2){font-family:var(--cod-head);font-weight:700}
form:has(> input[name=mp_cod_country]) .cod-summary > div:last-child{margin-bottom:0!important;padding-top:14px!important;border-top:1px solid var(--cod-line)!important;font-size:18px!important}
form:has(> input[name=mp_cod_country]) .cod-summary > div:last-child > span:first-child{color:var(--cod-ink)!important;font-weight:700}
form:has(> input[name=mp_cod_country]) .cod-summary > div:last-child > span:nth-child(n+2){font-size:22px!important;color:var(--cod-primary)!important}

/* Bouton de commande */
form:has(> input[name=mp_cod_country]) .submit-btn{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px;width:100%!important;min-height:54px;padding:14px 20px!important;font-family:var(--cod-head)!important;font-size:17px!important;font-weight:700!important;color:#fff!important;background:var(--cod-accent)!important;background-image:none!important;border:0!important;border-radius:2px!important;box-shadow:none!important;cursor:pointer;transition:transform 350ms ease,background-color 350ms ease,box-shadow 350ms ease!important}
form:has(> input[name=mp_cod_country]) .submit-btn:hover{color:#fff!important;background:var(--cod-accent-dark)!important;background-image:none!important;transform:translateY(-2px);box-shadow:0 8px 18px rgba(196,71,15,.28)!important}
form:has(> input[name=mp_cod_country]) .submit-btn:active{transform:translateY(0)}
form:has(> input[name=mp_cod_country]) .submit-btn:focus-visible{outline:3px solid rgba(196,71,15,.4);outline-offset:2px}
form:has(> input[name=mp_cod_country]) > #footer-note{margin:20px 0 0!important;padding-top:16px;border-top:1px solid var(--cod-line);font-size:13px!important;line-height:1.6;color:var(--cod-muted)!important;text-align:center!important}

@media (max-width:600px){div:has(> form > input[name=mp_cod_country]){margin:12px 8px!important;padding:22px 16px!important}div:has(> form > input[name=mp_cod_country]) > h2.form-title{font-size:21px!important;margin-bottom:20px!important}}
@media (prefers-reduced-motion:reduce){div:has(> form > input[name=mp_cod_country]),div:has(> form > input[name=mp_cod_country]) *{transition:none!important}}