/*
Theme Name: Bridge Child
Template: bridge
Version: 1.3
Description: Child theme for Bridge, with custom Report CPT layout and auto-scrolling sidebar.
*/

/* Layout wrapper (inside Bridge's content wrappers) */
.report-layout {
    display: flex;
    align-items: flex-start;
    gap: 2rem;
    max-width: 1200px;
    margin: 0 auto;
    padding: 2rem 1rem;
}

/* Robust 30/70 split using flex-basis to avoid theme overrides */
.report-sidebar {
    flex: 0 0 30%;
    max-width: 30%;
    position: sticky;
    top: 100px;
    height: fit-content;
    background-color: #f9f9f9;
    padding: 1rem;
    border-right: 1px solid #ddd;
    box-sizing: border-box;
}

.report-content {
    flex: 1 1 0;
    min-width: 0; /* prevents overflow pushing layout */
    box-sizing: border-box;
}

/* Sidebar links */
.report-sidebar ul { list-style: none; padding-left: 0; margin: 0; }
.report-sidebar a { display: block; padding: 0.4rem 0; color: inherit; text-decoration: none; }
.report-sidebar a:hover { text-decoration: underline; }

/* Featured image */
.report-featured-image { margin: 1.5rem 0; }
.report-featured-image img { width: 100%; height: auto; border-radius: 8px; }

/* Mobile */
@media (max-width: 768px) {
    .report-layout { flex-direction: column; }
    .report-sidebar,
    .report-content { flex: 0 0 100%; max-width: 100%; }
}

/* If any ancestor sets overflow hidden, sticky can fail; ensure visible here */
.container_inner.default_template_holder { overflow: visible; }