/* Hesabım ve Sepetim sayfalarını mağazanın görünüm ayarlarına bağlayan ortak katman. */
body.storefront-dark-theme {
    --bg-primary: #12100f;
    --card-bg: #1d1917;
    --text-primary: #f5eee8;
    --text-secondary: #cec2b8;
    --text-tertiary: #a8998e;
    --text-disabled: #766a62;
    --text-link: #e1a163;
    --text-link-hover: #f0b777;
    --btn-primary-bg: #c98346;
    --btn-primary-hover: #d9985b;
    --btn-primary-active: #a86630;
    --btn-secondary-bg: #24201d;
    --btn-secondary-border: #c98346;
    --btn-secondary-text: #e4a66b;
    --btn-secondary-hover-bg: #322923;
    --btn-tertiary-text: #f5eee8;
    --btn-tertiary-hover-bg: #2b2521;
    --price-original: #a8998e;
    --price-final: #f5eee8;
    --bg-secondary: #2a2420;
    --card-shadow: rgba(0, 0, 0, 0.42);
    --border-light: #3a312c;
    --border-medium: #51443c;
    --divider: #3b322d;
    --navbar-bg: #181513;
    --navbar-text: #f5eee8;
    --footer-bg: #100e0d;
    --footer-text: #f5eee8;
    --input-bg: #211d1a;
    --input-border: #51443c;
    --input-border-focus: #d2965c;
    --input-placeholder: #9f9187;
    --stepper-btn-bg: #2a2420;
    --stepper-btn-text: #f5eee8;
    background-color: #12100f;
    color-scheme: dark;
}

body.storefront-background-active {
    min-height: 100vh;
    background-color: var(--bg-primary);
    background-image:
        linear-gradient(rgba(0, 0, 0, var(--storefront-overlay, 0.3)), rgba(0, 0, 0, var(--storefront-overlay, 0.3))),
        var(--storefront-bg-desktop);
    background-position: center center, var(--storefront-position-desktop, center center);
    background-size: cover, cover;
    background-repeat: no-repeat, no-repeat;
    background-attachment: var(--storefront-attachment, fixed), var(--storefront-attachment, fixed);
}

body.storefront-glass-active .top-bar,
body.storefront-glass-active .section-box,
body.storefront-glass-active .account-box,
body.storefront-glass-active .acc-nav-btn:not(.active),
body.storefront-glass-active .cart-item,
body.storefront-glass-active .order-card,
body.storefront-glass-active .site-footer,
body.storefront-glass-active .mobile-bottom-nav,
body.storefront-glass-active .modal-content {
    background-color: rgba(255, 255, 255, var(--storefront-panel-alpha, 0.82)) !important;
    -webkit-backdrop-filter: blur(var(--storefront-panel-blur, 12px)) saturate(1.08);
    backdrop-filter: blur(var(--storefront-panel-blur, 12px)) saturate(1.08);
}

body.storefront-glass-active .top-bar .logo > span:first-child,
body.storefront-glass-active .top-bar .action-item,
body.storefront-glass-active .account-box h2,
body.storefront-glass-active .account-box h3,
body.storefront-glass-active .section-box h2 {
    color: var(--text-primary) !important;
    text-shadow:
        0 1px 2px rgba(var(--storefront-panel-text-shadow-rgb, 255,255,255), 0.92),
        0 0 5px rgba(var(--storefront-panel-text-shadow-rgb, 255,255,255), 0.56);
}

body.storefront-glass-active .top-bar .logo > span:last-child {
    color: var(--text-secondary) !important;
}

body.storefront-glass-active .header-actions .action-item.active {
    color: var(--text-link) !important;
    background-color: rgba(184, 115, 51, 0.13) !important;
    text-shadow: none;
    box-shadow: 0 0 0 1px rgba(184, 115, 51, 0.3), 0 0 16px rgba(184, 115, 51, 0.36);
    animation: storefront-header-action-glow 1.7s ease-in-out infinite alternate;
}

