/*
 * Vorro Light V1.5.5 — final live-regression layer
 * IMPORTANT: disporder 999. This must load after legacy compatibility layers.
 * Fixes verified against the actual cascade: sidebar actions, auth agreement,
 * CP contrast, account avatar, breadcrumb, modal/full auth buttons, signatures.
 */

/* ---------- button language: predictable across :visited / legacy anchors ---------- */
html body .vorro-welcome-widget a.vorro-widget-button,
html body .vorro-welcome-widget a.vorro-widget-button:link,
html body .vorro-welcome-widget a.vorro-widget-button:visited {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 40px !important;
    padding: 0 12px !important;
    background: rgba(255,255,255,.075) !important;
    border: 1px solid rgba(255,255,255,.18) !important;
    border-radius: 10px !important;
    color: #f7f9fb !important;
    text-shadow: none !important;
    box-shadow: none !important;
    font-size: 11px !important;
    font-weight: 760 !important;
    text-decoration: none !important;
}
html body .vorro-welcome-widget a.vorro-widget-button:hover,
html body .vorro-welcome-widget a.vorro-widget-button:active {
    background: rgba(255,255,255,.14) !important;
    border-color: rgba(255,255,255,.28) !important;
    color: #fff !important;
}
html body .vorro-welcome-widget a.vorro-widget-button-strong,
html body .vorro-welcome-widget a.vorro-widget-button-strong:link,
html body .vorro-welcome-widget a.vorro-widget-button-strong:visited {
    background: var(--vorro-accent) !important;
    border-color: var(--vorro-accent) !important;
    color: #fff !important;
    box-shadow: 0 7px 18px rgba(38,44,49,.18) !important;
}
html body .vorro-welcome-widget a.vorro-widget-button-strong:hover,
html body .vorro-welcome-widget a.vorro-widget-button-strong:active {
    background: var(--vorro-accent-hover) !important;
    border-color: var(--vorro-accent-hover) !important;
}

/* A primary action means the same thing in full auth and quick-login modal. */
html body .vorro-auth input.button.vorro-auth-primary,
html body .vorro-auth .vorro-auth-primary,
html body #quick_login input.vorro-login-submit {
    background: var(--vorro-accent) !important;
    border-color: var(--vorro-accent) !important;
    color: #fff !important;
    text-shadow: none !important;
    box-shadow: 0 7px 18px rgba(38,44,49,.16) !important;
}
html body .vorro-auth input.button.vorro-auth-primary:hover,
html body .vorro-auth .vorro-auth-primary:hover,
html body #quick_login input.vorro-login-submit:hover {
    background: var(--vorro-accent-hover) !important;
    border-color: var(--vorro-accent-hover) !important;
    color: #fff !important;
}

