/**
 * TurnKey Directories 2.0 - Layout Fixes
 * Fixes for layout issues including top gap on business listings
 */

/* NUCLEAR OPTION - Remove ALL top spacing on business listing pages */

/* Remove margin from html tag when admin bar is hidden or on listing page */
html:has(body.tkd-listing-page) {
    margin-top: 0 !important;
}

/* Fallback for browsers that don't support :has() - target body with negative margin if needed, 
   but preferably we rely on the single-listing.php inline style. 
   This CSS file is mainly for external stylesheet approach. */

/* Target body element on single listing pages */
body.single-tkd_listing,
body.single-listing,
body.tkd-listing-page,
body[class*="single"] .glass-business-container {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Remove top spacing from all WordPress theme wrappers */
body.single-tkd_listing #page,
body.single-tkd_listing .site,
body.single-tkd_listing .site-content,
body.single-tkd_listing .content-area,
body.single-tkd_listing .site-main,
body.single-tkd_listing main,
body.single-tkd_listing article,
body.single-listing #page,
body.single-listing .site,
body.single-listing .site-content,
body.single-listing .content-area,
body.single-listing .site-main,
body.single-listing main,
body.single-listing article,
body.tkd-listing-page #page,
body.tkd-listing-page .site,
body.tkd-listing-page .site-content,
body.tkd-listing-page .content-area,
body.tkd-listing-page .site-main,
body.tkd-listing-page main,
body.tkd-listing-page article {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Ensure the glass container has correct spacing */
.glass-business-container {
    margin-top: 0 !important;
    padding-top: 30px !important; /* Add separation from header */
}

/* Remove spacing from entry content */
.entry-content,
.entry-content > *:first-child {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Override any theme container spacing */
.container,
.container-fluid,
.wrapper,
.content-wrapper,
.main-content {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* Fix for admin bar - ensure no top spacing even with admin bar */
body.admin-bar .glass-business-container {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Override WordPress default content margins */
#content,
#primary,
.primary-content {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Mobile responsive */
@media (max-width: 768px) {
    html:has(body.tkd-listing-page) {
        margin-top: 0 !important;
    }

    body.single-tkd_listing,
    body.single-listing,
    body.tkd-listing-page {
        padding-top: 0 !important;
    }
    
    .glass-business-container {
        margin-top: 0 !important;
        padding-top: 20px !important; /* Slightly less on mobile */
    }
}

@media (max-width: 480px) {
    .glass-business-container {
        margin-top: 0 !important;
        padding-top: 15px !important; /* Minimal on small screens */
    }
}
