.woo-widerruf-trigger {
    display: inline-block;
    cursor: pointer;
}

/* ---------- "Already in widerruf process" — disabled trigger ------- */
/* Two render paths need the same look-and-feel:                       */
/*   1. Detail page: <span class="button woo-widerruf-customer-trigger */
/*      woo-widerruf-customer-trigger--disabled">                      */
/*   2. List action: WC turns the action key into the link's class →   */
/*      <a class="button woocommerce-button woo-widerruf-locked">.     */
/* Both are styled here, and pointer-events is disabled so clicks      */
/* (which would otherwise just append '#' to the URL) are inert.       */

.woo-widerruf-customer-trigger--disabled,
.woo-widerruf-customer-trigger.woo-widerruf-customer-trigger--disabled,
.woocommerce a.woo-widerruf-locked,
.woocommerce-MyAccount-content a.woo-widerruf-locked,
a.woo-widerruf-locked,
.woo-widerruf-customer-trigger--disabled:hover,
.woocommerce a.woo-widerruf-locked:hover,
.woocommerce a.woo-widerruf-locked:focus,
.woocommerce a.woo-widerruf-locked:active {
    background: #e2e8f0 !important;
    color: #64748b !important;
    border: 1px solid #cbd5e1 !important;
    cursor: not-allowed !important;
    pointer-events: none;
    box-shadow: none !important;
    text-decoration: none !important;
    text-shadow: none !important;
    opacity: 1;
}

.woo-widerruf-customer-trigger--disabled::before,
a.woo-widerruf-locked::before {
    content: "🔒\00a0";
    font-size: 0.9em;
    opacity: 0.85;
}

.woo-widerruf-form {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.woo-widerruf-form__field {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    margin: 0;
}

.woo-widerruf-form__field input,
.woo-widerruf-form__field textarea {
    width: 100%;
    padding: 0.5rem 0.625rem;
    border: 1px solid #cbd5e1;
    border-radius: 4px;
    font: inherit;
    box-sizing: border-box;
}

.woo-widerruf-form__field textarea {
    min-height: 80px;
    resize: vertical;
}

.woo-widerruf-form__actions {
    margin: 0;
}

.woo-widerruf-form__submit[disabled] {
    opacity: 0.6;
    cursor: progress;
}

/* Feedback container — visually transparent. The success message HTML
 * (from settings or the inline default) carries its own styling so the
 * container stays out of the way. Errors get a red wrapper via --error. */
.woo-widerruf-form__feedback {
    margin: 14px 0 0;
    padding: 0;
    background: transparent;
    color: inherit;
    border: 0;
    font-size: inherit;
}

.woo-widerruf-form__feedback--error {
    padding: 0.6rem 0.75rem;
    border-radius: 4px;
    background: #fef2f2;
    color: #991b1b;
    border: 1px solid #fecaca;
    font-size: 0.95rem;
}

.woo-widerruf-confirm__title {
    margin-top: 0;
}

.woo-widerruf-confirm__feedback {
    margin-top: 1rem;
    padding: 0.75rem 1rem;
    border-radius: 4px;
    background: #ecfdf5;
    color: #065f46;
    border: 1px solid #a7f3d0;
}

.woo-widerruf-confirm__feedback--error {
    background: #fef2f2;
    color: #991b1b;
    border-color: #fecaca;
}

/* ---------- Modal buttons ------------------------------------------- */

.woo-widerruf-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 18px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
    border: 1px solid transparent;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.15s ease, border-color 0.15s ease, transform 0.05s ease;
    font-family: inherit;
    min-height: 40px;
}

.woo-widerruf-btn:focus-visible {
    outline: 2px solid #2271b1;
    outline-offset: 2px;
}

.woo-widerruf-btn:active {
    transform: translateY(1px);
}

.woo-widerruf-btn--primary {
    background: #2271b1;
    color: #fff;
    border-color: #2271b1;
}
.woo-widerruf-btn--primary:hover,
.woo-widerruf-btn--primary:focus {
    background: #135e96;
    border-color: #135e96;
    color: #fff;
}

.woo-widerruf-btn--ghost {
    background: #fff;
    color: #475569;
    border-color: #cbd5e1;
}
.woo-widerruf-btn--ghost:hover,
.woo-widerruf-btn--ghost:focus {
    background: #f8fafc;
    color: #1e293b;
    border-color: #94a3b8;
}

.woo-widerruf-btn--danger {
    background: #dc2626;
    color: #fff;
    border-color: #dc2626;
}
.woo-widerruf-btn--danger:hover,
.woo-widerruf-btn--danger:focus {
    background: #b91c1c;
    border-color: #b91c1c;
    color: #fff;
}

.woo-widerruf-btn[disabled] {
    opacity: 0.6;
    cursor: progress;
    transform: none;
}

.woo-widerruf-form__actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin: 16px 0 0;
}

/* ---------- Customer dialog: prompt + confirm step ----------------- */

.woo-widerruf-customer-form__prompt {
    margin: 14px 0 0;
    padding: 10px 12px;
    background: #f1f5f9;
    border-radius: 6px;
    color: #1e293b;
    font-size: 14px;
    font-weight: 500;
}

.woo-widerruf-customer-form__confirm-step {
    text-align: center;
    padding: 8px 4px 4px;
}

.woo-widerruf-customer-form__confirm-icon {
    width: 56px;
    height: 56px;
    margin: 0 auto 14px;
    border-radius: 50%;
    background: #fef3c7;
    color: #b45309;
    font-size: 28px;
    font-weight: 700;
    line-height: 56px;
    text-align: center;
}

.woo-widerruf-customer-form__confirm-title {
    margin: 0 0 8px;
    font-size: 18px;
    font-weight: 600;
    color: #1e293b;
}

.woo-widerruf-customer-form__confirm-text {
    margin: 0 0 18px;
    color: #475569;
    line-height: 1.5;
    font-size: 14px;
}

.woo-widerruf-customer-form__confirm-step .woo-widerruf-form__actions {
    justify-content: center;
}