/* ---------- Registration Agreement: independent from legacy table rows ---------- */
html body .vorro-auth-agreement { max-width: 900px !important; }
html body .vorro-agreement-card {
    overflow: hidden !important;
    background: #fff !important;
    border: 1px solid #dce2e6 !important;
    border-radius: 18px !important;
    box-shadow: 0 18px 56px rgba(29,35,39,.08) !important;
}
html body .vorro-agreement-head {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    min-height: 92px !important;
    padding: 22px 28px !important;
    background: #22282d !important;
    color: #fff !important;
}
html body .vorro-agreement-heading h1 { margin: 0 !important; color: #fff !important; font-size: 22px !important; line-height: 1.15 !important; }
html body .vorro-agreement-heading p { margin: 6px 0 0 !important; color: #adb7bf !important; font-size: 11px !important; }
html body .vorro-agreement-coppa {
    width: 100% !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
}
html body .vorro-agreement-coppa td {
    padding: 20px 32px !important;
    background: #fff !important;
    color: #4d5861 !important;
    border: 0 !important;
    border-bottom: 1px solid #edf0f2 !important;
}
html body .vorro-agreement-copy {
    display: block !important;
    padding: 28px 32px 22px !important;
    background: #fff !important;
    color: #4d5861 !important;
    font-size: 12px !important;
    line-height: 1.78 !important;
    box-sizing: border-box !important;
    text-align: left !important;
}
html body .vorro-agreement-copy p { margin: 0 0 16px !important; color: #4d5861 !important; }
html body .vorro-agreement-copy p:last-child { margin-bottom: 0 !important; }
html body .vorro-agreement-copy strong { color: #232a30 !important; }
html body .vorro-agreement-actions {
    display: flex !important;
    justify-content: flex-end !important;
    padding: 18px 32px 28px !important;
    background: #fff !important;
    border-top: 1px solid #edf0f2 !important;
}

/* ---------- UserCP / ModCP: secondary bars are light, never white-on-light ---------- */
html body .tcat,
html body .tcat_menu,
html body td.tcat,
html body th.tcat,
html body .vorro-cp-nav .tcat_menu {
    background: #eef1f3 !important;
    background-image: none !important;
    color: #46515a !important;
    border-color: #dce2e6 !important;
    text-shadow: none !important;
}
html body .tcat *,
html body .tcat_menu *,
html body td.tcat *,
html body th.tcat *,
html body .vorro-cp-nav .tcat_menu * {
    color: #46515a !important;
    text-shadow: none !important;
}
html body .vorro-cp-nav .tcat_menu .expcolimage img {
    opacity: .62 !important;
    filter: grayscale(1) brightness(.55) !important;
}
/* Primary headings stay dark with white text. */
html body .thead,
html body .thead * { color: #fff !important; }

/* ---------- Current member avatar ---------- */
html body .vorro-account-avatar,
html body .vorro-welcome-avatar {
    position: relative !important;
    overflow: hidden !important;
    flex: 0 0 auto !important;
}
html body .vorro-account-avatar > img,
html body .vorro-welcome-avatar > img {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover !important;
    object-position: center !important;
    border: 0 !important;
    border-radius: inherit !important;
}

/* ---------- Breadcrumb: text trail, not a row of legacy pills ---------- */
html body .navigation.vorro-breadcrumb {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 0 !important;
    min-height: 38px !important;
    margin: 2px 0 22px !important;
    padding: 0 2px !important;
    background: transparent !important;
    border: 0 !important;
}
html body .navigation.vorro-breadcrumb .vorro-crumb,
html body .navigation.vorro-breadcrumb a.vorro-crumb,
html body .navigation.vorro-breadcrumb .active.vorro-crumb {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 32px !important;
    padding: 0 6px !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 7px !important;
    box-shadow: none !important;
    color: #747f89 !important;
    font-size: 11px !important;
    font-weight: 650 !important;
    text-decoration: none !important;
}
html body .navigation.vorro-breadcrumb a.vorro-crumb:hover {
    background: #edf1f4 !important;
    color: #20262c !important;
}
html body .navigation.vorro-breadcrumb .active.vorro-crumb {
    color: #252c33 !important;
    font-weight: 780 !important;
}

/* ---------- Thread body / signature / controls rhythm ---------- */
html body .post .post_body,
html body .post.classic .post_body { padding-bottom: 14px !important; }
html body .post .signature,
html body .post.classic .signature,
html body .post_content > .signature {
    clear: both !important;
    display: block;
    margin-top: 10px !important;
    margin-bottom: 14px !important;
    padding-top: 16px !important;
    border-top: 1px solid #d7dee3 !important;
    color: #66717a !important;
}
html body .post.classic .signature { margin-left: 16px !important; margin-right: 16px !important; }
html body .post:not(.classic) .post_content > .signature { margin-left: 0 !important; margin-right: 0 !important; }
html body .post .signature:empty,
html body .post.classic .signature:empty { display: none !important; }
html body .post .post_meta,
html body .post.classic .post_meta { margin-top: 8px !important; }
html body .post .post_controls,
html body .post.classic .post_controls {
    border-top: 1px solid #dce2e6 !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

/* focus is visible on every modal trigger */
html body .vorro-widget-login-modal:focus-visible,
html body .vorro-nav-login:focus-visible,
html body .vorro-nav-register:focus-visible {
    outline: 3px solid rgba(38,44,49,.18) !important;
    outline-offset: 2px !important;
}

@media (max-width: 620px) {
    html body .vorro-agreement-head { min-height: 82px !important; padding: 18px 20px !important; }
    html body .vorro-agreement-heading h1 { font-size: 20px !important; }
    html body .vorro-agreement-coppa td,
    html body .vorro-agreement-copy { padding: 20px !important; }
    html body .vorro-agreement-actions { padding: 16px 20px 22px !important; }
    html body .vorro-agreement-actions .vorro-auth-primary { width: 100% !important; }
}


/* ===== V1.5.6 hard guards: prevent legacy/default leakage ===== */
html body { background:#f4f5f6 !important; color:#252b31 !important; }
html body #container { background:#f4f5f6 !important; color:#252b31 !important; min-width:0 !important; }
html body #content { background:#f4f5f6 !important; }
html body .wrapper { width:min(94%, 1200px) !important; min-width:0 !important; max-width:1200px !important; }
html body .vorro-site-header #logo.vorro-appbar { background:#fff !important; border-bottom:1px solid #dce2e6 !important; }
html body .vorro-category-card,
html body .vorro-widget,
html body .vorro-auth-shell,
html body .vorro-agreement-card { box-shadow:0 10px 34px rgba(32,40,47,.055) !important; }

/* Auth agreement must never collapse back to legacy table geometry. */
html body .vorro-auth-agreement .vorro-agreement-copy {
    padding:28px 32px 22px !important;
    background:#fff !important;
    color:#4d5861 !important;
}
html body .vorro-auth-agreement .vorro-agreement-actions { padding:18px 32px 28px !important; }

/* Sidebar secondary action must remain readable on the dark card. */
html body .vorro-welcome-widget .vorro-widget-actions > a:first-child,
html body .vorro-welcome-widget .vorro-widget-actions > a:first-child:link,
html body .vorro-welcome-widget .vorro-widget-actions > a:first-child:visited {
    background:rgba(255,255,255,.075) !important;
    border-color:rgba(255,255,255,.18) !important;
    color:#f7f9fb !important;
}

/* CP section bars: light surface + dark copy, regardless of older attached sheets. */
html body.usercp .tcat,
html body .vorro-cp-nav .tcat_menu,
html body .vorro-cp-section-head .tcat,
html body td.tcat,
html body th.tcat {
    background:#eef1f3 !important;
    background-image:none !important;
    color:#46515a !important;
    border-color:#dce2e6 !important;
}
html body .vorro-cp-nav .tcat_menu *,
html body td.tcat *,
html body th.tcat * { color:#46515a !important; }

/* Thread signature separation survives showthread-specific CSS. */
html body .post .signature,
html body .post.classic .signature,
html body .post_content > .signature {
    margin-top:14px !important;
    padding-top:16px !important;
    border-top:1px solid #d7dee3 !important;
}

/* =========================================================
   VORRO LIGHT V1.5.9 — NAV GLASS + THEME LOGO CONTRACT
   - Header uses MyBB's {$theme['logo']} property.
   - ~35% transparency glass surface (65% white) with real blur.
   - Search control has deliberate contrast on light glass.
   ========================================================= */
html body .vorro-site-header #logo.vorro-appbar {
    background: rgba(255,255,255,.65) !important;
    border-bottom: 1px solid rgba(205,214,221,.72) !important;
    -webkit-backdrop-filter: blur(18px) saturate(145%) !important;
    backdrop-filter: blur(18px) saturate(145%) !important;
    box-shadow: 0 1px 0 rgba(22,29,36,.025) !important;
}
html body .vorro-site-header #logo.vorro-appbar.vorro-scrolled {
    background: rgba(255,255,255,.76) !important;
    border-bottom-color: rgba(197,207,215,.8) !important;
    box-shadow: 0 12px 34px rgba(26,34,42,.09) !important;
}

/* The theme's Logo setting is the source of truth. Absolute image URLs work too. */
html body .vorro-brand {
    gap: 10px !important;
    min-width: 0 !important;
    text-decoration: none !important;
}
html body .vorro-brand .vorro-brand-logo {
    display: block !important;
    width: auto !important;
    height: auto !important;
    max-width: 150px !important;
    max-height: 36px !important;
    object-fit: contain !important;
    object-position: left center !important;
    flex: 0 1 auto !important;
    border: 0 !important;
}
html body .vorro-brand .vorro-site-name {
    display: inline-block !important;
    max-width: 180px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    color: #1e252b !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
}

/* Search must remain visible against the glass surface. */
html body .vorro-header-search #search input.textbox {
    background: rgba(247,249,250,.48) !important;
    border-color: rgba(210,218,224,.58) !important;
}
html body .vorro-header-search #search input.textbox:hover {
    background: rgba(246,248,250,.78) !important;
    border-color: rgba(194,204,212,.78) !important;
}
html body .vorro-header-search #search input.textbox:focus {
    background: rgba(255,255,255,.94) !important;
    border-color: #bfc9d1 !important;
    box-shadow: 0 0 0 3px rgba(86,97,107,.10) !important;
}
html body .vorro-header-search #search input.button {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    border: 1px solid rgba(206,214,221,.82) !important;
    background-color: rgba(255,255,255,.72) !important;
    background-image: url(../../../images/vorro-light/icons/search.svg) !important;
    background-position: center !important;
    background-size: 18px 18px !important;
    background-repeat: no-repeat !important;
    box-shadow: 0 2px 8px rgba(24,31,38,.045) !important;
}
html body .vorro-header-search #search input.button:hover,
html body .vorro-header-search #search input.button:focus-visible {
    background-color: rgba(238,242,245,.96) !important;
    border-color: #c4cdd4 !important;
    box-shadow: 0 3px 10px rgba(24,31,38,.075) !important;
}

@media (max-width: 760px) {
    html body .vorro-brand .vorro-brand-logo { max-width: 112px !important; max-height: 32px !important; }
    html body .vorro-brand .vorro-site-name { display: none !important; }
}



/* =========================================================
   VORRO LIGHT V1.6.0 — HEADER UX + MOBILE WIDTH GUARDS
   - Navigation gets real breathing room and never wraps labels.
   - Search is a click-to-open popover instead of a collapsing textbox.
   - Mobile gets an actual navigation menu, not a hidden desktop nav.
   - Root/container width guards prevent horizontal white-strip overflow.
   - Theme-owned icon references resolve through CSS variables so users can
     replace files or override URLs from vorro-custom.css.
   ========================================================= */

/* Width/overflow safety: keep the document exactly on the viewport. */
html,
html body {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: clip !important;
}
html body #container,
html body #content,
html body #footer {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
}
html body img,
html body video,
html body iframe {
    max-width: 100%;
}

