/* FastStore — Hesabım sayfası */

.fs-wheel-modal[style*="display: none"] {
    pointer-events: none !important;
    visibility: hidden !important;
}

.fs-account-page {
    --acc-line: #e5e7eb;
    --acc-shadow: 0 1px 3px rgb(15 23 42 / 0.06);
    --acc-shadow-hover: 0 4px 14px rgb(15 23 42 / 0.08);
    max-width: 1280px;
}

.fs-account-layout {
    width: 100%;
}

.fs-account-hero {
    margin-bottom: 16px;
}

.fs-account-hero .fs-page-hero__row {
    align-items: stretch;
}

@media (min-width: 640px) {
    .fs-account-hero .fs-page-hero__row {
        align-items: flex-end;
    }
}

.fs-account-hero__copy {
    flex: 1 1 auto;
    min-width: 0;
    width: 100%;
}

.fs-account-hero__copy .fs-page-hero__title,
.fs-account-hero__copy .fs-page-hero__desc {
    overflow-wrap: break-word;
    word-break: normal;
}

.fs-account-hero__wheel-btn.fs-btn {
    width: 100%;
    flex-shrink: 0;
}

@media (min-width: 640px) {
    .fs-account-hero__copy {
        width: auto;
    }

    .fs-account-hero__wheel-btn.fs-btn {
        width: auto;
        min-width: 168px;
    }
}

.fs-account-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-top: 14px;
    padding-top: 12px;
    border-top: 1px solid #f3f4f6;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #9ca3af;
}

.fs-account-breadcrumb a {
    color: #6b7280;
    text-decoration: none;
    transition: color 0.15s ease;
}

.fs-account-breadcrumb a:hover {
    color: #111827;
}

.fs-account-mobile-nav {
    top: calc(var(--fs-header-h, 56px) + 8px);
}

.fs-account-side-nav {
    top: calc(var(--fs-header-h, 56px) + 12px);
}

.fs-body .account-page aside .rounded-2xl.border,
.fs-body .account-page .rounded-2xl.border.border-gray-200\/90 {
    border-color: var(--acc-line) !important;
}

.fs-body .account-page .shadow-lg {
    box-shadow: var(--acc-shadow) !important;
}

.fs-body .account-page #ordersSection > div.rounded-2xl {
    transition: box-shadow 0.28s ease, border-color 0.28s ease;
}

.fs-body .account-page #ordersSection > div.rounded-2xl:hover {
    box-shadow: var(--acc-shadow-hover) !important;
}

.fs-body .account-page #ordersSection > div.rounded-2xl > div.cursor-pointer {
    transition: background-color 0.22s ease;
}

.fs-body .account-page #ordersSection > div.rounded-2xl > div.cursor-pointer:hover {
    background-color: #f9fafb !important;
}

.dark .fs-body .account-page #ordersSection > div.rounded-2xl > div.cursor-pointer:hover {
    background-color: rgba(39, 39, 42, 0.55) !important;
}

.fs-body .account-page aside nav button.border-transparent:hover {
    background-color: #f3f4f6 !important;
}

.dark .fs-body .account-page aside nav button.border-transparent:hover {
    background-color: rgba(39, 39, 42, 0.72) !important;
}

.fs-body .account-page #ordersSection span.inline-block.rounded-lg,
.fs-body .account-page #ordersSection span.inline-flex.rounded-lg {
    box-shadow: 0 1px 2px rgb(15 23 42 / 0.05);
    border-width: 1px;
}

.fs-body .account-page .shadow-md {
    box-shadow: var(--acc-shadow) !important;
}

.fs-body .account-page aside nav button.bg-indigo-600 {
    background-color: #111827 !important;
    color: #fff !important;
    border-color: #111827 !important;
    box-shadow: 0 1px 3px rgb(15 23 42 / 0.12) !important;
}

.fs-body .account-page .text-indigo-600,
.fs-body .account-page .text-indigo-700,
.fs-body .account-page .text-indigo-400 {
    color: #111827 !important;
}

.fs-body .account-page a.hover\:text-indigo-600:hover,
.fs-body .account-page a.dark\:hover\:text-indigo-400:hover {
    color: #111827 !important;
}

.fs-body .account-page .bg-indigo-600,
.fs-body .account-page .hover\:bg-indigo-500:hover,
.fs-body .account-page .active\:bg-indigo-700:active {
    background-color: #111827 !important;
}

.fs-body .account-page .bg-indigo-600\/10,
.fs-body .account-page .dark\:bg-indigo-400\/15 {
    background-color: #f3f4f6 !important;
}

.fs-body .account-page .shadow-indigo-500\/25,
.fs-body .account-page .shadow-indigo-500\/20,
.fs-body .account-page .shadow-indigo-500\/15 {
    box-shadow: 0 4px 14px rgb(15 23 42 / 0.12) !important;
}

.fs-body .account-page .ring-indigo-500\/30,
.fs-body .account-page .ring-indigo-200\/70 {
    --tw-ring-color: rgb(17 24 39 / 0.12) !important;
}

.fs-body .account-page .focus\:ring-indigo-500\/40:focus {
    --tw-ring-color: rgb(17 24 39 / 0.18) !important;
}

.fs-body .account-page .focus\:border-indigo-500:focus {
    border-color: #111827 !important;
}

.fs-body .account-page .border-indigo-500\/30 {
    border-color: rgb(17 24 39 / 0.2) !important;
}

.fs-page-card {
    border: 1px solid var(--fs-border, #e5e7eb);
    border-radius: var(--fs-radius, 12px);
    padding: 16px;
    margin-bottom: 12px;
    background: #fff;
}