/* ============================================================
   StreetMindz Child — BuddyBoss LAYOUT layer
   The real full-bleed + BuddyPanel-offset system used on
   streetmindz.com. Loaded AFTER streetmindz-global.css.

   BuddyPanel: closed = 68px, open = 230px.
   Marketing page templates (page-about, page-store, …) go
   full-bleed; BuddyBoss/BuddyPress/WooCommerce system pages
   (Network, Members, Groups, Shop) keep the DEFAULT layout.
   ============================================================ */

/* Hide WP default page/entry titles on custom templates */
.ps-active { overflow: visible; }
.page-title, .entry-title { display: none; }

/* No horizontal scroll on mobile */
html, body { max-width: 100%; overflow-x: hidden; }

/* BuddyPanel width as a variable */
:root { --smz-panel-width: 68px; }
body.buddypanel-open { --smz-panel-width: 230px; }
@media (max-width: 800px) {
  :root, body.buddypanel-open { --smz-panel-width: 0px; }
}

/* ================================================
   FULL WIDTH LAYOUT — Instagram-style
   margin-left matches BuddyBoss panel transition
================================================ */
@media (min-width: 800px) {
  .bb-buddypanel:not(.activate):not(.register) .site {
    margin-left: 68px !important;
    padding-left: 0 !important;
    transition: margin-left 0.2s !important;
  }
  .bb-buddypanel.buddypanel-open:not(.activate):not(.register) .site {
    margin-left: 230px !important;
    padding-left: 0 !important;
  }
  .buddypanel { position: fixed !important; z-index: 9999 !important; }
}
@media (max-width: 799px) {
  .site { margin-left: 0 !important; padding-left: 0 !important; }
}

/* ================================================
   HERO SECTIONS — true full-bleed (edge to edge)
================================================ */
.smz-fp-wrap, .smz-sp-wrap, .smz-about-wrap, .smz-academy-wrap, .smz-network-wrap,
.smz-union-wrap, .smz-store-wrap, .smz-media-wrap, .smz-events-wrap, .smz-coaching-wrap,
.smz-contact-wrap, .smz-mission-wrap, .smz-artist-wrap {
  padding: 0 !important; margin-left: 0 !important; margin-right: 0 !important;
}
.home .site-content > .container,
.page-template-default .site-content > .container {
  padding-left: 0 !important; padding-right: 0 !important;
}

@media (min-width: 800px) {
  .smz-fp-hero, .smz-sp-hero, .smz-about-hero, .smz-academy-hero, .smz-network-hero,
  .smz-union-hero, .smz-store-hero, .smz-media-hero, .smz-events-hero, .smz-coaching-hero,
  .smz-contact-hero, .smz-mission-hero, .smz-artist-hero {
    margin-left: -68px !important;
    width: calc(100% + 68px) !important;
    transition: margin-left 0.2s, width 0.2s !important;
  }
  .bb-buddypanel.buddypanel-open .smz-fp-hero,
  .bb-buddypanel.buddypanel-open .smz-sp-hero,
  .bb-buddypanel.buddypanel-open .smz-about-hero,
  .bb-buddypanel.buddypanel-open .smz-academy-hero,
  .bb-buddypanel.buddypanel-open .smz-network-hero,
  .bb-buddypanel.buddypanel-open .smz-union-hero,
  .bb-buddypanel.buddypanel-open .smz-store-hero,
  .bb-buddypanel.buddypanel-open .smz-media-hero,
  .bb-buddypanel.buddypanel-open .smz-events-hero,
  .bb-buddypanel.buddypanel-open .smz-coaching-hero,
  .bb-buddypanel.buddypanel-open .smz-contact-hero,
  .bb-buddypanel.buddypanel-open .smz-mission-hero,
  .bb-buddypanel.buddypanel-open .smz-artist-hero {
    margin-left: -230px !important;
    width: calc(100% + 230px) !important;
  }
}
@media (max-width: 799px) {
  .smz-fp-hero, .smz-sp-hero, .smz-about-hero, .smz-academy-hero, .smz-network-hero,
  .smz-union-hero, .smz-store-hero, .smz-media-hero, .smz-events-hero, .smz-coaching-hero,
  .smz-contact-hero, .smz-mission-hero, .smz-artist-hero {
    margin-left: 0 !important; width: 100% !important;
  }
}

