body.kolbeh-body.page-account #main-content { background: var(--kolbeh-page-bg); } body.kolbeh-body.page-account .account-layout { max-width: 100% !important; width: 100%; } body.kolbeh-body .account-sidebar { background: var(--kolbeh-white) !important; border: 1px solid rgba(124, 58, 237, 0.14) !important; border-radius: 22px !important; box-shadow: var(--kolbeh-shadow-card) !important; padding: 1rem !important; } body.kolbeh-body .account-sidebar__profile { border-bottom-color: rgba(124, 58, 237, 0.1) !important; padding-bottom: 0.85rem !important; } body.kolbeh-body .account-sidebar__avatar { background: var(--kolbeh-purple-light) !important; border: 2px solid rgba(124, 58, 237, 0.2) !important; color: var(--kolbeh-purple) !important; box-shadow: none !important; } body.kolbeh-body .account-sidebar__name { color: var(--kolbeh-purple-dark) !important; font-weight: 800 !important; } body.kolbeh-body .account-sidebar__phone { color: var(--kolbeh-text-muted) !important; } body.kolbeh-body .account-sidebar__link { color: var(--kolbeh-text) !important; font-weight: 600 !important; border-radius: 14px !important; } body.kolbeh-body .account-sidebar__link:hover, body.kolbeh-body .account-sidebar__link:focus { color: var(--kolbeh-purple-dark) !important; background: var(--kolbeh-purple-light) !important; border-color: transparent !important; } body.kolbeh-body .account-sidebar__link.is-active, body.kolbeh-body .account-sidebar__link.is-active:hover, body.kolbeh-body .account-sidebar__link.is-active:focus { color: var(--kolbeh-purple-dark) !important; background: var(--kolbeh-purple-light) !important; border-color: rgba(124, 58, 237, 0.22) !important; box-shadow: inset 3px 0 0 var(--kolbeh-purple) !important; } body.kolbeh-body[data-dir="ltr"] .account-sidebar__link.is-active { box-shadow: inset -3px 0 0 var(--kolbeh-purple) !important; } body.kolbeh-body .account-sidebar__icon { display: inline-grid !important; place-items: center !important; width: 2rem !important; height: 2rem !important; border-radius: 10px !important; background: rgba(124, 58, 237, 0.08) !important; border: 1px solid rgba(124, 58, 237, 0.12) !important; color: var(--kolbeh-purple) !important; font-size: 0.95rem !important; } body.kolbeh-body .account-sidebar__link.is-active .account-sidebar__icon { background: rgba(124, 58, 237, 0.16) !important; border-color: rgba(124, 58, 237, 0.24) !important; } body.kolbeh-body .account-sidebar__footer { border-top-color: rgba(124, 58, 237, 0.1) !important; padding-top: 0.65rem !important; } body.kolbeh-body .account-sidebar__link--logout { justify-content: center !important; color: #dc2626 !important; background: #fef2f2 !important; border: 1px solid rgba(239, 68, 68, 0.28) !important; box-shadow: none !important; } body.kolbeh-body .account-sidebar__link--logout .account-sidebar__icon { color: #ef4444 !important; background: rgba(254, 226, 226, 0.9) !important; border-color: rgba(239, 68, 68, 0.22) !important; } body.kolbeh-body .account-sidebar__link--logout:hover { color: #b91c1c !important; background: #fee2e2 !important; border-color: rgba(239, 68, 68, 0.4) !important; transform: none !important; } body.kolbeh-body .account-page-title { color: var(--kolbeh-purple-dark) !important; font-weight: 800 !important; } body.kolbeh-body .account-page-subtitle { color: var(--kolbeh-text-muted) !important; } body.kolbeh-body .account-page-subtitle--alert { color: #b45309 !important; } body.kolbeh-body .account-stat-card { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.35rem; min-height: 6.5rem; padding: 1.1rem 0.85rem; text-align: center; background: var(--kolbeh-white); border: 1px solid rgba(124, 58, 237, 0.12); border-radius: 18px; box-shadow: var(--kolbeh-shadow-card); transition: transform 0.2s ease, box-shadow 0.2s ease; } body.kolbeh-body .account-stat-card:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(124, 58, 237, 0.1); } body.kolbeh-body .account-stat-card__icon { display: inline-grid; place-items: center; width: 2.5rem; height: 2.5rem; border-radius: 12px; font-size: 1.15rem; } body.kolbeh-body .account-stat-card--orders .account-stat-card__icon { background: var(--kolbeh-purple-light); color: var(--kolbeh-purple); } body.kolbeh-body .account-stat-card--pending .account-stat-card__icon { background: #fef3c7; color: #d97706; } body.kolbeh-body .account-stat-card--wallet .account-stat-card__icon { background: #d1fae5; color: #059669; } body.kolbeh-body .account-stat-card__value { font-size: clamp(1.25rem, 3vw, 1.65rem); font-weight: 800; line-height: 1.2; color: var(--kolbeh-purple-dark); } body.kolbeh-body .account-stat-card--pending .account-stat-card__value { color: #d97706; } body.kolbeh-body .account-stat-card--wallet .account-stat-card__value { color: #059669; font-size: clamp(1rem, 2.5vw, 1.35rem); } body.kolbeh-body .account-stat-card__label { font-size: 0.8rem; font-weight: 600; color: var(--kolbeh-text-muted); } body.kolbeh-body .account-panel { background: var(--kolbeh-white) !important; border: 1px solid rgba(124, 58, 237, 0.14) !important; border-radius: 22px !important; box-shadow: var(--kolbeh-shadow-card) !important; color: var(--kolbeh-text) !important; } body.kolbeh-body .account-panel__head { border-bottom-color: rgba(124, 58, 237, 0.1) !important; } body.kolbeh-body .account-panel__title, body.kolbeh-body .account-orders-section__title { color: var(--kolbeh-purple-dark) !important; } body.kolbeh-body .account-panel__more { color: var(--kolbeh-purple) !important; background: var(--kolbeh-purple-light) !important; border-color: rgba(124, 58, 237, 0.2) !important; } body.kolbeh-body .account-recent-order-card, body.kolbeh-body .account-order-card { background: var(--kolbeh-white) !important; border-color: rgba(124, 58, 237, 0.14) !important; box-shadow: inset 3px 0 0 var(--kolbeh-purple) !important; color: var(--kolbeh-text) !important; } body.kolbeh-body .account-recent-order-card__no { color: var(--kolbeh-purple-dark) !important; } body.kolbeh-body .account-recent-order-card__date, body.kolbeh-body .account-order-card__hint, body.kolbeh-body .account-order-card__items { color: var(--kolbeh-text-muted) !important; } body.kolbeh-body .account-recent-order-card__total, body.kolbeh-body .account-order-card__total-label { color: var(--kolbeh-purple-dark) !important; } body.kolbeh-body .account-order-card__foot { border-top-color: rgba(124, 58, 237, 0.1) !important; } body.kolbeh-body .account-order-card__detail-btn { color: var(--kolbeh-purple-dark) !important; background: var(--kolbeh-purple-light) !important; border-color: rgba(124, 58, 237, 0.22) !important; } body.kolbeh-body .account-orders-section--attention .account-orders-section__head { background: #fffbeb !important; border-color: rgba(245, 158, 11, 0.28) !important; } body.kolbeh-body .account-orders-section--settled .account-orders-section__head { background: var(--kolbeh-purple-light) !important; border-color: rgba(124, 58, 237, 0.14) !important; } body.kolbeh-body .account-orders-section__hint { color: var(--kolbeh-text-muted) !important; } body.kolbeh-body .account-badge { border-radius: 999px; font-weight: 700; font-size: 0.72rem; } body.kolbeh-body .account-badge--delivered, body.kolbeh-body .account-badge--confirmed { background: #d1fae5 !important; color: #047857 !important; } body.kolbeh-body .account-badge--pending, body.kolbeh-body .account-badge--processing { background: #fef3c7 !important; color: #b45309 !important; } body.kolbeh-body .account-badge--cancelled { background: #fee2e2 !important; color: #b91c1c !important; } body.kolbeh-body .account-badge--pay-paid { background: #d1fae5 !important; color: #047857 !important; } body.kolbeh-body .account-badge--pay-unpaid { background: #fef3c7 !important; color: #b45309 !important; } body.kolbeh-body .account-wallet-balance { display: flex; align-items: center; gap: 1rem; margin-bottom: 1.25rem; padding: 1.35rem 1.5rem !important; background: linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%) !important; border-radius: 22px !important; border: none !important; box-shadow: 0 12px 32px rgba(124, 58, 237, 0.22) !important; color: #fff !important; } body.kolbeh-body .account-wallet-balance__icon { display: grid; place-items: center; width: 3.25rem; height: 3.25rem; flex-shrink: 0; border-radius: 14px; background: rgba(255, 255, 255, 0.16) !important; border: 1px solid rgba(255, 255, 255, 0.28) !important; color: #fff !important; font-size: 1.35rem; box-shadow: none !important; } body.kolbeh-body .account-wallet-balance__label { font-size: 0.82rem !important; font-weight: 600 !important; color: rgba(255, 255, 255, 0.88) !important; } body.kolbeh-body .account-wallet-balance__value { font-size: clamp(1.4rem, 4.5vw, 1.85rem) !important; font-weight: 800 !important; line-height: 1.2 !important; color: #fff !important; letter-spacing: 0.01em; } body.kolbeh-body .account-wallet-panel .account-panel__head { border-bottom-color: rgba(124, 58, 237, 0.1) !important; } body.kolbeh-body .account-wallet-panel .account-recent-orders__empty { padding: 2rem 1rem !important; text-align: center; font-size: 0.9rem !important; color: var(--kolbeh-text-muted) !important; } body.kolbeh-body .account-wallet-tx-card { background: var(--kolbeh-white) !important; border-color: rgba(124, 58, 237, 0.12) !important; box-shadow: inset 3px 0 0 var(--tx-accent, var(--kolbeh-purple)) !important; } body.kolbeh-body .account-wallet-tx-card__desc { color: var(--kolbeh-text) !important; } body.kolbeh-body .account-wallet-tx-card__date { color: var(--kolbeh-text-muted) !important; } body.kolbeh-body .account-wallet-tx-card__amount--deposit { color: #059669 !important; } body.kolbeh-body .account-wallet-tx-card__amount--withdrawal { color: #dc2626 !important; } body.kolbeh-body .account-wallet-info { border-color: rgba(124, 58, 237, 0.14) !important; background: var(--kolbeh-purple-light) !important; } body.kolbeh-body .account-wallet-info__icon { background: rgba(124, 58, 237, 0.12) !important; color: var(--kolbeh-purple) !important; } body.kolbeh-body .account-wallet-info__text { color: var(--kolbeh-text-muted) !important; } body.kolbeh-body .account-wallet-info__text strong { color: var(--kolbeh-purple-dark) !important; } body.kolbeh-body .account-wallet-alert--warning { color: #92400e !important; background: #fef3c7 !important; border-color: rgba(245, 158, 11, 0.35) !important; } body.kolbeh-body .account-wallet-form__label { color: var(--kolbeh-text) !important; } body.kolbeh-body .account-wallet-form__control, body.kolbeh-body .account-wallet-form .form-control { border-color: rgba(124, 58, 237, 0.18) !important; background: var(--kolbeh-gray-100) !important; color: var(--kolbeh-text) !important; } body.kolbeh-body .account-wallet-form__control:focus, body.kolbeh-body .account-wallet-form .form-control:focus { border-color: rgba(124, 58, 237, 0.45) !important; background: var(--kolbeh-white) !important; box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.12) !important; } body.kolbeh-body .account-wallet-form__control--readonly { background: #f1f5f9 !important; color: var(--kolbeh-text-muted) !important; } body.kolbeh-body .account-wallet-sheba-group { border-color: rgba(124, 58, 237, 0.18) !important; background: var(--kolbeh-gray-100) !important; } body.kolbeh-body .account-wallet-sheba-group:focus-within { border-color: rgba(124, 58, 237, 0.45) !important; box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.12) !important; } body.kolbeh-body .account-wallet-sheba-group__prefix { color: var(--kolbeh-purple) !important; background: rgba(124, 58, 237, 0.08) !important; border-inline-end-color: rgba(124, 58, 237, 0.14) !important; } body.kolbeh-body .account-wallet-max-btn { border-color: rgba(124, 58, 237, 0.22) !important; background: var(--kolbeh-purple-light) !important; color: var(--kolbeh-purple-dark) !important; } body.kolbeh-body .account-wallet-max-btn:hover:not(:disabled), body.kolbeh-body .account-wallet-max-btn:focus-visible:not(:disabled) { background: rgba(124, 58, 237, 0.14) !important; border-color: rgba(124, 58, 237, 0.35) !important; } body.kolbeh-body .account-wallet-form__hint { color: var(--kolbeh-text-muted) !important; } body.kolbeh-body .account-profile-hero { display: flex; align-items: center; gap: 1rem; padding: 1.25rem !important; } body.kolbeh-body .account-profile-hero__avatar { background: var(--kolbeh-purple-light) !important; border: 2px solid rgba(124, 58, 237, 0.2) !important; color: var(--kolbeh-purple) !important; } body.kolbeh-body .account-profile-section__icon { background: var(--kolbeh-purple-light) !important; color: var(--kolbeh-purple) !important; border-color: rgba(124, 58, 237, 0.16) !important; } body.kolbeh-body .account-profile-section__title { color: var(--kolbeh-purple-dark) !important; } body.kolbeh-body .account-profile-section__hint { color: var(--kolbeh-text-muted) !important; } body.kolbeh-body .account-profile-form__submit { background: var(--kolbeh-yellow) !important; border-color: var(--kolbeh-yellow) !important; color: var(--kolbeh-text) !important; border-radius: var(--kolbeh-radius-pill) !important; font-weight: 800 !important; } body.kolbeh-body .account-profile-form__submit:hover { background: var(--kolbeh-yellow-hover) !important; border-color: var(--kolbeh-yellow-hover) !important; } body.kolbeh-body .account-address-card, body.kolbeh-body .account-wishlist-card, body.kolbeh-body .account-notification-card, body.kolbeh-body .account-ticket-card, body.kolbeh-body .account-recent-order-card.account-ticket-card { background: var(--kolbeh-white) !important; border-color: rgba(124, 58, 237, 0.12) !important; box-shadow: var(--kolbeh-shadow-card) !important; } body.kolbeh-body .account-address-card.is-default { border-color: rgba(124, 58, 237, 0.35) !important; background: linear-gradient(135deg, #faf8ff 0%, #fff 100%) !important; } body.kolbeh-body .account-address-card__icon { background: var(--kolbeh-purple-light) !important; color: var(--kolbeh-purple) !important; border-color: rgba(124, 58, 237, 0.16) !important; } body.kolbeh-body .account-address-add-btn { background: var(--kolbeh-yellow) !important; border-color: var(--kolbeh-yellow) !important; color: var(--kolbeh-text) !important; border-radius: var(--kolbeh-radius-pill) !important; } body.kolbeh-body .text-primary { color: var(--kolbeh-purple) !important; } body.kolbeh-body .account-order-card__paybar { background: #fffbeb !important; border-bottom-color: rgba(245, 158, 11, 0.22) !important; } body.kolbeh-body .account-order-card__paybar-label { color: #92400e !important; } body.kolbeh-body .account-order-card__paybar-hint { color: #b45309 !important; } body.kolbeh-body .account-order-card__paybar-btn { background: var(--kolbeh-yellow) !important; border-color: var(--kolbeh-yellow) !important; color: var(--kolbeh-text) !important; } body.kolbeh-body .account-notification-card--unread { background: linear-gradient(135deg, #faf8ff 0%, #fff 100%) !important; border-color: rgba(124, 58, 237, 0.22) !important; } body.kolbeh-body .account-notification-card__icon { background: var(--kolbeh-purple-light) !important; color: var(--kolbeh-purple) !important; } body.kolbeh-body .account-ticket-bubble.is-user { background: var(--kolbeh-purple-light) !important; border-color: rgba(124, 58, 237, 0.16) !important; color: var(--kolbeh-text) !important; } body.kolbeh-body .account-ticket-bubble.is-staff { background: var(--kolbeh-white) !important; border-color: rgba(124, 58, 237, 0.12) !important; } body.kolbeh-body .account-ticket-hero { background: linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%) !important; border-radius: 18px !important; } body.kolbeh-body .account-empty__icon { background: var(--kolbeh-purple-light) !important; color: var(--kolbeh-purple) !important; border-color: rgba(124, 58, 237, 0.2) !important; } body.kolbeh-body .account-empty__title { color: var(--kolbeh-purple-dark) !important; } body.kolbeh-body .account-empty__text { color: var(--kolbeh-text-muted) !important; } body.kolbeh-body .account-back-btn { color: var(--kolbeh-purple-dark) !important; background: var(--kolbeh-purple-light) !important; border: 1px solid rgba(124, 58, 237, 0.2) !important; box-shadow: none !important; border-radius: var(--kolbeh-radius-pill) !important; } body.kolbeh-body .account-orders-filter { background: var(--kolbeh-white) !important; border-color: rgba(124, 58, 237, 0.12) !important; } body.kolbeh-body .account-orders-filter__tab { color: var(--kolbeh-text-muted) !important; } body.kolbeh-body .account-orders-filter__tab--active { color: var(--kolbeh-purple-dark) !important; background: var(--kolbeh-purple-light) !important; border-color: rgba(124, 58, 237, 0.28) !important; } body.kolbeh-body.page-account .account-layout.container, body.kolbeh-body.page-account .account-layout.kolbeh-container { max-width: 100% !important; } body.kolbeh-body .address-modal-premium__dialog { max-width: min(94vw, 560px); } body.kolbeh-body .address-modal-premium .address-modal-premium__panel { color-scheme: light !important; color: var(--kolbeh-text) !important; background: var(--kolbeh-white) !important; border: 1px solid rgba(124, 58, 237, 0.16) !important; box-shadow: 0 24px 56px rgba(124, 58, 237, 0.14), 0 8px 20px rgba(0, 0, 0, 0.06) !important; } body.kolbeh-body .address-modal-premium .address-modal-premium__panel::before { background: linear-gradient(90deg, rgba(124, 58, 237, 0.35), rgba(109, 40, 217, 0.9), rgba(124, 58, 237, 0.35)) !important; } body.kolbeh-body .address-modal-premium .address-modal-premium__panel::after { background: radial-gradient(circle, rgba(124, 58, 237, 0.1), transparent 70%) !important; } body.kolbeh-body .address-modal-premium__head { border-bottom-color: rgba(124, 58, 237, 0.1) !important; background: linear-gradient(180deg, var(--kolbeh-purple-light) 0%, transparent 100%) !important; } body.kolbeh-body .address-modal-premium__icon { background: var(--kolbeh-purple-light) !important; border: 2px solid rgba(124, 58, 237, 0.2) !important; color: var(--kolbeh-purple) !important; box-shadow: none !important; } body.kolbeh-body .address-modal-premium__title { color: var(--kolbeh-purple-dark) !important; } body.kolbeh-body .address-modal-premium__subtitle { color: var(--kolbeh-text-muted) !important; } body.kolbeh-body .address-modal-premium__close { background: var(--kolbeh-white) !important; border-color: rgba(124, 58, 237, 0.18) !important; color: var(--kolbeh-text-muted) !important; box-shadow: 0 2px 8px rgba(124, 58, 237, 0.08) !important; } body.kolbeh-body .address-modal-premium__close:hover { border-color: rgba(124, 58, 237, 0.35) !important; background: var(--kolbeh-purple-light) !important; color: var(--kolbeh-purple-dark) !important; } body.kolbeh-body .address-modal-premium__body { background: var(--kolbeh-white) !important; } body.kolbeh-body .address-modal-premium__label { margin-bottom: 0.45rem !important; color: var(--kolbeh-text) !important; font-size: 0.8rem !important; font-weight: 600 !important; } body.kolbeh-body .address-modal-premium__control, body.kolbeh-body .address-modal-premium .form-control.address-modal-premium__control { background-color: var(--kolbeh-gray-100) !important; border: 1px solid rgba(124, 58, 237, 0.18) !important; color: var(--kolbeh-text) !important; -webkit-text-fill-color: var(--kolbeh-text) !important; } body.kolbeh-body .address-modal-premium .form-select.address-modal-premium__control { background-color: var(--kolbeh-gray-100) !important; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%237c3aed' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important; background-repeat: no-repeat !important; background-position: left 0.75rem center !important; background-size: 14px 10px !important; padding-inline-end: 2.2rem !important; appearance: none !important; -webkit-appearance: none !important; } body.kolbeh-body[data-dir="ltr"] .address-modal-premium .form-select.address-modal-premium__control { background-position: right 0.75rem center !important; } body.kolbeh-body .address-modal-premium__control::placeholder { color: var(--kolbeh-text-muted) !important; opacity: 0.75; } body.kolbeh-body .address-modal-premium__control:focus, body.kolbeh-body .address-modal-premium .form-control.address-modal-premium__control:focus { border-color: rgba(124, 58, 237, 0.45) !important; background-color: var(--kolbeh-white) !important; color: var(--kolbeh-text) !important; box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.12) !important; } body.kolbeh-body .address-modal-premium .form-select.address-modal-premium__control:focus { border-color: rgba(124, 58, 237, 0.45) !important; background-color: var(--kolbeh-white) !important; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%237c3aed' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important; background-repeat: no-repeat !important; background-position: left 0.75rem center !important; background-size: 14px 10px !important; color: var(--kolbeh-text) !important; box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.12) !important; } body.kolbeh-body[data-dir="ltr"] .address-modal-premium .form-select.address-modal-premium__control:focus { background-position: right 0.75rem center !important; } body.kolbeh-body .address-modal-premium__default { border-color: rgba(124, 58, 237, 0.16) !important; background: var(--kolbeh-purple-light) !important; } body.kolbeh-body .address-modal-premium__default:has(.address-modal-premium__checkbox:checked) { border-color: rgba(124, 58, 237, 0.35) !important; background: rgba(237, 233, 254, 0.95) !important; } body.kolbeh-body .address-modal-premium .address-modal-premium__checkbox.form-check-input { border: 2px solid rgba(124, 58, 237, 0.35) !important; background-color: var(--kolbeh-white) !important; } body.kolbeh-body .address-modal-premium .address-modal-premium__checkbox.form-check-input:checked { background-color: var(--kolbeh-purple) !important; border-color: var(--kolbeh-purple-dark) !important; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e") !important; } body.kolbeh-body .address-modal-premium__default-title { color: var(--kolbeh-text) !important; } body.kolbeh-body .address-modal-premium__foot { border-top-color: rgba(124, 58, 237, 0.1) !important; background: linear-gradient(0deg, var(--kolbeh-purple-light) 0%, transparent 100%) !important; } body.kolbeh-body .address-modal-premium__cancel { color: var(--kolbeh-text) !important; background: var(--kolbeh-white) !important; border-color: rgba(124, 58, 237, 0.22) !important; } body.kolbeh-body .address-modal-premium__cancel:hover, body.kolbeh-body .address-modal-premium__cancel:focus { color: var(--kolbeh-purple-dark) !important; background: var(--kolbeh-purple-light) !important; border-color: rgba(124, 58, 237, 0.35) !important; } body.kolbeh-body .address-modal-premium__submit { background: var(--kolbeh-yellow) !important; border-color: var(--kolbeh-yellow) !important; color: var(--kolbeh-text) !important; } body.kolbeh-body .address-modal-premium__submit:hover { background: var(--kolbeh-yellow-hover) !important; border-color: var(--kolbeh-yellow-hover) !important; } body.kolbeh-body .elco-edit-btn, body.kolbeh-body .elco-delete-btn { display: inline-flex; align-items: center; gap: 0.35rem; padding: 0.45rem 0.75rem; border-radius: 10px; font-size: 0.78rem; font-weight: 700; border: 1px solid transparent; cursor: pointer; transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease; } body.kolbeh-body .elco-edit-btn { color: var(--kolbeh-purple-dark); background: var(--kolbeh-purple-light); border-color: rgba(124, 58, 237, 0.22); } body.kolbeh-body .elco-edit-btn:hover { background: rgba(237, 233, 254, 0.95); border-color: rgba(124, 58, 237, 0.35); } body.kolbeh-body .elco-delete-btn { color: #b91c1c; background: #fef2f2; border-color: rgba(239, 68, 68, 0.28); } body.kolbeh-body .elco-delete-btn:hover { background: #fee2e2; border-color: rgba(239, 68, 68, 0.4); } body.kolbeh-body.page-cart .account-panel, body.kolbeh-body.page-cart .cart-items-panel, body.kolbeh-body.page-cart .cart-summary, body.kolbeh-body.page-cart .cart-empty { background: var(--kolbeh-white) !important; border-color: rgba(124, 58, 237, 0.14) !important; color: var(--kolbeh-text) !important; box-shadow: var(--kolbeh-shadow-card) !important; } body.kolbeh-body.page-cart .cart-item-card__title a, body.kolbeh-body.page-cart .cart-summary__value--total, body.kolbeh-body.page-cart .cart-items-panel__title, body.kolbeh-body.page-cart .cart-summary__title { color: var(--kolbeh-purple-dark) !important; } body.kolbeh-body.page-cart .cart-item-card__cell-label, body.kolbeh-body.page-cart .cart-summary__label, body.kolbeh-body.page-cart .cart-summary__hint { color: var(--kolbeh-text-muted) !important; } body.kolbeh-body.page-checkout .account-panel, body.kolbeh-body.page-checkout .checkout-summary { background: var(--kolbeh-white) !important; border-color: rgba(124, 58, 237, 0.14) !important; color: var(--kolbeh-text) !important; box-shadow: var(--kolbeh-shadow-card) !important; } body.kolbeh-body.page-checkout .checkout-panel__title, body.kolbeh-body.page-checkout .checkout-summary__total span:first-child { color: var(--kolbeh-purple-dark) !important; } body.kolbeh-body.page-checkout .checkout-summary-row, body.kolbeh-body.page-checkout .checkout-page__subtitle { color: var(--kolbeh-text-muted) !important; } body.kolbeh-body .od-notice--payment { background: linear-gradient(135deg, #f5f0ff 0%, #ffffff 58%, #faf8ff 100%) !important; border-color: rgba(124, 58, 237, 0.22) !important; } body.kolbeh-body .od-notice__icon { background: var(--kolbeh-purple-light) !important; border-color: rgba(124, 58, 237, 0.2) !important; color: var(--kolbeh-purple) !important; } body.kolbeh-body .od-notice__title { color: var(--kolbeh-purple-dark) !important; } body.kolbeh-body .od-notice__text { color: var(--kolbeh-text-muted) !important; } body.kolbeh-body .account-table__pay-btn, body.kolbeh-body .account-order-pay-btn, body.kolbeh-body .account-recent-order-card__pay-btn { color: #ffffff !important; background: linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%) !important; box-shadow: 0 4px 14px rgba(124, 58, 237, 0.28) !important; } body.kolbeh-body .account-table__pay-btn > *, body.kolbeh-body .account-order-pay-btn > *, body.kolbeh-body .account-recent-order-card__pay-btn > *, body.kolbeh-body .account-table__pay-btn i, body.kolbeh-body .account-order-pay-btn i, body.kolbeh-body .account-recent-order-card__pay-btn i { color: #ffffff !important; } body.kolbeh-body .account-table__pay-btn:hover, body.kolbeh-body .account-table__pay-btn:focus, body.kolbeh-body .account-order-pay-btn:hover, body.kolbeh-body .account-order-pay-btn:focus, body.kolbeh-body .account-recent-order-card__pay-btn:hover, body.kolbeh-body .account-recent-order-card__pay-btn:focus { color: #ffffff !important; background: linear-gradient(135deg, #6d28d9 0%, #5b21b6 100%) !important; } body.kolbeh-body .od-status-strip__dot { background: rgba(124, 58, 237, 0.18) !important; } body.kolbeh-body .od-status-strip__dot--active { background: var(--kolbeh-purple) !important; box-shadow: 0 0 0 4px rgba(124, 58, 237, 0.18) !important; } body.kolbeh-body .od-status-strip__line { background: rgba(124, 58, 237, 0.14) !important; } body.kolbeh-body .od-status-strip__line--done { background: rgba(124, 58, 237, 0.42) !important; } body.kolbeh-body .od-status-strip__dot--done + .od-status-strip__label, body.kolbeh-body .od-status-strip__dot--active + .od-status-strip__label { color: var(--kolbeh-purple-dark) !important; } body.kolbeh-body .od-invoice__grand span { color: var(--kolbeh-text) !important; } body.kolbeh-body .od-invoice__grand strong, body.kolbeh-body .od-product__total strong { color: var(--kolbeh-purple-dark) !important; }