/**
 * 🔱 RBN Core - Framework [v0.9.7]
 * 🏛️ ARCHITECTURE  : RBN Asset Engine
 * ---------------------------------------
 * 🛰️ COMPONENT     : RbnKit v1.0
 * ⚓ RESOURCE      : rbnSalesConsent.css [Core]
 * 🛡️ STATUS        : Verified & Proxied
 * ---------------------------------------
 */

/* ==========================================================================
   RBN SALES CONSENT (components/rbnSalesConsent.css) 🧾
   Pre-information confirmation of the payment step (view part `sales_consent`). Tokens only; text is never below 1rem (16px = 12pt, docs
   `yasal/eticaret-mesafeli-satis.md` rule B). The checkbox itself is the engine's `.rbn-form-check` / `.rbn-form-check-input` (core/forms.css).
   ========================================================================== */

.rbn-sales-consent {
    display: grid;
    gap: var(--rbn-space-4, 1rem);
    padding: var(--rbn-space-4, 1rem);
    border: 1px solid var(--rbn-border, #e2e8f0);
    border-radius: var(--rbn-radius-md, 8px);
    background: var(--rbn-bg-surface, #ffffff);
    color: var(--rbn-text, inherit);
    font-size: 1rem;
    line-height: 1.6;
}

.rbn-sales-consent__withdrawal,
.rbn-sales-consent__notice {
    margin: 0;
}

.rbn-sales-consent__notice {
    font-weight: 600;
}

.rbn-sales-consent .rbn-form-check {
    margin: 0;
    min-height: 2.75rem; /* 44px: touch target of the whole row */
    padding-left: 2rem;
}

.rbn-sales-consent .rbn-form-check-input {
    float: left;
    margin-left: -2rem;
}

.rbn-sales-consent__label {
    display: block;
    cursor: pointer;
    overflow-wrap: anywhere;
}

.rbn-sales-consent__label a {
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 0.2em;
}

.rbn-sales-consent .rbn-form-check-input:focus-visible {
    outline: 2px solid var(--rbn-primary, #3b82f6);
    outline-offset: 2px;
}