/**
 * Public marketing glass cards - Imperial Vaults & Logistics reference (index.html / services.html).
 * body.ivl-public-marketing: header/footer use unified-glass-theme only (no extra chrome tint).
 */

body.ivl-public-marketing:not(.ivl-admin-shell):not(.ivl-vault-user-shell) {
    --ivl-mkt-glow-primary: rgba(79, 70, 229, 0.5);
    --ivl-mkt-glow-secondary: rgba(139, 92, 246, 0.4);
}

/* Legacy: pages still using portal bg without ivl-public-marketing */
body.ivl-vault-portal-bg:not(.ivl-public-marketing):not(.ivl-admin-shell):not(.ivl-vault-user-shell) {
    --ivl-mkt-glow-primary: rgba(79, 70, 229, 0.5);
    --ivl-mkt-glow-secondary: rgba(139, 92, 246, 0.4);
}

/* Content cards - reference glass + lift */
body.ivl-public-marketing:not(.ivl-admin-shell):not(.ivl-vault-user-shell) .glass-card,
body.ivl-vault-portal-bg:not(.ivl-public-marketing):not(.ivl-admin-shell):not(.ivl-vault-user-shell) .glass-card {
    background: rgba(17, 24, 39, 0.5);
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 1rem;
    box-shadow: none;
    transition: background 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
}

body.ivl-public-marketing:not(.ivl-admin-shell):not(.ivl-vault-user-shell) .glass-card:hover,
body.ivl-public-marketing:not(.ivl-admin-shell):not(.ivl-vault-user-shell) .glass-card:active,
body.ivl-vault-portal-bg:not(.ivl-public-marketing):not(.ivl-admin-shell):not(.ivl-vault-user-shell) .glass-card:hover,
body.ivl-vault-portal-bg:not(.ivl-public-marketing):not(.ivl-admin-shell):not(.ivl-vault-user-shell) .glass-card:active {
    background: rgba(17, 24, 39, 0.7);
    border: 1px solid rgba(255, 255, 255, 0.2);
    transform: translateY(-5px);
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.06) inset,
        0 12px 40px rgba(0, 0, 0, 0.25);
}

body.ivl-public-marketing:not(.ivl-admin-shell):not(.ivl-vault-user-shell) .glass-card.glow-on-hover:hover,
body.ivl-public-marketing:not(.ivl-admin-shell):not(.ivl-vault-user-shell) .glass-card.glow-on-hover:active,
body.ivl-vault-portal-bg:not(.ivl-public-marketing):not(.ivl-admin-shell):not(.ivl-vault-user-shell) .glass-card.glow-on-hover:hover,
body.ivl-vault-portal-bg:not(.ivl-public-marketing):not(.ivl-admin-shell):not(.ivl-vault-user-shell) .glass-card.glow-on-hover:active {
    box-shadow:
        0 0 30px var(--ivl-mkt-glow-primary),
        0 0 10px var(--ivl-mkt-glow-secondary) inset,
        0 12px 40px rgba(0, 0, 0, 0.2);
}

@media (hover: none), (pointer: coarse) {
    body.ivl-public-marketing:not(.ivl-admin-shell):not(.ivl-vault-user-shell) .glass-card:active,
    body.ivl-vault-portal-bg:not(.ivl-public-marketing):not(.ivl-admin-shell):not(.ivl-vault-user-shell) .glass-card:active {
        background: rgba(17, 24, 39, 0.72);
        border-color: rgba(255, 255, 255, 0.22);
    }
}