/* dzungmedia — Global Brand Design Tokens & Logo */

:root {
    --primary-blue: #2563ff;
    --primary-orange: #ff6a00;
    --bg-dark: #020817;
    --text-light: #f8fafc;

    --dzm-bg: var(--bg-dark);
    --dzm-bg-elevated: #0a1224;
    --dzm-bg-card: rgba(10, 18, 36, 0.72);
    --dzm-bg-glass: rgba(8, 16, 32, 0.55);
    --dzm-border: rgba(37, 99, 255, 0.2);
    --dzm-border-soft: rgba(255, 255, 255, 0.06);
    --dzm-blue: var(--primary-blue);
    --dzm-blue-light: #5b8cff;
    --dzm-orange: var(--primary-orange);
    --dzm-orange-soft: #ff8533;
    --dzm-text: var(--text-light);
    --dzm-text-soft: #cbd5e1;
    --dzm-text-muted: #94a3b8;
    --dzm-glow-blue: rgba(37, 99, 255, 0.28);
    --dzm-glow-orange: rgba(255, 106, 0, 0.22);
    --dzm-font: 'Inter', 'Segoe UI Variable', 'Segoe UI', system-ui, sans-serif;
    --dzm-font-display: 'Poppins', 'Inter', sans-serif;
    --dzm-radius: 14px;
    --dzm-radius-sm: 10px;
    --dzm-ease: cubic-bezier(0.22, 1, 0.36, 1);
    --dzm-header-h: 90px;
    --dzm-shadow-sm: 0 4px 24px rgba(0, 0, 0, 0.28);
    --dzm-shadow-md: 0 12px 40px rgba(0, 0, 0, 0.38);
}

/* Navbar logo — full asset, no crop, no filters */
.navbar-brand {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    height: 90px;
    line-height: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    overflow: visible;
    padding: 0 0 0 24px;
}

.tvc-dash-brand {
    gap: 0.75rem;
}

.main-logo {
    background: none !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    display: block;
    filter: none !important;
    height: 72px;
    max-height: none !important;
    max-width: none;
    mix-blend-mode: normal !important;
    object-fit: contain;
    opacity: 1 !important;
    width: auto;
}

.main-logo--footer {
    height: 40px;
}

/* Override Bootstrap img constraints in navbar */
.navbar-brand img,
.navbar-brand .main-logo {
    max-height: none !important;
}

.tvc-navbar .container,
.tvc-dash-container {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
}

.tvc-navbar,
.tvc-dash-navbar {
    align-items: center;
    min-height: var(--dzm-header-h);
}

@media (max-width: 768px) {
    .navbar-brand {
        height: 72px;
        padding-left: 12px;
    }

    .main-logo {
        height: 52px;
    }

    :root {
        --dzm-header-h: 72px;
    }
}