/* Header can be a little wider than the content column. */
html body .vorro-site-header .vorro-nav-shell {
    width: min(var(--vorro-header-max-width, 1380px), calc(100% - 32px)) !important;
    max-width: var(--vorro-header-max-width, 1380px) !important;
    min-width: 0 !important;
    min-height: 72px !important;
    gap: 30px !important;
    margin-inline: auto !important;
}
html body .vorro-primary-nav {
    height: 72px !important;
    gap: 6px !important;
    flex: 0 1 auto !important;
}
html body .vorro-primary-nav > a,
html body .vorro-primary-nav > li > a,
html body .vorro-primary-nav li a {
    height: 72px !important;
    padding-inline: 12px !important;
    white-space: nowrap !important;
    line-height: 1 !important;
    font-size: 12.5px !important;
}
html body .vorro-primary-nav > a::after,
html body .vorro-primary-nav li a::after {
    left: 12px !important;
    right: 12px !important;
}
html body .vorro-header-actions {
    gap: 10px !important;
    flex: 0 0 auto !important;
}
html body .vorro-brand .vorro-brand-logo {
    max-width: var(--vorro-logo-max-width, 142px) !important;
    max-height: 36px !important;
}
html body .vorro-brand .vorro-site-name {
    display: var(--vorro-site-name-display, inline-block) !important;
    max-width: 140px !important;
}

