/* ---------------------------------------------------------
   GLOBAL GLASS HEADER (Sardistic Git Showcase v3.2.1)
   --------------------------------------------------------- */

/* 1. MAIN HEADER CONTAINER - GLOSS EFFECT */
.edgtf-page-header,
.edgtf-page-header .edgtf-sticky-header,
.edgtf-page-header .edgtf-fixed-wrapper,
.edgtf-page-header .edgtf-menu-area,
.edgtf-page-header .edgtf-vertical-menu-area,
header.site-header,
header#masthead,
.edgtf-sticky-header.header-appear {
    /* Clear any theme backgrounds */
    background-color: transparent !important;
    background-image: none !important;

    /* GLOSS GRADIENT */
    /* Diagonal shine: Top-left light, Bottom-right dark */
    background: linear-gradient(135deg,
            rgba(255, 255, 255, 0.1) 0%,
            rgba(0, 0, 0, 0.6) 100%) !important;

    /* FROSTED GLASS DISTORTION */
    backdrop-filter: blur(20px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(20px) saturate(180%) !important;

    position: fixed !important;
    width: 100% !important;
    top: 0;
    left: 0;
    z-index: 9999 !important;

    /* 3D GLASS EDGES */
    border-bottom: 1px solid rgba(0, 0, 0, 0.4) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.2),
        /* Top Highlight */
        0 4px 30px rgba(0, 0, 0, 0.5);
    /* Drop Shadow */
}

/* 2. NUCLEAR OPTION: TRANSPARENT CHILDREN */
/* Force all inner wrappers to be transparent so they don't block the glass */
.edgtf-page-header *,
.edgtf-sticky-holder *,
.edgtf-vertical-menu-area * {
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

/* 3. EXCEPTIONS: Restore Menu Item functionality */
/* Make sure links/text are visible on dark glass */
.edgtf-main-menu>ul>li>a,
.edgtf-page-header a,
.edgtf-sticky-header a,
h1,
h2,
h3,
h4,
h5,
h6,
span {
    color: #ffffff !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8);
    /* readable on any background */
}

/* 4. HIDE TOP BAR ( Theme junk that often sits above header ) */
.edgtf-top-bar {
    display: none !important;
}

/* 5. LOGO FIX */
/* Ensure logo area doesn't have a white block */
.edgtf-logo-wrapper,
.edgtf-logo-area {
    background: transparent !important;
}