body.storefront-glass-active .header-actions .action-item.active svg {
    stroke: currentColor !important;
    filter: drop-shadow(0 0 4px rgba(184, 115, 51, 0.58));
}

@keyframes storefront-header-action-glow {
    from { box-shadow: 0 0 0 1px rgba(184, 115, 51, 0.24), 0 0 8px rgba(184, 115, 51, 0.2); }
    to { box-shadow: 0 0 0 1px rgba(184, 115, 51, 0.44), 0 0 19px rgba(184, 115, 51, 0.5); }
}

body.storefront-glass-active .summary-box,
body.storefront-glass-active .auth-tabs,
body.storefront-glass-active .order-header,
body.storefront-glass-active .info-box,
body.storefront-glass-active .offer-details-body,
body.storefront-glass-active .cart-stepper-col,
body.storefront-glass-active .badge-item {
    background-color: rgba(240, 234, 227, var(--storefront-panel-soft-alpha, 0.62)) !important;
    -webkit-backdrop-filter: blur(var(--storefront-panel-soft-blur, 8px));
    backdrop-filter: blur(var(--storefront-panel-soft-blur, 8px));
}

body.storefront-glass-active .mini-stepper,
body.storefront-glass-active .summary-price-net,
body.storefront-glass-active .legal-checkbox-container,
body.storefront-glass-active .order-detail-left,
body.storefront-glass-active .od-item,
body.storefront-glass-active .offer-item-frame,
body.storefront-glass-active .offer-summary-area,
body.storefront-glass-active .od-stepper-col,
body.storefront-glass-active .order-detail-btn {
    background-color: rgba(255, 255, 255, var(--storefront-panel-alpha, 0.82)) !important;
    -webkit-backdrop-filter: blur(var(--storefront-panel-soft-blur, 8px));
    backdrop-filter: blur(var(--storefront-panel-soft-blur, 8px));
    border-color: var(--border-light) !important;
}

body.storefront-glass-active #tab-invoice-individual.active,
body.storefront-glass-active #tab-invoice-corporate.active,
body.storefront-glass-active #tab-login.active,
body.storefront-glass-active #tab-register.active {
    background: var(--btn-primary-bg) !important;
    color: var(--btn-primary-text) !important;
    box-shadow: 0 4px 12px rgba(184, 115, 51, 0.28);
}

body.storefront-glass-active #auth-success-box {
    background-color: rgba(255, 255, 255, var(--storefront-panel-alpha, 0.82)) !important;
    border-color: var(--success-border) !important;
    -webkit-backdrop-filter: blur(var(--storefront-panel-blur, 12px)) saturate(1.08);
    backdrop-filter: blur(var(--storefront-panel-blur, 12px)) saturate(1.08);
}

body.storefront-glass-active #auth-warning-box {
    background-color: rgba(255, 244, 229, var(--storefront-panel-alpha, 0.82)) !important;
    border-color: #d99a3f !important;
    color: #5f3b00 !important;
    -webkit-backdrop-filter: blur(var(--storefront-panel-blur, 12px)) saturate(1.08);
    backdrop-filter: blur(var(--storefront-panel-blur, 12px)) saturate(1.08);
}

body.storefront-glass-active #auth-warning-box .warning-text {
    color: #5f3b00 !important;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.7);
}

body.storefront-glass-active #acc-email[readonly] {
    background-color: rgba(240, 234, 227, var(--storefront-panel-soft-alpha, 0.62)) !important;
    color: var(--text-tertiary) !important;
}

body.storefront-glass-active .cart-products-box {
    background-image: none !important;
}

body.storefront-dark-theme.storefront-glass-active .top-bar,
body.storefront-dark-theme.storefront-glass-active .section-box,
body.storefront-dark-theme.storefront-glass-active .account-box,
body.storefront-dark-theme.storefront-glass-active .acc-nav-btn:not(.active),
body.storefront-dark-theme.storefront-glass-active .cart-item,
body.storefront-dark-theme.storefront-glass-active .order-card,
body.storefront-dark-theme.storefront-glass-active .site-footer,
body.storefront-dark-theme.storefront-glass-active .mobile-bottom-nav,
body.storefront-dark-theme.storefront-glass-active .modal-content {
    background-color: rgba(29, 25, 23, var(--storefront-panel-alpha, 0.82)) !important;
}

