.bg-noar-dark-green {
    background-color: #0A2D24;
}

@media only screen and (min-width: 992px) {
    .alert-w50 {
        width:50%;
    }
}
@media only screen and (max-width: 991px) {
    .alert-w50 {
        width:90%;
    }
}

.error-message {
    color: #dc3545!important;
}

.alert-success {
    background-color: #57EBAD;
    border-color: #57EBAD;
}

:root { --brand-accent:#57EBAD; }

/* Aligner checkbox, label, picto */
.form-check-help{ display:flex; align-items:center; gap:.375rem; }
.form-check-help .form-check-label{ margin-bottom:0; }

.option-help{
    appearance:none; -webkit-appearance:none;
    border:1px solid var(--brand-accent);   /* ✅ bordure verte visible au repos */
    background:transparent;
    padding:0; margin-left:.25rem;
    width:1.35rem; height:1.35rem; border-radius:50%;
    display:inline-flex; align-items:center; justify-content:center;
    line-height:1; cursor:pointer;
    color:var(--brand-accent);              /* seul le “i” est vert au repos */
    transition: background-color .15s ease, color .15s ease,
    box-shadow .15s ease, border-color .15s ease;
}

.option-help-i{
    font-size:.95rem; font-weight:700;
    font-family:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans";
    transform: translateY(-.5px);
}

/* Au hover/focus : fond vert, “i” blanc, bordure verte */
.option-help:hover,
.option-help:focus-visible{
    background-color:var(--brand-accent);
    color:#fff;
    border-color:var(--brand-accent);       /* ✅ bordure conservée */
}

/* Focus accessible */
.option-help:focus-visible{
    outline:none;
    box-shadow:0 0 0 .2rem color-mix(in srgb, var(--brand-accent) 25%, transparent);
}

/* Popover lisible */
.popover{ max-width:280px; }

@media (prefers-reduced-motion: reduce){
    .option-help{ transition:none; }
}

.modal-footer {
    justify-content: space-between;
}

.modal .modal-header {
    background: linear-gradient(90deg, #0A2D24, #0A2D24);
}

.modal .modal-title {
    color: white;
}

/* Panier buttons qty-actions */
div.qty-actions button.btn-success {
    color: black;
    background-color: #57EBAD;
}
div.qty-actions button.btn-success:hover {
    color: #57EBAD;
    background-color: black;
}