/**
 * ThemeForge System Styles
 * Auto-generated - DO NOT EDIT (will be overwritten on theme update)
 * For custom styles use css/user.css
 */

/* WordPress Admin Bar - Auto-hide with Hover Reveal
 * Admin bar is hidden by default and appears on hover at top edge
 * This prevents layout shifts on pages with fixed/sticky headers
 */

/* Hide admin bar by default, show on hover */
body.admin-bar #wpadminbar {
    transform: translateY(-100%);
    transition: transform 0.3s ease-in-out;
}

/* Hover trigger zone at top of page */
body.admin-bar::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 10px; /* Trigger area - mouse enters here to reveal admin bar */
    z-index: 99999;
}

/* Show admin bar when hovering trigger zone or the bar itself */
body.admin-bar:hover #wpadminbar,
body.admin-bar #wpadminbar:hover {
    transform: translateY(0);
}

/* Keep admin bar visible while mouse is on it */
body.admin-bar #wpadminbar:hover {
    transform: translateY(0);
}

/* Remove default margin that admin bar adds to html/body */
html.admin-bar,
html.admin-bar body {
    margin-top: 0 !important;
}

body.admin-bar {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Fixed/sticky elements should stay at top: 0 since admin bar is hidden */
body.admin-bar .w-nav[data-collapse="all"],
body.admin-bar .w-nav[data-collapse="medium"],
body.admin-bar .w-nav[data-collapse="small"],
body.admin-bar .w-nav[data-collapse="tiny"],
body.admin-bar header[style*="position: fixed"],
body.admin-bar header[style*="position:fixed"],
body.admin-bar .navbar-fixed,
body.admin-bar .fixed-header,
body.admin-bar [style*="position: fixed"],
body.admin-bar [style*="position: sticky"] {
    top: 0 !important;
}

/* Mobile adjustments */
@media screen and (max-width: 782px) {
    /* Larger trigger zone on mobile for easier access */
    body.admin-bar::before {
        height: 15px;
    }

    /* Same reset for mobile fixed elements */
    body.admin-bar .w-nav[data-collapse="all"],
    body.admin-bar .w-nav[data-collapse="medium"],
    body.admin-bar .w-nav[data-collapse="small"],
    body.admin-bar .w-nav[data-collapse="tiny"],
    body.admin-bar header[style*="position: fixed"],
    body.admin-bar header[style*="position:fixed"],
    body.admin-bar .navbar-fixed,
    body.admin-bar .fixed-header,
    body.admin-bar [style*="position: fixed"],
    body.admin-bar [style*="position: sticky"] {
        top: 0 !important;
    }
}

/* Very small screens */
@media screen and (max-width: 600px) {
    html.admin-bar {
        margin-top: 0 !important;
    }
}

/* No results fallback */
.tf-no-results {
    text-align: center;
    padding: 40px 20px;
    color: #64748B;
    font-size: 0.95rem;
}