body.storefront-dark-theme.storefront-glass-active .summary-box,
body.storefront-dark-theme.storefront-glass-active .auth-tabs,
body.storefront-dark-theme.storefront-glass-active .order-header,
body.storefront-dark-theme.storefront-glass-active .info-box,
body.storefront-dark-theme.storefront-glass-active .offer-details-body,
body.storefront-dark-theme.storefront-glass-active .cart-stepper-col,
body.storefront-dark-theme.storefront-glass-active .badge-item {
    background-color: rgba(42, 36, 32, var(--storefront-panel-soft-alpha, 0.62)) !important;
}

body.storefront-dark-theme.storefront-glass-active .mini-stepper,
body.storefront-dark-theme.storefront-glass-active .summary-price-net,
body.storefront-dark-theme.storefront-glass-active .legal-checkbox-container,
body.storefront-dark-theme.storefront-glass-active .order-detail-left,
body.storefront-dark-theme.storefront-glass-active .od-item,
body.storefront-dark-theme.storefront-glass-active .offer-item-frame,
body.storefront-dark-theme.storefront-glass-active .offer-summary-area,
body.storefront-dark-theme.storefront-glass-active .od-stepper-col,
body.storefront-dark-theme.storefront-glass-active .order-detail-btn,
body.storefront-dark-theme.storefront-glass-active #auth-success-box {
    background-color: rgba(29, 25, 23, var(--storefront-panel-alpha, 0.82)) !important;
}

body.storefront-dark-theme.storefront-glass-active #auth-warning-box {
    background-color: rgba(70, 48, 22, var(--storefront-panel-alpha, 0.82)) !important;
    border-color: #c98346 !important;
    color: #ffe0a3 !important;
}

body.storefront-dark-theme.storefront-glass-active #auth-warning-box .warning-text {
    color: #ffe0a3 !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.72);
}

body.storefront-dark-theme .cart-item-img,
body.storefront-dark-theme .order-img-box,
body.storefront-dark-theme .od-item-img {
    background-color: #fff;
}

.auth-registration-success {
    padding: 18px 4px 4px;
    text-align: center;
}

.auth-registration-success-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 66px;
    height: 66px;
    margin: 0 auto 18px;
    border: 2px solid var(--success-border);
    border-radius: 50%;
    background: var(--success-bg);
    color: var(--success-text);
    font-size: 34px;
    font-weight: 900;
    box-shadow: 0 8px 24px rgba(25, 135, 84, 0.18);
}

.auth-registration-success-title {
    margin: 0 0 10px;
    color: var(--text-primary);
    font-size: 22px;
}

.auth-registration-success-message {
    max-width: 390px;
    margin: 0 auto 14px;
    color: var(--text-secondary);
    font-size: 14px;
    line-height: 1.55;
}

.auth-registration-success-email {
    display: block;
    margin: 0 auto 8px;
    padding: 10px 12px;
    overflow-wrap: anywhere;
    border: 1px solid var(--border-medium);
    border-radius: 9px;
    background: var(--bg-secondary);
    color: var(--text-primary);
}

body.storefront-dark-theme .auth-registration-success-icon {
    background: rgba(25, 135, 84, 0.18);
}

@media (max-width: 768px) {
    body.storefront-background-active {
        background-image:
            linear-gradient(rgba(0, 0, 0, var(--storefront-overlay, 0.3)), rgba(0, 0, 0, var(--storefront-overlay, 0.3))),
            var(--storefront-bg-mobile);
        background-position: center center, var(--storefront-position-mobile, center center);
        background-attachment: scroll, scroll;
    }
}