diff --git a/src/app/pages/cart/cart.component.html b/src/app/pages/cart/cart.component.html index 0e5d8ee..3036b35 100644 --- a/src/app/pages/cart/cart.component.html +++ b/src/app/pages/cart/cart.component.html @@ -263,58 +263,6 @@

{{ 'cart.paymentSuccess' | translate }}

- - -
} diff --git a/src/app/pages/cart/cart.component.scss b/src/app/pages/cart/cart.component.scss index a2f1e6e..882c39b 100644 --- a/src/app/pages/cart/cart.component.scss +++ b/src/app/pages/cart/cart.component.scss @@ -1010,100 +1010,6 @@ } } -.email-form { - display: flex; - flex-direction: column; - gap: 16px; - margin-top: 24px; - - .input-group { - display: flex; - flex-direction: column; - gap: 6px; - } - - .error-message { - color: var(--error-color); - font-size: var(--font-size-base, 0.875rem); - padding-left: 4px; - animation: slideDown 0.2s ease; - } - - @keyframes slideDown { - from { - opacity: 0; - transform: translateY(-4px); - } - to { - opacity: 1; - transform: translateY(0); - } - } - - .email-input { - width: 100%; - padding: 14px; - border: 1px solid #e5e7eb; - border-radius: var(--radius-sm, 8px); - font-size: var(--font-size-lg, 1rem); - outline: none; - transition: all 0.2s; - - &:focus { - border-color: var(--primary-color); - box-shadow: 0 0 0 3px rgba(73, 118, 113, 0.1); - } - - &.valid { - border-color: #10b981; - background-color: #f0fdf4; - - &:focus { - border-color: #10b981; - box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.1); - } - } - - &.invalid { - border-color: #ef4444; - background-color: #fef2f2; - - &:focus { - border-color: #ef4444; - box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1); - } - } - } - - .submit-email-btn { - padding: 14px; - background: var(--primary-color); - color: white; - border: none; - border-radius: var(--radius-lg, 13px); - font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; - font-size: var(--font-size-lg, 1rem); - font-weight: var(--font-weight-bold, 700); - cursor: pointer; - display: flex; - align-items: center; - justify-content: center; - gap: 8px; - transition: all 0.2s; - - &:hover:not(:disabled) { - background: var(--primary-hover); - transform: translateY(-1px); - box-shadow: 0 4px 12px rgba(73, 118, 113, 0.3); - } - - &:disabled { - opacity: 0.6; - cursor: not-allowed; - } - } -} - // Mobile responsive @media (max-width: 768px) { .cart-content {