/* Remove right gap */
.content-area.bs-bp-container { padding-right: 0 !important; }

/* ================================================
   BuddyBoss profile/community — inner padding
================================================ */
@media (min-width: 800px) {
  #buddypress, .buddypress-wrap { padding-left: 15px !important; padding-right: 15px !important; }
  #buddypress .bb-header .cover-image-container,
  #buddypress .header-cover-reposition-wrap,
  .bp-header-cover-image,
  #buddypress .profile-cover-image {
    margin-left: -15px !important; margin-right: -15px !important;
    width: calc(100% + 30px) !important; max-width: calc(100% + 30px) !important;
  }
}
@media (max-width: 799px) {
  #buddypress, .buddypress-wrap { padding-left: 10px !important; padding-right: 10px !important; }
}

/* ============================================================
   Full-Bleed Home/Custom templates (.smz-fp-* via :has)
   BuddyBoss system pages stay UNTOUCHED.
   ============================================================ */
body:has(.smz-fp-wrap) #content > .container,
body:has(.smz-fp-wrap) #content > .container > .bb-grid,
body:has(.smz-fp-wrap) .smz-fp-wrap {
  max-width: none !important; width: 100% !important;
  padding-left: 0 !important; padding-right: 0 !important;
  margin-left: 0 !important; margin-right: 0 !important;
}
.smz-fp-wrap > .smz-fp-hero,
.smz-fp-wrap > .smz-fp-section {
  width: calc(100% + var(--smz-panel-width)) !important;
  max-width: calc(100% + var(--smz-panel-width)) !important;
  margin-left: calc(-1 * var(--smz-panel-width)) !important;
  margin-right: 0 !important;
  padding-left: var(--smz-panel-width) !important;
  padding-right: 0 !important;
  box-sizing: border-box;
  transition: margin-left 0.25s ease, padding-left 0.25s ease;
}
.smz-fp-hero .smz-fp-container,
.smz-fp-section > .smz-fp-container,
.smz-fp-section > .smz-fp-inner {
  width: 100% !important; max-width: 100% !important;
  margin-left: 0 !important; margin-right: 0 !important;
  padding-left: 2rem; padding-right: 2rem; box-sizing: border-box;
}
@media (max-width: 800px) {
  .smz-fp-hero .smz-fp-container,
  .smz-fp-section > .smz-fp-container,
  .smz-fp-section > .smz-fp-inner {
    padding-left: 1rem; padding-right: 1rem;
  }
}

/* === Universal Hero Full-Bleed Fix === */
html, body, #page, #content, .container, .bb-grid, .smz-fp-wrap, .smz-about-wrap { overflow-x: clip; }

body.page-template-page-about #content > .container,
body.page-template-page-about #content > .container > .bb-grid,
body.home #content > .container,
body.home #content > .container > .bb-grid {
  max-width: none !important; width: 100% !important;
  padding-left: 0 !important; padding-right: 0 !important;
}
html body#page-template-page-about section.smz-about-hero,
html body.page-template-page-about #page #content .container .bb-grid section.smz-about-hero,
html body.home #page #content .container .bb-grid section.smz-fp-hero,
html body #page #content .container .bb-grid section[class*="smz-"][class*="-hero"],
html body section[class*="smz-"][class*="-hero"][class] {
  width: 100% !important; max-width: 100% !important; min-width: 0 !important;
  margin-left: 0 !important; margin-right: 0 !important;
  padding-left: 0 !important; padding-right: 0 !important;
  box-sizing: border-box !important; flex: 1 1 100% !important;
}
.smz-about-hero > .smz-about-wrap,
.smz-fp-hero > .smz-fp-container {
  max-width: 1200px !important; margin-left: auto !important; margin-right: auto !important;
  padding-left: 24px !important; padding-right: 24px !important;
  box-sizing: border-box !important; width: 100% !important;
}
body.page-template-page-about #content > .container > .bb-grid > *:not(section[class*="smz-"][class*="-hero"]),
body.home #content > .container > .bb-grid > *:not(section[class*="smz-"][class*="-hero"]) {
  max-width: 1200px; margin-left: auto; margin-right: auto;
  padding-left: 10px; padding-right: 10px; box-sizing: border-box; width: 100%;
}
@media (max-width: 800px) {
  .smz-about-hero > .smz-about-wrap,
  .smz-fp-hero > .smz-fp-container { padding-left: 16px !important; padding-right: 16px !important; }
}

