/* 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;
 }
 .woocommerce th, .woocommerce td {
    color: #fff !important;
}
color.wc-block-components-panel__button {
    color: #fff;
}
.woocommerce-page {
    color: #fff;
}
.woocommerce-page table th {
    background: #111827;
}
td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions a {
    margin-right: 10px;
}
.woocommerce-page table td {
    background: #1e293b;
    color: #ffffff !important;
    border-color: #fff;
}
div#wcfm_menu
 {
    display: none;
}
.single-product .wcfm_buttons {
    display: none;
}
.admin-bar div#wcfm_menu {
    display: block;
}
li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--wcfm-store-manager
 {
    display: none;
}
.hover-opacity-100 {
    opacity: 0;
    transition: opacity 0.25s ease;
}

.position-relative:hover .hover-opacity-100 {
    opacity: 1;
}
/* Container for icons */
.bs-social-icons {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    align-items: center;
}

/* Each social icon circle */
.bs-social-icon {
    width: 48px;
    height: 48px;
    background-color: rgb(40, 48, 57);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color .3s ease;
    text-decoration: none;
}

/* Hover color */
.bs-social-icon:hover {
    background-color: #f1961b;
}

/* SVG inside icon */
.bs-social-icon svg {
    width: 24px;
    height: 24px;
    fill: white;
}

/* Disabled icon */
.bs-social-icon.disabled {
    cursor: not-allowed;
    opacity: 0.4;
}
/*tier selector*/
/* -------------------------
   Modern Tier Selector UI
----------------------------*/

.bs-tier-wrapper {
    background: #111827;
    padding: 20px;
    border-radius: 10px;
}

.bs-tier-card {
    background: #1e293b;
    border: 1px solid #334155;
    border-radius: 12px;
    padding: 20px;
    color: #fff;
    transition: all 0.25s ease;
    cursor: pointer;
}

.bs-tier-card:hover {
    transform: translateY(-3px);
    border-color: #f08a02;
}

.bs-tier-active {
    border: 2px solid #07682d !important;
    background: #0f172a;
    box-shadow: 0px 0px 12px rgba(7, 104, 45, 0.5);
}

.bs-tier-title {
    font-size: 1.3rem;
    font-weight: 600;
    margin-bottom: 8px;
}

.bs-tier-price input {
    background: #0f172a;
    border: 1px solid #334155;
    color: #fff;
    width: 140px;
    padding: 6px 10px;
    border-radius: 6px;
}

.bs-tier-price input:focus {
    border-color: #f08a02;
    outline: none;
}

.bs-tier-radio {
    transform: scale(1.3);
    margin-right: 10px;
    accent-color: #f08a02;
}

.bs-save-btn {
    background: #f08a02;
    border: none;
}
/*tier selector**/
/* -------------------------
   Modern Tier Selector UI
----------------------------*/

.bs-tier-wrapper {
    background: #111827;
    padding: 20px;
    border-radius: 10px;
}

.bs-tier-card {
    background: #1e293b;
    border: 1px solid #334155;
    border-radius: 12px;
    padding: 20px;
    color: #fff;
    transition: all 0.25s ease;
    cursor: pointer;
}

.bs-tier-card:hover {
    transform: translateY(-3px);
    border-color: #f08a02;
}

.bs-tier-active {
    border: 2px solid #07682d !important;
    background: #0f172a;
    box-shadow: 0px 0px 12px rgba(7, 104, 45, 0.5);
}

.bs-tier-title {
    font-size: 1.3rem;
    font-weight: 600;
    margin-bottom: 8px;
}

.bs-tier-price input {
    background: #0f172a;
    border: 1px solid #334155;
    color: #fff;
    width: 140px;
    padding: 6px 10px;
    border-radius: 6px;
}

.bs-tier-price input:focus {
    border-color: #f08a02;
    outline: none;
}

.bs-tier-radio {
    transform: scale(1.3);
    margin-right: 10px;
    accent-color: #f08a02;
}

.bs-save-btn {
    background: #f08a02;
    border: none;
    padding: 10px 24px;
    margin-top: 20px;
    border-radius: 8px;
    font-weight: 600;
    transition: 0.25s;
}

.bs-save-btn:hover {
    background: #d37802;
}