/* Search popover ------------------------------------------------------- */
html body .vorro-header-search {
    display: flex !important;
    align-items: center !important;
    position: relative !important;
}
html body .vorro-search-menu {
    position: relative !important;
}
html body .vorro-search-menu > summary {
    list-style: none !important;
}
html body .vorro-search-menu > summary::-webkit-details-marker {
    display: none !important;
}
html body .vorro-search-trigger {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid rgba(190,200,208,.78) !important;
    border-radius: 11px !important;
    background: rgba(255,255,255,.72) !important;
    cursor: pointer !important;
    box-shadow: 0 2px 8px rgba(24,31,38,.045) !important;
    transition: background .16s ease, border-color .16s ease, transform .16s ease !important;
}
html body .vorro-search-trigger:hover,
html body .vorro-search-menu[open] > .vorro-search-trigger {
    background: rgba(238,242,245,.98) !important;
    border-color: #bcc7cf !important;
}
html body .vorro-search-trigger:focus-visible {
    outline: 3px solid rgba(86,97,107,.14) !important;
    outline-offset: 2px !important;
}
html body .vorro-search-trigger-icon {
    width: 18px !important;
    height: 18px !important;
    display: block !important;
    background-image: var(--vorro-icon-search, url(../../../images/vorro-light/icons/search.svg)) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
}
html body .vorro-search-popover {
    position: absolute !important;
    top: calc(100% + 11px) !important;
    right: 0 !important;
    z-index: 1200 !important;
    width: min(370px, calc(100vw - 24px)) !important;
    padding: 12px !important;
    border: 1px solid #d9e0e5 !important;
    border-radius: 15px !important;
    background: rgba(255,255,255,.96) !important;
    -webkit-backdrop-filter: blur(18px) saturate(135%) !important;
    backdrop-filter: blur(18px) saturate(135%) !important;
    box-shadow: 0 24px 60px rgba(24,31,38,.16) !important;
}
html body .vorro-search-form {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) auto !important;
    gap: 8px !important;
    margin: 0 !important;
}
html body .vorro-search-form .textbox {
    width: 100% !important;
    min-width: 0 !important;
    height: 42px !important;
    padding: 0 13px !important;
    border: 1px solid #d7dfe5 !important;
    border-radius: 10px !important;
    background: #f8fafb !important;
    color: #20272d !important;
    box-shadow: none !important;
}
html body .vorro-search-form .textbox:focus {
    border-color: #aebac3 !important;
    background: #fff !important;
    box-shadow: 0 0 0 3px rgba(86,97,107,.10) !important;
}
html body .vorro-search-submit {
    min-width: 86px !important;
    height: 42px !important;
    padding-inline: 16px !important;
    border-color: var(--vorro-accent) !important;
    background: var(--vorro-accent) !important;
    color: #fff !important;
}
html body .vorro-search-submit:hover {
    border-color: var(--vorro-accent-hover) !important;
    background: var(--vorro-accent-hover) !important;
}