/* ============================================================
   Reset .site margin for BuddyBoss SYSTEM pages (default layout)
   while custom page templates go full-width.
   ============================================================ */
@media (min-width: 800px) {
  body.buddypress .bb-buddypanel:not(.activate):not(.register) .site,
  body.bp-nouveau .bb-buddypanel:not(.activate):not(.register) .site,
  body.woocommerce .bb-buddypanel:not(.activate):not(.register) .site,
  body.woocommerce-page .bb-buddypanel:not(.activate):not(.register) .site,
  body.blog .bb-buddypanel:not(.activate):not(.register) .site,
  body.error404 .bb-buddypanel:not(.activate):not(.register) .site,
  body.search-results .bb-buddypanel:not(.activate):not(.register) .site {
    margin-left: 68px !important; width: calc(100vw - 68px) !important; max-width: none !important;
  }
  body.page-template-page-about .bb-buddypanel:not(.activate):not(.register) .site,
  body.page-template-page-academy .bb-buddypanel:not(.activate):not(.register) .site,
  body.page-template-page-agency .bb-buddypanel:not(.activate):not(.register) .site,
  body.page-template-page-network .bb-buddypanel:not(.activate):not(.register) .site,
  body.activity-component .bb-buddypanel:not(.activate):not(.register) .site,
  body.page-template-page-store .bb-buddypanel:not(.activate):not(.register) .site,
  body.page-template-page-crowd .bb-buddypanel:not(.activate):not(.register) .site,
  body.page-template-page-union .bb-buddypanel:not(.activate):not(.register) .site,
  body.page-template-page-management .bb-buddypanel:not(.activate):not(.register) .site,
  body.page-template-page-smartwear .bb-buddypanel:not(.activate):not(.register) .site,
  body.page-template-page-tv .bb-buddypanel:not(.activate):not(.register) .site,
  body.page-template-page-breaking-cap .bb-buddypanel:not(.activate):not(.register) .site,
  body.page-template-page-businessplan .bb-buddypanel:not(.activate):not(.register) .site,
  body.home .bb-buddypanel:not(.activate):not(.register) .site {
    margin-left: 0 !important; width: 100vw !important; max-width: none !important;
  }
}

/* ============================================================
   SMartNetwork / BuddyBoss Activity — light network design
   Body classes present on the activity feed: activity-component bp-nouveau
   Network section colours: navy #182B53 · gold #AA9260 · white bg
   ============================================================ */
body.activity-component,
body.activity-component .site,
body.activity-component #page {
  background: #F7F5F0 !important;
  color: #0C1322;
}

body.activity-component #content,
body.activity-component .site-content,
body.activity-component .bb-grid {
  background: #F7F5F0 !important;
}

/* Activity feed container */
body.activity-component #buddypress,
body.activity-component .buddypress-wrap {
  background: transparent !important;
}

/* Post box */
body.activity-component #whats-new-form,
body.activity-component .activity-update-form {
  background: #fff;
  border: 1px solid rgba(24, 43, 83, .18);
  border-radius: 12px;
  box-shadow: 0 2px 12px rgba(24, 43, 83, .06);
}

/* Individual activity items */
body.activity-component ul.activity-list > li.activity-item {
  background: #fff !important;
  border: 1px solid rgba(24, 43, 83, .13) !important;
  border-radius: 10px !important;
  margin-bottom: 14px !important;
  box-shadow: 0 1px 6px rgba(24, 43, 83, .05);
}

body.activity-component ul.activity-list > li.activity-item:hover {
  border-color: rgba(170, 146, 96, .45) !important;
  box-shadow: 0 3px 14px rgba(24, 43, 83, .09);
}