/* Active Tier Badge */
.bs-active-badge {
    display: inline-block;
    background: #07682d;
    padding: 3px 10px;
    border-radius: 6px;
    font-size: 0.75rem;
    margin-left: 10px;
    text-transform: uppercase;
    font-weight: 600;
}
/*driver profile and list*/

 .driver-card {
    /* background: #0f172a; */
    border-radius: 20px;
    padding: 20px;
    margin-bottom: 40px;
    color: #fff;
}
.driver-img {
        width: 96px;
    height: 128px;
    border-radius: 20px;
    object-fit: cover;
}
.driver-tier {
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 12px;
    margin-right: 10px;
    color: #fff;
}
.tier-gold {
    background: #403c23;
    color: rgb(253 224 71 / var(--tw-text-opacity, 1));
    font-weight: bold;
}
.tier-silver {
    background: #c0c0c0;
    background-color: rgb(156 163 175 / 0.2);
    color: rgb(209 213 219 / var(--tw-text-opacity, 1));
    font-weight: bold;
}
.tier-bronze {
    background: #c0c0c0;
    background-color: rgb(180 83 9 / 0.2);
    color: rgb(245 158 11 / var(--tw-text-opacity, 1));
    font-weight: bold;
}
/* .tier-gold { background: #d4af37; } */

/* ============================
   SPONSORED DRIVERS COMPONENT
   Scoped under .mysponsor
   ============================ */
.mysponsor {
    width: 100%;
}

/* CARD BASE */
.mysponsor .driver-card {
    background: #1e293b;
    border-radius: 0.75rem;
    padding: 18px;
    min-height: 85px;
    display: flex;
    align-items: center;
    transition: background .2s;
    text-decoration: none;
}

/* .mysponsor .driver-card:hover {
    background: #262c33;
} */

/* PROFILE IMAGE CIRCLE */
.mysponsor .profile-img {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background-size: cover;
    background-position: center;
    background-color: #ffffff22;
    border: 2px solid #2d3238;
    flex-shrink: 0;
}

/* ============================
   TIER TEXT COLORS
   (ONLY text colors, no background)
   From your shared colors
   ============================ */

/* GOLD */
.tier-text-gold {
    color: rgb(253 224 71 / 1) !important;
    font-weight: bold;
}

/* SILVER */
 .tier-text-silver {
    color: rgb(209 213 219 / 1) !important;
    font-weight: bold;
}

/* BRONZE */
 .tier-text-bronze {
    color: rgb(245 158 11 / 1) !important;
    font-weight: bold;
}

/* Make icon + label inherit color */
.mysponsor .tier-text-gold *,
.mysponsor .tier-text-silver *,
.mysponsor .tier-text-bronze * {
    color: inherit !important;
}

.bs-text-muted{
    color: rgb(157, 171, 185);
}
.driver-arrow {
    color: #9daab9; /* subtle grey like screenshot */
    font-size: 18px;
}


.stat-label { color:#9ca3af; font-size:14px; }
.social-box {
    background:#1e293b;
    padding:18px;
    border-radius:15px;
    text-align:center;
}
/*driver profile and list*/
.rounded-lg {
    border-radius: 0.5rem;
}
a.tier-card {
    background: #1e293b;
    border-radius: 0.5rem;
    padding: 0.7rem;
}
.mysponsor .driver-card a {
    color: inherit;
}

.mysponsor .driver-card a:hover {
    text-decoration: underline;
}


/***wcf page styles ***/
.wcfm-main-content-wrap {
    background: #111827;
}
div#wcfm-main-contentainer {
    padding-left: 50px;
    padding-right: 50px;
}
div#wcfm-content {
    border: none;
}
#wcfm-main-contentainer .wcfm-collapse {
    background: #111827 !important;
}
.wcfm-content .wcfm-collapse-content, .wcfm-collapse-content {
    padding: 0px !important;
}
#wcfm-content .wcfm-container.wcfm-top-element-container {
    /* background: #111827;
    box-shadow: none;
    border-bottom: 1px solid #f08a01;
    padding: 0px;
    padding-bottom: 2px;
    margin-bottom: 0px;
    height: 10px;
    border-radius: 0; */
}
.wcfm_form_simple_submit_wrapper {
    background: #111827 !important;
}
.wcfm_sc_notifications a, .wcfm_sc_notifications span {
    color: #fff !important;
}
#wcfm-content .collapse.wcfm-collapse div.wcfm-collapse-content h2 {
       margin-top: 10px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    color: #212529;
    font-size: 15px;
    font-style: normal;
}
a#wcfm_social_settings
 {
    display: none !important;
}
/*wcfmmarketplace settings page styles*/
.bs-social-item {
    flex: 0 0 25%;
    max-width: 25%;
    height: 56px;

    /* BACKGROUND */
    background: #1e293b;      /* column background */

    /* spacing without breaking layout */
    padding: 8px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 12px;
    transition: background .2s ease, transform .2s ease;
}

