/* Craft Badge Produit — Frontend CSS v1.0.0 — Regon Craft */
.cbp-wrap{width:100%;}
.cbp-item{box-sizing:border-box;}
.cbp-title{margin:0 0 3px;}
.cbp-desc{margin:0;}
.cbp-body{flex:1;min-width:0;}
.cbp-wrap img{display:block;flex-shrink:0;}
@media(max-width:600px){
    .cbp-wrap[style*="grid-template-columns"]{grid-template-columns:1fr!important;}
}

/* ── Popup CBP — utilise le design rcsp de Craft Popup Notification ── */
.cbp-has-popup:hover { opacity: .88; transition: opacity .15s; }
.cbp-popup-indicator { vertical-align: middle; }

/* Import des styles rcsp nécessaires si Craft Popup Notification n'est pas installé */
.cbp-popup-overlay.rcsp-overlay {
    background: rgba(0,0,0,0.5);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    opacity: 0;
    pointer-events: none;
    transition: opacity .25s ease;
    display: flex !important;
}
.cbp-popup-overlay.rcsp-overlay.rcsp-open {
    opacity: 1;
    pointer-events: all;
}
.cbp-popup-overlay .rcsp-modal {
    transform: scale(.93) translateY(14px);
    transition: transform .3s cubic-bezier(.34,1.56,.64,1);
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    padding: 28px 24px 22px;
    width: 100%;
    position: relative;
    box-shadow: 0 20px 50px rgba(0,0,0,.15), 0 4px 12px rgba(0,0,0,.08);
    border-top: 4px solid #3181FF;
    background: #ffffff;
    overflow-y: auto;
    max-height: 90vh;
}
.cbp-popup-overlay.rcsp-open .rcsp-modal {
    transform: scale(1) translateY(0);
}
.cbp-popup-overlay .rcsp-close {
    position: absolute; top: 12px; right: 12px;
    width: 28px; height: 28px; border-radius: 50%;
    background: #f3f4f6; border: none; color: #9ca3af;
    font-size: 13px; cursor: pointer;
    display: flex; align-items: center; justify-content: center;
    transition: background .2s, color .2s; padding: 0; line-height: 1;
}
.cbp-popup-overlay .rcsp-close:hover { background: #fee2e2; color: #dc2626; }
.cbp-popup-overlay .rcsp-title {
    font-size: 1.2rem !important; font-weight: 700 !important;
    color: #1a202c !important; margin: 0 0 4px !important; line-height: 1.3 !important;
}
.cbp-popup-overlay .rcsp-subtitle {
    color: #4a5568; font-size: .9rem; margin: 0; line-height: 1.65;
}
.cbp-popup-overlay .rcsp-btn-row {
    display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
}
.cbp-popup-overlay .rcsp-btn {
    padding: 9px 20px; border-radius: 8px; font-size: 14px;
    font-weight: 600; cursor: pointer; border: none; transition: opacity .15s;
}
.cbp-popup-overlay .rcsp-btn--save { background: #3181FF; color: #fff !important; }
.cbp-popup-overlay .rcsp-btn--save:hover { opacity: .88; }
.cbp-popup-overlay .rcsp-btn--cancel {
    background: transparent; color: #6b7280 !important;
    border: 1.5px solid #e5e7eb !important;
}
.cbp-popup-overlay .rcsp-btn--cancel:hover { background: #f9fafb; }

@media (max-width: 560px) {
    .cbp-popup-overlay .rcsp-modal { padding: 20px 16px 18px; }
    .cbp-popup-overlay .rcsp-title { font-size: 1.05rem !important; }
}