/**
 * SWS Widerrufsbutton - Cancel Order Modal Styles
 *
 * This CSS file allows developers to freely customize the cancel order modal
 * without modifying template files. All inline styles serve as defaults;
 * override them here using the CSS classes and IDs listed below.
 *
 * ============================================================
 * CSS Class & ID Reference
 * ============================================================
 *
 * MODAL STRUCTURE (Hyva Theme - Alpine.js modals):
 *   .sws-cancel-modal-overlay    — Fixed fullscreen overlay container
 *   .sws-cancel-modal-backdrop   — Semi-transparent dark backdrop
 *   .sws-cancel-modal-dialog     — White dialog box (centered)
 *   .sws-cancel-modal-header     — Modal header (title + close button)
 *   .sws-cancel-modal-body       — Modal body (content, CAPTCHA, form)
 *   .sws-cancel-modal-footer     — Modal footer (action buttons)
 *
 * MODAL STRUCTURE (Luma Theme - jQuery UI modals):
 *   .sws-cancel-modal-popup              — Modal wrapper class (on Magento modal)
 *   .sws-cancel-modal-popup .modal-inner-wrap  — Inner dialog wrapper
 *
 * BUTTONS:
 *   #order-cancel                — Cancel/Submit button (unique ID)
 *   .sws-order-cancel-btn       — Cancel/Submit button (class)
 *   .sws-order-goback-btn       — Go Back / Close button (class)
 *   .sws-confirm-cancel-btn     — Luma confirm cancel button (legacy class)
 *
 * CHECKOUT SUCCESS PAGE (Hyva - uses BEM-style classes):
 *   .sws-modal-overlay           — Overlay
 *   .sws-modal-container         — Dialog container
 *   .sws-modal-header            — Header
 *   .sws-modal-title             — Title text
 *   .sws-modal-close             — Close (X) button
 *   .sws-modal-body              — Body
 *   .sws-modal-footer            — Footer
 *   .sws-btn-primary             — Primary action button
 *   .sws-btn-secondary           — Secondary action button
 *
 * CAPTCHA:
 *   .sws-captcha-wrapper         — CAPTCHA image + refresh container
 *   .sws-captcha-image           — CAPTCHA image
 *   .sws-refresh-btn             — Refresh CAPTCHA button
 *   .sws-captcha-input-wrapper   — Input field wrapper
 *   .sws-input-text              — CAPTCHA text input
 *   .sws-error-message           — Error message text
 *
 * SPINNER:
 *   .sws-spinner                 — Loading spinner (inside buttons)
 *
 * FLOATING BUTTON:
 *   #sws-guest-email-float       — Floating "Bestellung" link (bottom-right)
 *
 * ============================================================
 * EXAMPLES — Uncomment and modify as needed
 * ============================================================
 */

/* -----------------------------------------------------------
 * Example: Change cancel button to rounded blue
 * -----------------------------------------------------------
 * #order-cancel,
 * .sws-order-cancel-btn {
 *     border-radius: 8px !important;
 *     background: #2563eb !important;
 * }
 * #order-cancel:hover,
 * .sws-order-cancel-btn:hover {
 *     background: #1d4ed8 !important;
 * }
 */

/* -----------------------------------------------------------
 * Example: Change go-back button to rounded
 * -----------------------------------------------------------
 * .sws-order-goback-btn {
 *     border-radius: 8px !important;
 * }
 */

/* -----------------------------------------------------------
 * Example: Make the modal dialog wider
 * -----------------------------------------------------------
 * .sws-cancel-modal-dialog {
 *     max-width: 640px !important;
 * }
 */

/* -----------------------------------------------------------
 * Example: Change modal header background
 * -----------------------------------------------------------
 * .sws-cancel-modal-header {
 *     background: #f0f9ff !important;
 * }
 */

/* -----------------------------------------------------------
 * Example: Custom footer background
 * -----------------------------------------------------------
 * .sws-cancel-modal-footer {
 *     background: #ffffff !important;
 * }
 */

/* -----------------------------------------------------------
 * Example: Style the floating "Bestellung" button
 * -----------------------------------------------------------
 * #sws-guest-email-float {
 *     border-radius: 50px !important;
 *     background: #059669 !important;
 *     box-shadow: 0 4px 14px rgba(5,150,105,.4) !important;
 * }
 */

/* -----------------------------------------------------------
 * Example: Luma modal button overrides
 * -----------------------------------------------------------
 * .sws-cancel-modal-popup .sws-order-cancel-btn {
 *     border-radius: 8px !important;
 *     background-color: #dc2626 !important;
 *     border-color: #dc2626 !important;
 * }
 * .sws-cancel-modal-popup .sws-order-goback-btn {
 *     border-radius: 8px !important;
 * }
 */

#order-cancel{
    padding: 5px 10px;
    border-radius: 5px;
}