/* .bs-social-item:hover {
    background: #111827;
    transform: translateY(-2px);
} */


/* Column layout: ALWAYS 4 per row */
.bs-social-col {
    flex: 0 0 25%;
    max-width: 25%;
}

/* Inner card creates the gap + background */
.bs-social-card {
    margin: 6px;                 /* visible gap */
    height: 56px;
     background: #1f2937;
    border-radius: 12px;

    display: flex;
    align-items: center;
    justify-content: center;

    transition: background .2s ease, transform .2s ease;
}


/* .bs-social-card:hover {
    background: #111827;
    transform: translateY(-2px);
} */
.admin-bar div#wcfm_menu {
    background: #1c2b36;
    color: #fff;
}   
.admin-bar div#wcfm-main-contentainer {
    padding-left: 0px;
}
.admin-bar #wcfm_menu .wcfm_menu_item span, .admin-bar #wcfm_menu span.wcfm_sub_menu_items a, .admin-bar .wcfm_menu_no_logo h4,.admin-bar .wcfm_menu_no_logo h4 a
 {
    color: #ffffff;
}
.page_collapsible, .collapse-close, .wcfm-collapse a.page_collapsible_dummy
 {
    background: #1e293b !important;
}
.bs-driver-finance {
    background: #111826;
    color: #e5e7eb;
}

.bs-card {
    background: #1e293b;
    border: 1px solid #1f2937;
}

.bs-label {
    color: #cbd5e1;
    font-size: 0.85rem;
}

.bs-active {
    background: #16a34a;
    color: #fff;
}

.bs-status {
    background: #f08a01;
    color: #111826;
    margin-right: 6px;
}

.bs-status-outline {
    border: 1px solid #f08a01;
    color: #f08a01;
    background: transparent;
}

.text-muted {
    color: #cbd5e1 !important;
}
.bs-subtle {
  color: #cbd5e1;
  font-size: 0.9rem;
}

.bs-meta {
  color: #e5e7eb;
  font-size: 0.9rem;
}



.bs-hint {
  color: #94a3b8;
  cursor: help;
}
.bs-card span.woocommerce-Price-amount.amount
 {
    color: #fff;
}
span.bs-value-strong
 {
    color: #fff;
}
.bs-label {
    color: #ffffff;
    font-size: 0.85rem;
}
.bs-label-dark  {
    color: #212529;
    font-size: 0.85rem;
    font-weight: 500; 
}
.bs-driver-finance {
    background: #111826;
    color: #e5e7eb;
}

.bs-card {
    background: #1e293b;
    border: 1px solid #1f2937;
}

.bs-label {
    color: #cbd5e1;
    font-size: 0.9rem;
}

.bs-value {
    color: #f9fafb;
    font-weight: 500;
}

.bs-value-strong {
    color: #ffffff;
    font-weight: 700;
}

.bs-finance-box {
    background: #0f172a;
    border-radius: 8px;
    padding: 12px;
}

.bs-finance-box hr {
    border-color: #1f2937;
}
.bs-value-dark {
    color:#1f2937;
    font-weight: 400;
}
input#coupon_code {
    line-height: 39px;
    color: #000;
}
.wcfm_vendor_settings_heading
 {
    display: none;
}
.wcfm-collapse .wcfm-container, .wcfm-tabWrap {
    background: #000000 !important;
}
input#wcfm_settings_save_button {
    margin-top: 10px;
}
/* .woocommerce-checkout-payment .Label
 {
    color: #111827 !important;
} */
 /* #add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box {
    background-color: #1e293b !important;
 } */