/*
|--------------------------------------------------------------------------
| QAMSA PUBLIC DESIGN SYSTEM
|--------------------------------------------------------------------------
| File: assets/css/qamsa-public.css
|
| Shared visual foundation for public Qamsa pages.
| Keep page-specific components in their own stylesheets.
|--------------------------------------------------------------------------
*/

:root {
    --qamsa-public-bg: #f4f6f9;
    --qamsa-public-surface: #ffffff;
    --qamsa-public-surface-soft: rgba(255,255,255,.92);
    --qamsa-public-border: rgba(15,23,42,.065);
    --qamsa-public-shadow: 0 6px 20px rgba(15,23,42,.055);
    --qamsa-public-shadow-hover: 0 11px 28px rgba(15,23,42,.075);
    --qamsa-public-radius: 16px;
}

body.qamsa-public-page {
    background: var(--qamsa-public-bg);
}

body.qamsa-public-page .qamsa-public-surface {
    background: var(--qamsa-public-surface);
    border: 1px solid var(--qamsa-public-border);
    box-shadow: var(--qamsa-public-shadow);
    border-radius: var(--qamsa-public-radius);
}

body.qamsa-public-page .glass-panel {
    box-shadow: var(--qamsa-public-shadow);
}

body.qamsa-public-page .sidebar-widget {
    background: var(--qamsa-public-surface-soft);
    border-color: var(--qamsa-public-border);
    box-shadow: var(--qamsa-public-shadow);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

body.qamsa-public-page .sidebar-widget:hover {
    box-shadow: var(--qamsa-public-shadow-hover);
}

[data-bs-theme="dark"] {
    --qamsa-public-bg: #15181c;
    --qamsa-public-surface: #20242a;
    --qamsa-public-surface-soft: rgba(32,36,42,.94);
    --qamsa-public-border: rgba(255,255,255,.075);
    --qamsa-public-shadow: 0 7px 22px rgba(0,0,0,.20);
    --qamsa-public-shadow-hover: 0 11px 28px rgba(0,0,0,.27);
}

@media (max-width: 575.98px) {
    body.qamsa-public-page {
        --qamsa-public-shadow: 0 4px 15px rgba(15,23,42,.045);
        --qamsa-public-shadow-hover: 0 8px 20px rgba(15,23,42,.065);
    }
}