/* Phyto SystemPay - bandeau abonnement du panier (charte CBD.fr, cf. subscriptions.css). */
.sp-line-subscription {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-top: 12px;
    padding: 12px 16px;
    border-radius: 12px;
    background: #d9ede2;
    border: 1px solid #d9ede2;
    flex-wrap: wrap;
}

.sp-line-subscription button:hover {
    background: inherit;
}

.sp-line-subscription.is-active {
    background: #125b3a;
    border-color: #125b3a;
}

.sp-line-subscription__toggle {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    flex: 1;
    min-width: 0;
}

.sp-line-subscription__checkbox {
    width: 20px;
    height: 20px;
    accent-color: #FBF9F2;
    flex-shrink: 0;
}

.sp-line-subscription__freq {
    background: none;
    border: none;
    padding: 0;
    font-size: 14px;
    font-weight: 600;
    text-decoration: underline;
    color: #5C6657;
    cursor: pointer;
    text-align: left;
    white-space: nowrap;
}

.sp-line-subscription.is-active .sp-line-subscription__freq { color: #FBF9F2; }

.sp-line-subscription__badge {
    display: inline-block;
    padding: 3px 9px;
    border-radius: 999px;
    background: #135B3A;
    color: #D9EDE2;
    font-size: 12px;
    font-weight: 700;
}

.sp-line-subscription__edit {
    background: none;
    border: 1px solid #135B3A;
    border-radius: 8px;
    width: 32px;
    height: 32px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #135B3A;
    cursor: pointer;
    flex-shrink: 0;
}

.sp-line-subscription.is-active .sp-line-subscription__edit {
    border-color: rgba(251, 249, 242, .35);
    color: #d9ede2;
}

.sp-line-subscription__saving {
    width: 100%;
    font-size: 12.5px;
    color: #135B3A;
}

.sp-line-subscription.is-active .sp-line-subscription__saving { color: #D9EDE2; }

@media (max-width: 575px) {
    .sp-line-subscription { padding: 10px 12px; }
}