/* Mobile menu --------------------------------------------------------- */
html body .vorro-mobile-menu {
    display: none !important;
    position: relative !important;
}
html body .vorro-mobile-menu > summary {
    list-style: none !important;
}
html body .vorro-mobile-menu > summary::-webkit-details-marker {
    display: none !important;
}
html body .vorro-mobile-menu-trigger {
    width: 40px !important;
    height: 40px !important;
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    border: 1px solid rgba(190,200,208,.78) !important;
    border-radius: 11px !important;
    background: rgba(255,255,255,.72) !important;
    cursor: pointer !important;
}
html body .vorro-mobile-menu-trigger span {
    width: 17px !important;
    height: 1.5px !important;
    border-radius: 2px !important;
    background: #55616b !important;
}
html body .vorro-mobile-menu[open] .vorro-mobile-menu-trigger {
    background: rgba(238,242,245,.98) !important;
    border-color: #bcc7cf !important;
}
html body .vorro-mobile-nav-panel {
    position: absolute !important;
    top: calc(100% + 11px) !important;
    right: 0 !important;
    z-index: 1190 !important;
    width: min(290px, calc(100vw - 24px)) !important;
    padding: 8px !important;
    border: 1px solid #d9e0e5 !important;
    border-radius: 15px !important;
    background: rgba(255,255,255,.97) !important;
    -webkit-backdrop-filter: blur(18px) saturate(135%) !important;
    backdrop-filter: blur(18px) saturate(135%) !important;
    box-shadow: 0 24px 60px rgba(24,31,38,.16) !important;
}
html body .vorro-mobile-nav-panel ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
html body .vorro-mobile-nav-panel li {
    display: block !important;
    margin: 0 !important;
}
html body .vorro-mobile-nav-panel a {
    display: flex !important;
    align-items: center !important;
    min-height: 42px !important;
    padding: 0 12px !important;
    border-radius: 10px !important;
    background: transparent !important;
    background-image: none !important;
    color: #3f4952 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}
html body .vorro-mobile-nav-panel a:hover {
    background: #f0f3f6 !important;
    color: #171d22 !important;
}

/* Icon contract ------------------------------------------------------- */
html body .vorro-message-icon {
    background-image: var(--vorro-icon-chat, url(../../../images/vorro-light/icons/chat.svg)) !important;
    background-position: center !important;
    background-size: 17px 17px !important;
    background-repeat: no-repeat !important;
}
html body .vorro-account-avatar,
html body .vorro-welcome-avatar {
    background-image: var(--vorro-icon-user, url(../../../images/vorro-light/icons/user.svg)) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}
html body .vorro-widget-title::before {
    background-image: var(--vorro-icon-stats, url(../../../images/vorro-light/icons/stats.svg)) !important;
}
html body .vorro-latest-item::before {
    background-image: var(--vorro-icon-forum-off, url(../../../images/vorro-light/icons/forum-off.svg)) !important;
}
html body .vorro-site-mark::before,
html body .vorro-forum-row .forum_status::before {
    -webkit-mask-image: var(--vorro-icon-chat, url(../../../images/vorro-light/icons/chat.svg)) !important;
    mask-image: var(--vorro-icon-chat, url(../../../images/vorro-light/icons/chat.svg)) !important;
    -webkit-mask-position: center !important;
    mask-position: center !important;
    -webkit-mask-size: contain !important;
    mask-size: contain !important;
    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;
}
html body .vorro-crumb-home-icon {
    -webkit-mask-image: var(--vorro-icon-home, url(../../../images/vorro-light/icons/home.svg)) !important;
    mask-image: var(--vorro-icon-home, url(../../../images/vorro-light/icons/home.svg)) !important;
    -webkit-mask-position: center !important;
    mask-position: center !important;
    -webkit-mask-size: contain !important;
    mask-size: contain !important;
    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;
}
html body .forum_on { background-image: var(--vorro-icon-forum-on, url(../../../images/vorro-light/icons/forum-on.svg)) !important; }
html body .forum_off { background-image: var(--vorro-icon-forum-off, url(../../../images/vorro-light/icons/forum-off.svg)) !important; }
html body .forum_offclose { background-image: var(--vorro-icon-forum-locked, url(../../../images/vorro-light/icons/forum-locked.svg)) !important; }
html body .forum_offlink { background-image: var(--vorro-icon-forum-link, url(../../../images/vorro-light/icons/forum-link.svg)) !important; }
/* Modern forum cards draw their glyph from the custom chat mask instead. */
html body .vorro-forum-row .forum_status { background-image: none !important; }

/* Desktop density staging. */
@media (max-width: 1280px) {
    html body .vorro-site-header .vorro-nav-shell { gap: 20px !important; }
    html body .vorro-brand .vorro-site-name { display: none !important; }
}
@media (max-width: 1160px) {
    html body .vorro-primary-nav a.portal,
    html body .vorro-primary-nav a.calendar { display: none !important; }
}
@media (max-width: 980px) {
    html body .vorro-primary-nav a.memberlist { display: none !important; }
}

@media (max-width: 860px) {
    html body .wrapper,
    html body #content > .wrapper {
        width: calc(100% - 24px) !important;
        max-width: none !important;
        min-width: 0 !important;
        margin-inline: auto !important;
    }
    html body .vorro-site-header .vorro-nav-shell {
        width: calc(100% - 20px) !important;
        max-width: none !important;
        min-height: 62px !important;
        gap: 9px !important;
    }
    html body .vorro-primary-nav { display: none !important; }
    html body .vorro-mobile-menu { display: block !important; }
    html body .vorro-header-actions { gap: 7px !important; }
    html body .vorro-header-search { display: flex !important; }
    html body .vorro-brand .vorro-brand-logo { max-width: 108px !important; max-height: 31px !important; }
    html body .vorro-brand .vorro-site-name { display: none !important; }
    html body .vorro-search-popover { right: -48px !important; }
}

