/* ============================================
   UNIFIED BRAND LOGO STYLING - MAXIMUM PRIORITY
   Diginep.store with purple gradient + dot
   ============================================ */

/* FORCE override all nav-logo styling - use highest specificity */
.navbar .nav-container .nav-top .nav-logo,
.navbar .nav-logo,
a.nav-logo,
.nav-logo {
    /* Reset all existing styles */
    display: inline-block !important;
    align-items: baseline !important;
    gap: 0 !important;

    /* Apply new typography */
    font-family: 'Outfit', 'Inter', sans-serif !important;
    font-weight: 900 !important;
    /* BOLD */
    font-size: 24px !important;
    /* SAME on all screens */
    letter-spacing: -0.8px !important;

    /* Apply gradient to text */
    background: linear-gradient(135deg, #ec4899 0%, #8b5cf6 50%, #3b82f6 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    color: transparent !important;

    /* Remove shadows */
    text-shadow: none !important;
    filter: none !important;

    /* Positioning */
    position: relative !important;

    /* Remove any flex/grid positioning that might interfere */
    grid-column: auto !important;
    justify-self: auto !important;

    /* Force bold rendering */
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    font-synthesis: none !important;
}

/* FORCE hide the old eagle icon - multiple selectors for maximum coverage */
.brand-eagle-icon,
.nav-logo .brand-eagle-icon,
.nav-logo>.brand-eagle-icon {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    opacity: 0 !important;
}

/* FORCE hide any span inside nav-logo */
.nav-logo span,
.nav-logo>span,
a.nav-logo span,
a.nav-logo>span {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    opacity: 0 !important;
}

/* Add the decorative dot after the logo text */
.navbar .nav-logo::after,
a.nav-logo::after,
.nav-logo::after {
    content: '●' !important;
    position: absolute !important;
    margin-left: 2px !important;
    background: linear-gradient(135deg, #ec4899 0%, #8b5cf6 50%, #3b82f6 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    font-size: 9.6px !important;
    /* Fixed size - 0.4em of 24px */
    vertical-align: super !important;
    display: inline !important;
}

/* NO mobile font-size overrides - keep 24px on ALL screens */