/*
 * Help Center Public Shortcode — CSS Scoping
 *
 * Ensures the help center styles don't collide with WordPress theme styles
 * and vice versa. All help center output is wrapped in .bkntc-hc-public.
 */

/* Reset common theme overrides within our scope */
.bkntc-hc-public {
    box-sizing: border-box;
    font-family: "Manrope", "Inter", -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.6;
    color: #333;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.bkntc-hc-public *,
.bkntc-hc-public *::before,
.bkntc-hc-public *::after {
    box-sizing: border-box;
}

/* Ensure Manrope propagates to all text elements without breaking form controls */
.bkntc-hc-public h1,
.bkntc-hc-public h2,
.bkntc-hc-public h3,
.bkntc-hc-public h4,
.bkntc-hc-public h5,
.bkntc-hc-public h6,
.bkntc-hc-public p,
.bkntc-hc-public span,
.bkntc-hc-public a,
.bkntc-hc-public li,
.bkntc-hc-public div,
.bkntc-hc-public label,
.bkntc-hc-public input,
.bkntc-hc-public button,
.bkntc-hc-public textarea {
    font-family: inherit;
}

/* Ensure full-width layout — break out of narrow theme containers */
.bkntc-hc-public {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    overflow-x: hidden;
}

/* Content container — centered with breathing room */
.bkntc-hc-public > .container {
    max-width: 85% !important;
    width: 85% !important;
    padding: 0 !important;
    margin: 0 auto !important;
}

/* Reset common theme interference */
.bkntc-hc-public a {
    text-decoration: none;
}

.bkntc-hc-public img {
    max-width: 100%;
    height: auto;
}

.bkntc-hc-public ul,
.bkntc-hc-public ol {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* Topic content: restore list styles for article content */
.bkntc-hc-public .topic-content ul,
.bkntc-hc-public .topic-content ol {
    list-style: revert;
    margin: revert;
    padding: revert;
}

/* Prevent WordPress admin bar from interfering */
.bkntc-hc-public .hero {
    margin-top: 0;
}

/* Footer should span full width */
.bkntc-hc-public .help-desk-footer {
    margin-left: 0;
    margin-right: 0;
}