@media (max-width: 560px) {
    html body .wrapper,
    html body #content > .wrapper {
        width: calc(100% - 16px) !important;
    }
    html body .vorro-site-header .vorro-nav-shell {
        width: calc(100% - 14px) !important;
    }
    html body .vorro-brand .vorro-brand-logo { max-width: 92px !important; max-height: 29px !important; }
    html body .vorro-message-text { display: none !important; }
    html body .vorro-message-pill { padding-inline: 7px !important; }
    html body .vorro-nav-login { display: none !important; }
    html body .vorro-nav-register { min-height: 38px !important; padding-inline: 11px !important; }
    html body .vorro-search-popover {
        position: fixed !important;
        top: 70px !important;
        left: 8px !important;
        right: 8px !important;
        width: auto !important;
        max-width: none !important;
    }
    html body .vorro-mobile-nav-panel {
        position: fixed !important;
        top: 70px !important;
        left: 8px !important;
        right: 8px !important;
        width: auto !important;
        max-width: none !important;
    }
    html body .vorro-account-panel {
        position: fixed !important;
        top: 70px !important;
        left: 8px !important;
        right: 8px !important;
        width: auto !important;
        max-width: none !important;
    }
}

@media (max-width: 390px) {
    html body .vorro-brand .vorro-brand-logo { max-width: 78px !important; }
    html body .vorro-message-count { display: none !important; }
    html body .vorro-nav-register { font-size: 11px !important; padding-inline: 9px !important; }
}

html body .vorro-sr-only { position:absolute !important; width:1px !important; height:1px !important; padding:0 !important; margin:-1px !important; overflow:hidden !important; clip:rect(0,0,0,0) !important; white-space:nowrap !important; border:0 !important; }


/* V1.6.0 mobile table geometry: MyBB tables must become full-width blocks
   before forum rows switch to CSS Grid, otherwise WebKit/Chromium can keep
   an intrinsic table width and leave a white strip on the right. */
