/* Global Header Styles */

.max-w-1024 {
    max-width: 1100px;
}

/* Hide sticky header menu on desktop */
@media (min-width: 768px) {
    .sticky-header-menu {
        display: none !important;
    }
}

/* Hide sticky header menu on profile pages (mobile) */
@media (max-width: 767px) {
    body.page-template-page-user-profile-php #sticky-mobile-menu,
    body.author #sticky-mobile-menu,
    body.author-php #sticky-mobile-menu {
        display: none !important;
    }
}

/* Sticky mobile menu clean single layer */
#sticky-mobile-menu.sticky-header-menu,
#sticky-mobile-menu.sticky-header-menu.bg-white {
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.04) !important;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.04) !important;
    margin-top: 0 !important;
    position: relative;
    border: none !important;
    border-bottom-left-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
    outline: none !important;
    overflow: hidden;
}

#sticky-mobile-menu.sticky-header-menu > div,
#sticky-mobile-menu.sticky-header-menu > div > div {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    border: none !important;
    outline: none !important;
}

/* Main header styles */
header.z-\[9998\] {
    border: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

@media (min-width: 768px) {
    header.z-\[9998\]:not(.new-home-header) {
        box-shadow: 0 2px 4px 0 rgba(0,0,0,0.04) !important;
    }
}

header.z-\[9998\] > div.bg-white,
header.z-\[9998\] > div:first-child {
    border: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

header.z-\[9998\] > div:last-child {
    box-shadow: none !important;
    border-bottom: none !important;
}

.sticky-header-menu {
    border-bottom: none !important;
}

/* Menu item spacing */
.sticky-header-menu .flex > a {
    margin-right: 10px;
}

.sticky-header-menu .flex > a:last-child {
    margin-right: 0;
}

/* Sidebar background */
#sidebar {
    background-color: #f9fafb !important;
}

#sidebar * {
    background-color: inherit;
}

#sidebar .grow {
    background-color: #f9fafb !important;
}

#sidebar.bg-gray-50 {
    background-color: #f9fafb !important;
}

/* Speedtest header specific */
body.page-speedtest header > div.w-full.bg-white,
body.page-speedtest header .bg-white.custom-shadow.w-full {
    margin-top: -16px !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-left-radius: 16px !important;
    border-bottom-right-radius: 16px !important;
    overflow: hidden;
}

body.page-speedtest .sticky-header-menu,
body.page-speedtest .w-full.bg-white.shadow-sm[style*="height: 36px"] {
    border-radius: 0 !important;
}

/* Homepage header - transparent */
header.z-\[9998\].new-home-header,
header.z-\[9998\].new-home-header > div:first-child {
    background: none !important;
    background-color: transparent !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    border: none !important;
    border-bottom: none !important;
    outline: none !important;
}

/* Header height on mobile */
@media (max-width: 767px) {
    header.z-\[9998\] .flex.items-center.justify-between {
        height: 70px !important;
    }
}

/* Sidebar grid font */
#sidebar .grid.grid-cols-2 a span,
#sidebar .grid.grid-cols-4 a span {
    font-size: 14px !important;
    font-weight: 500 !important;
}

/* My Quick Pin Button */
.my-quick-pin-btn {
    opacity: 0;
    transition: opacity 0.2s ease;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 4px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    flex-shrink: 0;
}

#sidebar .grid a:hover .my-quick-pin-btn,
#sidebar .grid a:focus-within .my-quick-pin-btn,
#sidebar a:hover .my-quick-pin-btn,
#sidebar a:focus-within .my-quick-pin-btn {
    opacity: 1 !important;
}