/* Author name */
body.activity-component .activity-header a,
body.activity-component .activity-content .activity-header p a {
  color: #182B53 !important;
  font-weight: 600;
}
body.activity-component .activity-header a:hover {
  color: #AA9260 !important;
}

/* Activity text */
body.activity-component .activity-inner p,
body.activity-component .activity-content .activity-inner {
  color: #2A3548;
}

/* Meta / timestamps */
body.activity-component .activity-meta,
body.activity-component .activity-header .activity-time-since a {
  color: rgba(24, 43, 83, .48) !important;
}

/* Like / Comment action buttons */
body.activity-component .activity-meta a.button,
body.activity-component .generic-button a,
body.activity-component .activity-item .activity-meta .button {
  color: #182B53 !important;
  border-color: rgba(24, 43, 83, .22) !important;
  background: transparent !important;
}
body.activity-component .activity-meta a.button:hover,
body.activity-component .generic-button a:hover {
  color: #AA9260 !important;
  border-color: #AA9260 !important;
}

/* Comment area */
body.activity-component .activity-comments {
  background: rgba(24, 43, 83, .03) !important;
  border-top: 1px solid rgba(24, 43, 83, .1) !important;
}

/* Post/Submit button */
body.activity-component #aw-whats-new-submit input[type="submit"],
body.activity-component .activity-update-form input[type="submit"] {
  background: #182B53 !important;
  color: #fff !important;
  border-color: #182B53 !important;
}
body.activity-component #aw-whats-new-submit input[type="submit"]:hover {
  background: #AA9260 !important;
  border-color: #AA9260 !important;
}

/* Sidebar widgets */
body.activity-component .widget,
body.activity-component aside.sidebar {
  background: #fff !important;
  border: 1px solid rgba(24, 43, 83, .12) !important;
  border-radius: 10px;
}

/* Page heading */
body.activity-component .entry-title,
body.activity-component h1.page-title {
  color: #182B53 !important;
  font-weight: 800;
}

/* Divider lines */
body.activity-component hr,
body.activity-component .bp-widget-divider {
  border-color: rgba(24, 43, 83, .12) !important;
}

/* ============================================================
   SMZ GLOBAL DESIGN OVERRIDE — all WordPress/BuddyBoss pages
   Applies the StreetMindz design system site-wide.
   Dark navy #182B53 · Gold #AA9260 · Cloud #F4F1EA · Ink #0C1322
   ============================================================ */

/* ---- Base: background + typography ---- */
body:not(.smz-standalone) {
  background: #0C1322;
  color: #F4F1EA;
  font-family: 'Ubuntu', system-ui, -apple-system, sans-serif;
  -webkit-font-smoothing: antialiased;
}

/* ---- BuddyBoss header / top bar ---- */
#masthead,
.bb-header,
.site-header,
header.site-header {
  background: rgba(12, 19, 34, .92) !important;
  border-bottom: 1px solid rgba(170, 146, 96, .28) !important;
  backdrop-filter: blur(14px);
}

/* ---- BuddyPanel (left sidebar) ---- */
#buddypanel,
.bb-buddypanel {
  background: #0C1322 !important;
  border-right: 1px solid rgba(170, 146, 96, .18) !important;
}
#buddypanel .bp-wrap,
.bb-buddypanel .bp-wrap {
  background: transparent !important;
}
#buddypanel a,
.bb-buddypanel a {
  color: rgba(244, 241, 234, .7) !important;
}
#buddypanel a:hover,
.bb-buddypanel a:hover,
#buddypanel a.selected,
.bb-buddypanel a.selected {
  color: #AA9260 !important;
  background: rgba(170, 146, 96, .1) !important;
}
.bb-panel-nav-item.selected svg,
.bb-panel-nav-item:hover svg {
  fill: #AA9260 !important;
  color: #AA9260 !important;
}

/* ---- Main content area ---- */
#content,
.site-content,
.bb-content,
.site-inner {
  background: #0C1322 !important;
}

/* ---- Page/Entry titles ---- */
h1, h2, h3, h4, h5, h6 {
  color: #F4F1EA;
}
.entry-title,
.page-title,
.bp-screen-title {
  color: #F4F1EA !important;
  font-weight: 800;
}