@media (max-width: 650px) {
    html body .vorro-category-card,
    html body .vorro-category-card > thead,
    html body .vorro-category-card > tbody,
    html body .vorro-category-card > thead > tr,
    html body .vorro-category-card > tbody > tr {
        width: 100% !important;
        max-width: 100% !important;
    }
    html body .vorro-category-card,
    html body .vorro-category-card > thead,
    html body .vorro-category-card > tbody,
    html body .vorro-category-card > thead > tr {
        display: block !important;
    }
    html body .vorro-category-card .vorro-category-head {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    html body .vorro-category-card .vorro-category-body .vorro-forum-row {
        display: grid !important;
        width: 100% !important;
        max-width: 100% !important;
    }
}


/* Tablet guard: an older generic .tborder rule switches every table to block
   below 980px. Vorro forum cards need to remain real tables until the 650px
   grid breakpoint, otherwise the inner table groups keep an intrinsic width. */
@media (min-width: 651px) and (max-width: 980px) {
    html body .vorro-category-card {
        display: table !important;
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
    }
}


/* =========================================================
   VORRO LIGHT V1.6.2 — THREAD / POSTING REGRESSION PASS
   ========================================================= */

/* Theme icon contract.
   Bundled icons are the default. A site owner may define any of the
   --vorro-icon-* variables in vorro-custom.css with a local OR absolute URL.
   Nothing in the stock custom stylesheet overrides these defaults. */
html body .vorro-search-trigger-icon {
    background-image: var(--vorro-icon-search, url(../../../images/vorro-light/icons/search.svg)) !important;
}
html body .vorro-message-icon {
    background-image: var(--vorro-icon-chat, url(../../../images/vorro-light/icons/chat.svg)) !important;
}
html body .vorro-account-avatar,
html body .vorro-welcome-avatar {
    background-image: var(--vorro-icon-user, url(../../../images/vorro-light/icons/user.svg)) !important;
}
html body .vorro-widget-title::before {
    background-image: var(--vorro-icon-stats, url(../../../images/vorro-light/icons/stats.svg)) !important;
}
html body .vorro-latest-item::before {
    background-image: var(--vorro-icon-forum-off, url(../../../images/vorro-light/icons/forum-off.svg)) !important;
}
html body .vorro-site-mark::before,
html body .vorro-forum-row .forum_status::before {
    -webkit-mask-image: var(--vorro-icon-chat, url(../../../images/vorro-light/icons/chat.svg)) !important;
    mask-image: var(--vorro-icon-chat, url(../../../images/vorro-light/icons/chat.svg)) !important;
}
html body .vorro-crumb-home-icon {
    -webkit-mask-image: var(--vorro-icon-home, url(../../../images/vorro-light/icons/home.svg)) !important;
    mask-image: var(--vorro-icon-home, url(../../../images/vorro-light/icons/home.svg)) !important;
}

/* Forum legend: explicit 24px icon slots. These do not inherit the forum-row
   mask rules, so the four meanings stay visibly distinct. */
html body .forum_legend {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 10px 20px !important;
    margin-top: 18px !important;
}
html body .forum_legend dt,
html body .forum_legend dd {
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
}
html body .forum_legend dt { margin-right: -13px !important; }
html body .forum_legend .forum_status {
    position: relative !important;
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    display: inline-block !important;
    background: transparent !important;
    background-image: none !important;
    opacity: 1 !important;
    filter: none !important;
}
html body .forum_legend .forum_status::before {
    content: "" !important;
    position: absolute !important;
    inset: 1px !important;
    display: block !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
}
html body .forum_legend .forum_on::before {
    background-image: var(--vorro-icon-forum-on, url(../../../images/vorro-light/icons/forum-on.svg)) !important;
}
html body .forum_legend .forum_off::before {
    background-image: var(--vorro-icon-forum-off, url(../../../images/vorro-light/icons/forum-off.svg)) !important;
}
html body .forum_legend .forum_offclose::before {
    background-image: var(--vorro-icon-forum-locked, url(../../../images/vorro-light/icons/forum-locked.svg)) !important;
}
html body .forum_legend .forum_offlink::before {
    background-image: var(--vorro-icon-forum-link, url(../../../images/vorro-light/icons/forum-link.svg)) !important;
}

/* V1.6.5 post controls + Edit menu.
   All post actions share one aligned row; the Edit menu itself is portaled
   to document.body, so rounded post-card overflow cannot clip it. */
html body .post .post_controls,
html body .post.classic .post_controls {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    position: relative !important;
    overflow: visible !important;
}
html body .post .post_controls .vorro-post-actions,
html body .post.classic .post_controls .vorro-post-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    width: auto !important;
    margin: 0 !important;
    float: none !important;
}
html body .post .post_controls .vorro-post-actions > a,
html body .post.classic .post_controls .vorro-post-actions > a {
    margin: 0 !important;
}
@media (max-width: 620px) {
    html body .post .post_controls .vorro-post-actions,
    html body .post.classic .post_controls .vorro-post-actions {
        width: 100% !important;
        justify-content: flex-end !important;
    }
}

