.eu-withdrawal-form {
    padding: 20px;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    margin-bottom: 20px;
}

.eu-withdrawal-form h1 {
    font-size: 24px;
    margin-bottom: 20px;
}

.eu-withdrawal-form .form-group {
    margin-bottom: 1.5rem;
}

.eu-withdrawal-form .alert {
    margin-bottom: 24px;
}

.eu-withdrawal-form .account-link {
    display: inline-flex;
    align-items: center;
    margin-top: 24px;
    font-weight: 600;
}

.eu-withdrawal-form .account-link i {
    margin-right: 8px;
}

#withdrawal-link .link-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 5px;
    text-align: center;
    margin-bottom: 15px;
    height: 100%;
}

#withdrawal-link .link-item i {
    font-size: 32px;
    margin-bottom: 10px;
    color: #4169E1;
}

#footer_withdrawal_list li {
    margin-bottom: 8px;
}

.withdrawal-products-table {
    font-size: 0.9rem;
}

.withdrawal-products-table th {
    background-color: #f8f9fa;
}

.product-qty-input {
    display: inline-block;
}

.product-checkbox {
    transform: scale(1.2);
    cursor: pointer;
}

/* Margin on top of the footer module to avoid overlapping with store info */
.eu-withdrawal-footer {
    margin-top: 2.5rem;
}

.eu-withdrawal-btn {
    display: inline-flex;
    align-items: center;
    background-color: #f8f9fa;
    border: 1px solid #ddd;
    color: #333;
    transition: all 0.2s ease;
    text-transform: none;
    font-size: 0.85rem;
    padding: 0.3rem 0.6rem;
}

.eu-withdrawal-btn:hover {
    background-color: #4169E1;
    color: #fff;
    border-color: #4169E1;
}

.eu-withdrawal-btn i {
    font-size: 1rem;
    margin-right: 4px;
}

/* Modal specific styles */
.rotating {
    animation: spin 2s linear infinite;
}

/* Custom buttons to bypass theme broken classes */
.eu-btn-outline-secondary {
    color: #495057 !important;
    background-color: transparent !important;
    border: 1px solid #ced4da !important;
    transition: all 0.2s ease-in-out;
}

.eu-btn-outline-secondary:hover {
    color: #fff !important;
    background-color: #6c757d !important;
    border-color: #6c757d !important;
}

.eu-btn-outline-danger {
    color: #ef5350 !important;
    background-color: transparent !important;
    border: 1px solid #ef5350 !important;
    transition: all 0.2s ease-in-out;
}

.eu-btn-outline-danger:hover {
    color: #fff !important;
    background-color: #ef5350 !important;
    border-color: #ef5350 !important;
}

@keyframes rotate {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

.eu-modal-table th, .eu-modal-table td {
    padding: 12px;
}

.eu-qty-group .btn {
    box-shadow: none !important;
}

.eu-qty-group input[type="number"]::-webkit-inner-spin-button, 
.eu-qty-group input[type="number"]::-webkit-outer-spin-button { 
    -webkit-appearance: none; 
    margin: 0; 
}
.eu-qty-group input[type="number"] {
    -moz-appearance: textfield;
}

/* Hide native PrestaShop return UI since we use the custom withdrawal system */
#order-return-form .box:has(button[name="submitReturnMerchandise"]) {
    display: none !important;
}

/* Hide native return checkboxes in the table header */
#order-return-form thead th:has(input[type="checkbox"]) {
    display: none !important;
}

/* Hide native return checkboxes in the table body */
#order-return-form tbody td:has(input[type="checkbox"]:not(.modal-product-checkbox)) {
    display: none !important;
}

/* Hide native return quantity select in the table */
#order-return-form tbody td:has(select[name^="order_qte_input"]) {
    display: none !important;
}