/* ---- Links ---- */
a {
  color: #AA9260;
}
a:hover {
  color: #C2AE84;
}

/* ---- BuddyBoss Cards / Panels ---- */
.bp-list > li,
.members-list > li,
.groups-list > li,
.activity-list > li,
.bb-card,
.bp-widget,
.widget {
  background: rgba(255, 255, 255, .04) !important;
  border: 1px solid rgba(170, 146, 96, .22) !important;
  border-radius: 10px !important;
  color: #F4F1EA !important;
}
.bp-list > li:hover,
.members-list > li:hover,
.groups-list > li:hover {
  border-color: rgba(170, 146, 96, .5) !important;
}

/* ---- BuddyBoss Buttons ---- */
.button,
button,
input[type="submit"],
input[type="button"],
.bb-submit-btn,
.bp-button {
  background: #182B53 !important;
  color: #F4F1EA !important;
  border: 1px solid rgba(170, 146, 96, .4) !important;
  border-radius: 6px !important;
  font-family: 'Ubuntu', sans-serif !important;
  transition: background .18s, border-color .18s !important;
}
.button:hover,
button:hover,
input[type="submit"]:hover,
.bp-button:hover {
  background: #AA9260 !important;
  color: #1A1408 !important;
  border-color: #AA9260 !important;
}
.button.bp-primary-action,
.bp-primary-action,
input[type="submit"].submit {
  background: #AA9260 !important;
  color: #1A1408 !important;
  border-color: #AA9260 !important;
  font-weight: 700 !important;
}
.button.bp-primary-action:hover {
  background: #C2AE84 !important;
}

/* ---- Forms / Inputs ---- */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="url"],
input[type="number"],
textarea,
select {
  background: rgba(255, 255, 255, .05) !important;
  border: 1px solid rgba(170, 146, 96, .32) !important;
  border-radius: 6px !important;
  color: #F4F1EA !important;
  font-family: 'Ubuntu', sans-serif !important;
}
input:focus,
textarea:focus,
select:focus {
  border-color: #AA9260 !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(170, 146, 96, .18) !important;
}

/* ---- BuddyBoss Tabs / Subnav ---- */
#subnav,
.bp-navs,
.bb-tabs,
.item-list-tabs {
  background: #0C1322 !important;
  border-bottom: 1px solid rgba(170, 146, 96, .22) !important;
}
#subnav li a,
.bp-navs li a,
.bb-tabs li a,
.item-list-tabs li a {
  color: rgba(244, 241, 234, .65) !important;
  border-bottom: 2px solid transparent !important;
}
#subnav li.current a,
#subnav li a:hover,
.bp-navs li.current a,
.bp-navs li a:hover,
.bb-tabs li.selected a,
.item-list-tabs li.current a {
  color: #AA9260 !important;
  border-bottom-color: #AA9260 !important;
}

/* ---- Member / Group covers ---- */
.bb-cover-photo,
.profile-header-wrap,
.group-cover-photo {
  background: linear-gradient(180deg, #182B53 0%, #0C1322 100%) !important;
}

/* ---- Member list avatars border ---- */
.members-list .item-avatar img,
.groups-list .item-avatar img,
.activity-list .activity-avatar img {
  border: 2px solid rgba(170, 146, 96, .5) !important;
  border-radius: 50% !important;
}

/* ---- Notifications / badges ---- */
.count,
.bp-count,
.notification-count,
#wp-admin-bar-menu-toggle .ab-item:after {
  background: #AA9260 !important;
  color: #1A1408 !important;
}

