/* Standalone override file — the CDN in front of this site is caching templates/themes/default/css/style.css
   aggressively across edge locations regardless of its ?v= query-string version, so this fix ships under
   a brand-new, never-before-cached filename to guarantee it reaches every visitor immediately.
   Once style.css itself is confirmed to be serving fresh (cache purged or naturally expired), these rules
   should be merged back into style.css's "Sub Navbar (account.tpl .breadcrumbs...)" section and this file
   deleted along with its <link> in header.tpl. */

.breadcrumbs-spacer {
    min-height: 54px !important;
}

.breadcrumbs {
    position: fixed !important;
    top: 61px !important;
    left: 0 !important;
    right: 0 !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    float: none !important;
    z-index: 999 !important;
}

/* The actual "General Statistics / Commissions / ..." bar on sidebar-layout accounts
   (menu_left_column.tpl, reflowed into a horizontal bar) — same fixed-position fix. */
.sideBar {
    position: fixed !important;
    top: 72px !important;
    left: 0 !important;
    right: 0 !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    float: none !important;
    padding: 0 !important;
    z-index: 900 !important;
}

.sideBar ~ .contentArea {
    padding-top: 45px !important;
}

/* Mobile: force the nav items into exactly 2 rows via a 4-column grid (7 items -> 4 + 3),
   instead of letting flex-wrap break unevenly across 3+ lines. */
@media only screen and (max-width: 767px) {
    .sideBar .rTabs {
        display: grid !important;
        grid-template-columns: repeat(4, 1fr) !important;
        gap: 2px !important;
        padding: 6px !important;
    }

    .sideBar .rTabs li {
        width: auto !important;
    }

    .sideBar .rTabs li a {
        white-space: normal !important;
        text-align: center !important;
        justify-content: center !important;
        flex-direction: column !important;
        gap: 2px !important;
        padding: 8px 4px !important;
        font-size: 11.5px !important;
        line-height: 1.25 !important;
        min-height: 48px !important;
    }

    /* .site-nav wraps to 2 lines on mobile (brand+toggle, then the account pill), so it's
       taller than the desktop-tuned 72px top offset. Push .sideBar down below it, and give
       .contentArea enough top padding to clear both the taller dark nav AND the now 2-row
       sidebar grid, so nothing renders hidden behind them. Approximate — nudge if there's
       still a gap or overlap. */
    .sideBar {
        top: 132px !important;
    }

    .sideBar ~ .contentArea {
        padding-top: 110px !important;
    }
}

/* Testimonial form (account_testimonials.tpl, page=41): Name + Website URL side by side,
   Testimonial textarea spans the full width of the card. */
.contentArea .acct-coupon-form.acct-wide-form {
    max-width: 100% !important;
}

.contentArea .acct-coupon-form .acct-form-row {
    display: flex !important;
    gap: 16px !important;
    flex-wrap: wrap !important;
}

.contentArea .acct-coupon-form .acct-form-row .form-group {
    flex: 1 1 240px !important;
}

.contentArea .acct-coupon-form .acct-form-full {
    width: 100% !important;
}