/* Checkout Pro · variables comunes. --ckp-primary lo pone el módulo desde la configuración. */
:root {
    --ckp-primary: #111;
    --ckp-on-primary: #fff;
    --ckp-text: #1a1a1a;
    --ckp-muted: #666;
    --ckp-ground: #f4f3f1;
    --ckp-surface: #fff;
    --ckp-line: #e3e1dd;
    --ckp-line-strong: #b9b6b0;
    --ckp-ok: #1a7f37;
    /* objetivo conseguido en la barra (envío gratis, regalo...); lo pone el módulo desde la configuración */
    --ckp-reached: #2e7d5b;
    --ckp-radius: 8px;
    --ckp-btn-height: 52px;
    --ckp-pad: 20px;
    /* distancia del resumen fijo al borde de arriba: la altura de la cabecera si el tema la deja fija */
    --ckp-sticky-top: 0px;
    --ckp-drawer-width: 480px;
}

a.ckp-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 44px;
    padding: 0 16px;
    border: 1px solid var(--ckp-primary);
    border-radius: 999px;
    background: var(--ckp-surface);
    color: var(--ckp-primary) !important;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    transition: background-color .15s ease, color .15s ease;
}

a.ckp-btn:hover,
a.ckp-btn:focus-visible {
    background: var(--ckp-primary);
    color: var(--ckp-on-primary) !important;
    text-decoration: none;
}

/* El color va con !important: los temas pintan los enlaces con selectores muy específicos */
.ckp-btn--primary,
.ckp-btn--primary:link,
.ckp-btn--primary:visited,
.ckp-btn--primary:hover,
.ckp-btn--primary:focus-visible {
    min-height: var(--ckp-btn-height);
    background: var(--ckp-primary);
    color: var(--ckp-on-primary) !important;
    font-size: 16px;
}

.ckp-btn--primary:hover {
    opacity: .9;
}

.ckp-link {
    padding: 0;
    border: 0;
    background: none;
    color: inherit;
    font: inherit;
    text-decoration: underline;
    text-underline-offset: 3px;
    cursor: pointer;
}

.ckp-trust {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin: 12px 0 0;
    font-size: 13px;
    color: var(--ckp-muted);
}