/* ---- WooCommerce ---- */
.woocommerce,
.woocommerce-page {
  background: #0C1322;
}
.woocommerce .woocommerce-breadcrumb {
  color: rgba(244, 241, 234, .5) !important;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  background: rgba(255, 255, 255, .04) !important;
  border: 1px solid rgba(170, 146, 96, .22) !important;
  border-radius: 10px !important;
}
.woocommerce ul.products li.product:hover {
  border-color: rgba(170, 146, 96, .5) !important;
  transform: translateY(-3px);
  transition: transform .2s, border-color .2s;
}
.woocommerce .price,
.woocommerce-page .price {
  color: #AA9260 !important;
  font-weight: 800;
}
.woocommerce #content table.cart td.actions .coupon .input-text,
.woocommerce-cart .woocommerce table.shop_table {
  background: rgba(255, 255, 255, .04) !important;
  border-color: rgba(170, 146, 96, .25) !important;
  color: #F4F1EA !important;
}
.woocommerce table.shop_table td,
.woocommerce table.shop_table th {
  border-color: rgba(170, 146, 96, .18) !important;
  color: #F4F1EA !important;
}
.woocommerce table.shop_table {
  background: rgba(255, 255, 255, .03) !important;
  border-radius: 10px !important;
  overflow: hidden;
}
.woocommerce .cart-collaterals .cart_totals,
.woocommerce .checkout-order-review {
  background: rgba(255, 255, 255, .04) !important;
  border: 1px solid rgba(170, 146, 96, .22) !important;
  border-radius: 10px !important;
}
.woocommerce-checkout #payment {
  background: rgba(255, 255, 255, .04) !important;
  border: 1px solid rgba(170, 146, 96, .22) !important;
  border-radius: 10px !important;
}
.woocommerce-checkout #payment ul.payment_methods {
  border-bottom-color: rgba(170, 146, 96, .22) !important;
}

/* ---- LearnDash ---- */
.learndash-wrapper,
.ld-lesson-item,
.ld-course-list-item,
.ld-section-heading {
  background: rgba(255, 255, 255, .04) !important;
  border: 1px solid rgba(170, 146, 96, .22) !important;
  border-radius: 10px !important;
  color: #F4F1EA !important;
}
.ld-progress-bar-percentage {
  background: #AA9260 !important;
}
.learndash-wrapper .ld-button,
.learndash-wrapper a.btn-blue {
  background: #AA9260 !important;
  color: #1A1408 !important;
  border-color: #AA9260 !important;
}

/* ---- WP Admin Bar (frontend) ---- */
#wpadminbar {
  background: #0C1322 !important;
  border-bottom: 1px solid rgba(170, 146, 96, .28) !important;
}
#wpadminbar a,
#wpadminbar .ab-item {
  color: rgba(244, 241, 234, .75) !important;
}
#wpadminbar a:hover,
#wpadminbar li:hover > a {
  color: #AA9260 !important;
  background: rgba(170, 146, 96, .1) !important;
}

/* ---- Pagination ---- */
.pagination .page-numbers,
.bp-pagination .page-numbers {
  background: rgba(255, 255, 255, .06) !important;
  border: 1px solid rgba(170, 146, 96, .28) !important;
  color: #F4F1EA !important;
  border-radius: 6px !important;
}
.pagination .current,
.bp-pagination .current,
.pagination .page-numbers:hover {
  background: #AA9260 !important;
  color: #1A1408 !important;
  border-color: #AA9260 !important;
}

/* ---- Search ---- */
.search-form input[type="search"],
.bb-search-input {
  background: rgba(255, 255, 255, .06) !important;
  border: 1px solid rgba(170, 146, 96, .32) !important;
  color: #F4F1EA !important;
  border-radius: 8px !important;
}

/* ---- Sidebar / widgets ---- */
.widget-area,
aside.sidebar,
#sidebar {
  background: transparent !important;
}
.widget-area .widget,
aside.sidebar .widget {
  background: rgba(255, 255, 255, .04) !important;
  border: 1px solid rgba(170, 146, 96, .18) !important;
  border-radius: 10px !important;
  padding: 20px !important;
}
.widget-title,
.widgettitle {
  color: #AA9260 !important;
  font-size: 11px !important;
  letter-spacing: .2em !important;
  text-transform: uppercase !important;
  font-weight: 700 !important;
  margin-bottom: 14px !important;
}

/* ---- Footer ---- */
.site-footer,
footer.site-footer {
  background: #0C1322 !important;
  border-top: 1px solid rgba(170, 146, 96, .22) !important;
  color: rgba(244, 241, 234, .65) !important;
}

/* ---- Scrollbar (Webkit) ---- */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: #0C1322; }
::-webkit-scrollbar-thumb { background: rgba(170, 146, 96, .4); border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: rgba(170, 146, 96, .7); }