﻿/* ---- Frosted-glass yüzey (dialog/popup/appbar için de) ---- */
.laf-glass {
    background: color-mix(in srgb, var(--LAF-palette-surface) 60%, transparent);
    -webkit-backdrop-filter: blur(22px) saturate(1.6);
    backdrop-filter: blur(22px) saturate(1.6);
    border: 1px solid color-mix(in srgb, var(--LAF-palette-text) 12%, transparent);
    box-shadow: 0 12px 40px -12px rgba(0,0,0,.35);
    border-radius: 12px;
}

/* LAFPaper üstünde kullanılınca opak .laf-paper bg'ini specificity ile kesin yen */
.laf-paper.laf-glass {
    background: color-mix(in srgb, var(--LAF-palette-surface) 60%, transparent);
}


.laf-app-root {
    min-height: 100dvh;
    isolation: isolate;
}

.laf-app-bg {
    position: fixed;
    inset: 0;
    z-index: -2;
    background: var(--LAF-default-background);
/*    background: linear-gradient(to bottom, #FFFFFF 20%,color-mix(in srgb, var(--LAF-palette-primary) 40%, #FFFFFF) 100%);*/
/*    background: linear-gradient(to bottom, #FFFFFF 80%,rgba(var(--LAF-palette-primary-rgb),0.2) 100%);
*/    /*    background: linear-gradient(to bottom, var(--LAF-palette-background) 0%,var(--LAF-palette-primary) 60%);*/
    /*    background: var(--LAF-palette-background) url('/images/app-bg-light.png') center / cover no-repeat;
    filter: blur(50px);
    transform: scale(1.06);*/
}

[data-theme="dark"] .laf-app-bg {
    background: var(--LAF-default-background);
    /*    background:linear-gradient(to bottom, #000000 80%,rgba(var(--LAF-palette-primary-rgb),0.2) 100%);*/
    /*    background: var(--LAF-palette-background); url('/images/app-bg-dark.png') center / cover no-repeat;
    filter: blur(20px);*/
}

.laf-app-bg-overlay {
    position: fixed;
    inset: 0;
    z-index: -1;
/*    background: rgba(245, 245, 239, 0.7);*/
}

[data-theme="dark"] .laf-app-bg-overlay {
/*    background: rgba(18, 18, 20, 0.8);*/
}

.laf-surface-glass {
    background: color-mix(in srgb, var(--LAF-palette-surface) 80%, transparent) !important;
    -webkit-backdrop-filter: blur(10px) saturate(1.6);
    backdrop-filter: blur(10px) saturate(1.6);
}

[data-theme="dark"] .laf-surface-glass {
    background: color-mix(in srgb, var(--LAF-palette-surface) 70%, transparent) !important;
}



.laf-background-glass {
    background: color-mix(in srgb, var(--LAF-palette-background) 80%, transparent) !important;
    -webkit-backdrop-filter: blur(10px) saturate(1.6);
    backdrop-filter: blur(10px) saturate(1.6);
}

[data-theme="dark"] .laf-background-glass {
    background: color-mix(in srgb, var(--LAF-palette-background) 70%, transparent) !important;
}


.laf-login-overlay {
    position: fixed;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 2000;
    background: var(--LAF-palette-background); /* cam kapalıyken: düz opak */
}

.laf-login-overlay-glass {
    background: color-mix(in srgb, var(--LAF-palette-surface) 35%, transparent);
    -webkit-backdrop-filter: blur(22px) saturate(1.6);
    backdrop-filter: blur(22px) saturate(1.6);
}

