/* bs-wfcm.css — pixel-level replica styles */




/* header */
.bs-header {
  position: sticky;
  top: 0;
  z-index: 20;
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  background: rgb(17 24 39);
  backdrop-filter: blur(6px);
  color: #fff;
}
.bs-header h1 { flex: 1; text-align:center; font-size:1.125rem; font-weight:700; margin:0;}
.bs-back-btn { background: none; border: none; color:#fff; font-size:1.25rem; }

/* avatar */
.bs-avatar {
  width: 128px;
  height: 128px;
  margin: 0 auto;
  border-radius: 50%;
  background-size: cover;
  background-position: center;
  border: 4px solid #374151; /* gray-700 */
  box-shadow: 0 8px 18px rgba(0,0,0,0.6);
}

/* name */
.bs-name { color:#fff; font-size:1.5rem; font-weight:700; margin-top:.75rem; margin-bottom:.25rem;}
.bs-sub { color:#9CA3AF; margin-bottom:.5rem; }

/* stats */
.bs-stats .stat-value { font-size:1.25rem; font-weight:700; margin:0; color:#fff; }
.bs-stats .stat-label { color:#9CA3AF; margin:0; font-size:.85rem; }

/* description */
.bs-desc { color:#D1D5DB; max-width:760px; margin-left:auto; margin-right:auto; }

/* tabs */
.bs-tabs { display:flex; gap:1rem; border-bottom: 1px solid rgba(148,163,184,0.08); padding-bottom:.5rem; }
.bs-tabs .tab {
  background: none; border: none; color:#9CA3AF; padding:.5rem .25rem; font-weight:500;
}
.bs-tabs .tab.active { color:#fff; border-bottom: 2px solid #2563EB; }

/* gallery */
.bs-gallery .bs-thumb {
  width: 100%;
  padding-top: 100%;
  background-size: cover;
  background-position:center;
  border-radius: .5rem;
  position: relative;
  overflow: hidden;
}
.bs-thumb-overlay {
  position:absolute; inset:0; background:rgba(0,0,0,0.45); display:flex; align-items:center; justify-content:center; opacity:0; transition:opacity .18s;
  color:#fff; font-size:2rem;
}
.bs-thumb:hover .bs-thumb-overlay { opacity:1; }

/* sponsor button */
.bs-sponsor-btn {
  --btn-bg: #1172d4;
  background: var(--btn-bg);
  color:#fff;
  height:48px;
  border-radius: .5rem;
  font-weight:700;
  transition: background .12s;
}
.bs-sponsor-btn:hover { background: #0f62b9; }

/* footer nav */
.bs-footer { position: sticky; bottom:0; z-index:20; background:#1c2127; padding:.5rem 0; margin-top:2rem; }
.bs-foot-link { display:flex; align-items:center; flex-direction:column; gap:.25rem; color:#9CA3AF; text-decoration:none; font-size:.75rem; }
.bs-foot-link.active { color:#fff; }

/* mini cart */
.bs-mini-cart {
  position: fixed;
  right: 16px;
  bottom: 16px;
  width: 320px;
  max-width: calc(100% - 32px);
  background: #0b1220;
  color: #fff;
  border-radius: 12px;
  box-shadow: 0 24px 48px rgba(0,0,0,0.6);
  transform: translateX(110%);
  transition: transform .28s ease;
  z-index: 9999;
  overflow: hidden;
}
.bs-mini-cart.show { transform: translateX(0); }
.bs-mini-cart-inner { padding: 1rem; }
.bs-mini-close { background:transparent; border:none; color:#fff; font-size:1.25rem; position:absolute; right:8px; top:6px; }
.bs-mini-content { padding-top: 0.5rem; }

/* small helpers */
.text-warning { color:#F59E0B; }
.text-success { color:#10B981; }
/* Match your dark theme */
.driver-tabs .nav-link {
    color: #9b9b9b;
    font-weight: 600;
    background: #111418;
    border: none;
    padding: 12px 18px;
}

.driver-tabs .nav-link:hover {
    color: #fff;
}

/* Tab content area */
.driver-tab-pane {
    background: #1d1f22;
    border-radius: 12px;
    margin-top: -1px;
}

/* Text inside tabs */
.driver-tab-pane p {
    color: #dadada;
    font-size: 15px;
}

/* Remove default BS borders */
.nav-tabs {
    border-bottom: none;
}
.bs-wfcm-container {
    margin-top: 1rem;
}
.driver-tabs li.nav-item button, .driver-tabs li.nav-item button.active {
    background: #111827;
}
.driver-tabs li.nav-item button.active {
    color: #fff;
    border-bottom: none !important;
    border: none !important;
}
.driver-tabs li.nav-item button {
    color: rgb(156 163 175 / var(--tw-text-opacity, 1));
    border-bottom: 2px solid rgb(156 163 175) !important;
    border: none;
}
.driver-tabs li.nav-item button:hover,ul#driverTabs,.driver-tabs li.nav-item button.active:hover,.driver-tabs li.nav-item:hover,driver-tabs li.nav-item.active:hover {
    border: none !important;
    border-bottom: none !important;
}
.driver-tabs li.nav-item button:hover
 {
    border: none !important;
    border-bottom: 2px solid rgb(156 163 175) !important;
}
.driver-tabs li.nav-item button:hover {
    color: #fff;
}
button.btn.bs-sponsor-btn {
    background: #1172d4;
    font-weight: 700;
    color:#fff;
}
.driver-tabs li {
    padding-right: 20px;
}
span.bs-tier-name.bronze {
    --tw-text-opacity: 1;
    color: rgb(251 146 60 / var(--tw-text-opacity, 1));
}
span.bs-tier-name.gold {
    --tw-text-opacity: 1;
    color: rgb(250 204 21 / var(--tw-text-opacity, 1));
}
span.bs-tier-name.silver {
--tw-text-opacity: 1;
color: rgb(209 213 219 / var(--tw-text-opacity, 1));
}
.single-product div#page-title-pro {
    display: none;
}
.single-product  div.product div.summary {
   float: left !important; 
}
.single-product .product_meta {
    display:none;
}
.single-product  .progression-blog-content {
    background: #1e293b !important;
    color:#fff !important;
}
h2.progression-blog-title
 {
    color: #ffffff !important;
 }
 th, td {
    color: #fff !important;
}
color.wc-block-components-panel__button {
    color: #fff;
}
body.woocommerce-page {
    color: #fff;
}
.woocommerce-page table th {
    background: #f1961b;
}
.woocommerce-page table td {
    background: #1e293b;
    color: #ffffff !important;
}
div#wcfm_menu
 {
    display: none;
}
.admin-bar div#wcfm_menu {
    display: block;
}
li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--wcfm-store-manager
 {
    display: none;
}