html body .postbit_buttons .vorro-post-edit-trigger,
html body .postbit_buttons a.vorro-post-edit-trigger {
    min-height: 34px !important;
    padding: 0 11px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    border: 1px solid #e0e5e9 !important;
    border-radius: 9px !important;
    background: #fff !important;
    color: #59646e !important;
    cursor: pointer !important;
    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 650 !important;
    white-space: nowrap !important;
    text-decoration: none !important;
}
html body .postbit_buttons .vorro-post-edit-trigger:hover,
html body .postbit_buttons .vorro-post-edit-trigger:focus-visible {
    background: #f3f6f8 !important;
    color: #252c33 !important;
    border-color: #d5dce2 !important;
}

/* Important: no top/left/right !important here. The showthread controller
   writes document coordinates inline after the popup has been portaled to body. */
html body > .vorro-post-edit-popover {
    position: absolute;
    z-index: 20000 !important;
    width: 176px !important;
    min-width: 176px !important;
    max-width: none !important;
    padding: 6px !important;
    box-sizing: border-box !important;
    border: 1px solid #d8dee3 !important;
    border-radius: 12px !important;
    background: #fff !important;
    box-shadow: 0 18px 42px rgba(24,31,38,.20) !important;
    overflow: visible !important;
}
html body > .vorro-post-edit-popover .popup_item_container {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
}
html body > .vorro-post-edit-popover .popup_item,
html body > .vorro-post-edit-popover .popup_item:link,
html body > .vorro-post-edit-popover .popup_item:visited {
    width: 100% !important;
    min-height: 38px !important;
    padding: 0 11px !important;
    display: flex !important;
    align-items: center !important;
    box-sizing: border-box !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: transparent !important;
    color: #414b54 !important;
    font-size: 11px !important;
    font-weight: 680 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    text-decoration: none !important;
}
html body > .vorro-post-edit-popover .popup_item:hover,
html body > .vorro-post-edit-popover .popup_item:active,
html body > .vorro-post-edit-popover .popup_item:focus-visible {
    background: #f1f4f6 !important;
    color: #1d242a !important;
    outline: none !important;
}

/* Post icons are now one full-width row instead of two cramped table cells. */
html body form[name="input"] .vorro-posticons-row > td {
    padding: 12px 14px !important;
    vertical-align: middle !important;
}
html body .vorro-posticons-wrap {
    display: grid !important;
    grid-template-columns: 150px minmax(0,1fr) !important;
    align-items: center !important;
    gap: 12px 18px !important;
}
html body .vorro-posticons-title {
    margin: 0 !important;
    color: #2c343b !important;
    font-size: 12px !important;
    font-weight: 760 !important;
    line-height: 1.25 !important;
}
html body .vorro-posticons-grid {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 7px !important;
    min-width: 0 !important;
}
html body form[name="input"] .vorro-posticons-grid .posticons_label {
    min-width: 32px !important;
    min-height: 32px !important;
    margin: 0 !important;
    padding: 4px 6px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    box-sizing: border-box !important;
    border: 1px solid #e1e6ea !important;
    border-radius: 9px !important;
    background: #fff !important;
    color: #6d7882 !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}
html body form[name="input"] .vorro-posticons-grid .posticons_label:hover {
    border-color: #cfd7dd !important;
    background: #f7f9fa !important;
}
html body form[name="input"] .vorro-posticons-grid .posticons_label:has(input:checked) {
    border-color: var(--vorro-accent, #56616b) !important;
    box-shadow: 0 0 0 2px rgba(86,97,107,.10) !important;
}
html body form[name="input"] .vorro-posticons-grid .posticons_label input {
    margin: 0 !important;
    flex: 0 0 auto !important;
}
html body form[name="input"] .vorro-posticons-grid .posticons_label img {
    width: auto !important;
    max-width: 18px !important;
    max-height: 18px !important;
    display: block !important;
}
html body .vorro-no-icon-option {
    min-width: auto !important;
    padding-left: 9px !important;
    padding-right: 9px !important;
    background: #f8fafb !important;
    font-size: 10px !important;
}

@media (max-width: 700px) {
    html body .vorro-posticons-wrap {
        grid-template-columns: 1fr !important;
        gap: 9px !important;
    }
}