/* === Conteneur principal === */
:root{--codcr-black:#000;--codcr-white:#fff;}
.codcr-container{margin-top:20px;}
.codcr-wrapper{position:relative;overflow:visible;border:2px solid var(--codcr-black);padding:18px;border-radius:8px;background:var(--codcr-white);color:var(--codcr-black);margin-top:10px;display:flex;gap:20px;flex-wrap:wrap;z-index:1;}
/* === Formulaire et résumé === */
.codcr-form{flex:1 1 520px;min-width:280px;}
.codcr-summary{width:320px;min-width:240px;background:#f7f7f7;padding:14px;border-radius:8px;}
/* === En-tête produit === */
.codcr-product-header{display:flex;align-items:center;margin-bottom:20px;}
.codcr-product-thumb{width:80px;height:80px;margin-right:15px;object-fit:cover;border:1px solid #ccc;border-radius:6px;}
.codcr-title{font-size:21px;font-weight:600;}
.codcr-price{font-size:18px;font-weight:bold;color:var(--codcr-black);margin-top:5px;}
.codcr-desc{font-size:14px;color:#555;line-height:1.4;}
/* === Titres et textes === */
.codcr-form-title{font-weight:600;margin-bottom:12px;text-align:center;color:var(--codcr-black);}
/* === Champs === */
.codcr-row{display:flex;gap:10px;margin-bottom:10px;flex-wrap:wrap;}
.codcr-row input,.codcr-row select{flex:1 1 100%;padding:10px;border:1px solid var(--codcr-black);border-radius:6px;background:var(--codcr-white);color:var(--codcr-black);}
.codcr-attr{margin-bottom:10px;}
/* === Couleurs === */
.codcr-colors{display:flex;gap:10px;align-items:center;margin-bottom:10px;flex-wrap:wrap;}
.codcr-color{width:28px;height:28px;background:#fff;border-radius:50%;border:2px solid #bbb;position:relative;cursor:pointer;transition:0.2s;display:inline-flex;align-items:center;justify-content:center;}
.codcr-color-inner{width:16px;height:16px;border-radius:50%;background:transparent;display:block;}
.codcr-color.active{border-color:var(--codcr-black);transform:scale(1.05);}
/* === Tailles === */
.codcr-sizes button{margin-right:8px;padding:6px 10px;border-radius:6px;border:1px solid var(--codcr-black);background:var(--codcr-white);color:var(--codcr-black);cursor:pointer;transition:0.2s;}
.codcr-sizes button.active{background:var(--codcr-black);color:var(--codcr-white);}
/* === Quantité === */
.codcr-qty-controls{display:flex;align-items:center;gap:8px;}
.codcr-qty-controls button{padding:4px 10px;background:var(--codcr-black);color:var(--codcr-white);border:none;cursor:pointer;}


/* === Boutons === */
.codcr-add,.codcr-submit{background:var(--codcr-black);border:1px solid var(--codcr-black);color:var(--codcr-white);padding:10px 18px;border-radius:6px;cursor:pointer;transition:all 0.3s ease;}
.codcr-add:hover,.codcr-submit:hover{background:var(--codcr-white);color:var(--codcr-black);}

/* ==== Boutons du plugin Commande Rapide ==== */
.codcr-add,
.codcr-submit,
.codcr-loop-add-btn,
.codcr-modal-checkout {
    background-color: #000 !important; /* noir ou ton code couleur */
    color: #fff !important;            /* texte blanc */
    border: none;
    padding: 10px 18px;
    border-radius: 5px;
    cursor: pointer;
    font-weight: bold;
    transition: background 0.3s ease;
}

.codcr-add:hover,
.codcr-submit:hover,
.codcr-loop-add-btn:hover,
.codcr-modal-checkout:hover {
    background-color: #333 !important; /* effet hover */
}

/* === Mini-panier === */
.codcr-order-items-wrapper{margin-top:20px;}
.codcr-order-items .codcr-item{display:flex;align-items:center;justify-content:space-between;padding:6px 0;border-bottom:1px solid #eee;}
.codcr-mini-thumb{width:40px;height:40px;object-fit:cover;margin-right:8px;border:1px solid #ccc;border-radius:4px;}
.codcr-item-content{display:flex;align-items:center;gap:8px;}
/* === Bouton supprimer produit mini-panier === */
.codcr-remove-item{background:transparent;border:none;color:red;font-size:18px;cursor:pointer;margin-left:8px;transition:0.2s;}
.codcr-remove-item:hover{color:darkred;}
/* === Résumé commande === */
.codcr-item,.codcr-shipping,.codcr-total{display:flex;justify-content:space-between;padding:6px 0;}
.codcr-shipping{color:#555;}
.codcr-total{padding-top:10px;font-size:1.05em;font-weight:bold;}
/* === Message confirmation === */
.codcr-confirmation{margin-top:15px;font-weight:bold;color:var(--codcr-black);}
/* === Icône panier flottante & modal === */
.codcr-cart-icon{position:fixed;bottom:20px;right:20px;background:var(--codcr-black);border-radius:50%;width:55px;height:55px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 0 10px rgba(0,0,0,0.3);z-index:999;}
.codcr-cart-icon:hover{opacity:0.92;}
.codcr-cart-count{position:absolute;top:-5px;right:-5px;background:var(--codcr-black);color:var(--codcr-white);font-size:12px;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border:2px solid var(--codcr-white);}
.codcr-cart-modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.65);z-index:1000;}
.codcr-cart-modal-inner{background:var(--codcr-white);color:var(--codcr-black);width:90%;max-width:420px;margin:80px auto;padding:20px;border-radius:12px;position:relative;}
.codcr-modal-close{position:absolute;top:8px;right:12px;background:none;border:none;font-size:24px;color:var(--codcr-black);cursor:pointer;}
/* === Responsive === */
@media(max-width:900px){.codcr-wrapper{flex-direction:column;}.codcr-summary{width:100%;}.codcr-row input,.codcr-row select{flex:1 1 100%;}.codcr-product-header{flex-direction:column;align-items:flex-start;}.codcr-product-thumb{margin-bottom:10px;}}