/* =====================================================
   FCK DARK (Shopwise overlay) — SINGLE FILE (FINAL)
   - One file to rule them all
   - Fix contrast everywhere (customer/auth/filters/page title)
===================================================== */

/* -----------------------------
   0) Tokens
------------------------------ */
:root{
  --fck-bg: #000;
  --fck-bg-2: #0b0b0b;
  --fck-bg-3: #050505;

  --fck-white: #fff;
  --fck-black: #000;

  --fck-text: rgba(255,255,255,.88);
  --fck-text-2: rgba(255,255,255,.72);
  --fck-text-3: rgba(255,255,255,.55);

  --fck-border: rgba(255,255,255,.12);
  --fck-border-2: rgba(255,255,255,.20);
}

/* -----------------------------
   1) Base (global dark)
------------------------------ */
html, body{
  background: #0a0a0a !important;
  color: var(--fck-text) !important;
}

/* Keep main areas dark/transparent */
.section, .content, .main_content, main{
  background: transparent !important;
}

/* Links */
a{ color: rgba(255,255,255,.88) !important; }
a:hover{ color: var(--fck-white) !important; }

/* Headings (global) */
h1,h2,h3,h4,h5,h6,
.heading_s1 h2, .heading_s4 h4, .section-title h2, .title{
  color: var(--fck-white) !important;
  text-transform: uppercase;
  letter-spacing: .12em;
  font-weight: 900;
}

/* Only specific subtitles (DON'T global p/span) */
.heading_s1 p, .section-title p, .sub_title{
  color: var(--fck-text-2) !important;
}

/* Borders */
hr,
.border, .border-top, .border-bottom,
.product_meta, .nav-tabs, .tab-content,
.single_product .pr_switch_wrap, .single_product .product_meta{
  border-color: var(--fck-border) !important;
}

/* Inputs (default dark) */
input, select, textarea, .form-control, .custom_select select{
  background: var(--fck-bg-3) !important;
  color: var(--fck-white) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  border-radius: 0 !important;
}
input::placeholder, textarea::placeholder{
  color: var(--fck-text-3) !important;
}

/* Buttons */
.btn, .button, .add_to_cart, .btn-fill-out{
  border-radius: 0 !important;
  text-transform: uppercase;
  letter-spacing: .14em;
  font-weight: 900;
}

/* Avoid random white "bootstrap cards" — but don't kill intentional light bars */
.card, .shadow-sm{
  background: transparent !important;
}

/* -----------------------------
   2) Minimal header (NO BS)
------------------------------ */
.top-header{ display:none !important; }

.categories_wrap,
.categories_btn,
#navCatContent{
  display:none !important;
}

.middle-header,
.bottom_header{
  background: #0a0a0a !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
}

.middle-header .container,
.bottom_header .container{
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

/* menu */
.main_menu a,
.navbar-nav .nav-link{
  color: rgba(255,255,255,.90) !important;
  text-transform: uppercase;
  font-weight: 900;
  letter-spacing: .14em;
}

/* -----------------------------
   3) NO BS HERO (homepage)
------------------------------ */
.fck-hero{
  position: relative;
  min-height: clamp(520px, 85vh, 820px);
  display: flex;
  align-items: center;
  background: #000;
  overflow: hidden;
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.fck-hero::before{
  content:"";
  position:absolute;
  inset:-40%;
  background:
    radial-gradient(closest-side, rgba(255,255,255,.08), rgba(0,0,0,0) 60%),
    radial-gradient(closest-side, rgba(255,255,255,.06), rgba(0,0,0,0) 55%);
  opacity:.35;
  transform: rotate(-8deg);
}
.fck-hero::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 30% 20%, rgba(255,255,255,.08), transparent 55%),
    radial-gradient(circle at 70% 80%, rgba(255,255,255,.06), transparent 55%),
    linear-gradient(to bottom, rgba(0,0,0,.2), rgba(0,0,0,.9));
  pointer-events:none;
}
.fck-hero__inner{
  position: relative;
  z-index: 2;
  width: min(980px, 92vw);
  margin: 0 auto;
  padding: 44px 0;
}
.fck-hero__eyebrow{
  color: rgba(255,255,255,.70);
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .38em;
  font-size: 12px;
  margin-bottom: 16px;
}
.fck-hero__title{
  color: #fff;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .02em;
  line-height: .92;
  margin: 0 0 18px;
  font-size: clamp(44px, 8vw, 96px);
}
.fck-hero__sub{
  color: rgba(255,255,255,.72);
  max-width: 46ch;
  font-size: 16px;
  line-height: 1.6;
  margin: 0 0 28px;
}
.fck-hero__cta{
  display:flex;
  gap: 12px;
  flex-wrap: wrap;
}
.fck-btn{
  display:inline-block;
  padding: 14px 22px;
  border: 2px solid #fff;
  background: #fff;
  color: #000;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .18em;
  font-size: 12px;
  border-radius: 0;
}
.fck-btn:hover{ opacity:.85; }
.fck-btn--ghost{
  background: transparent;
  color: #fff;
}
@media (max-width: 576px){
  .fck-hero__inner{ padding: 36px 0; }
  .fck-btn{ width: 100%; text-align:center; }
}

/* Homepage spacing */
body.homepage .main_content,
body.homepage main,
body.homepage .section{
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* -----------------------------
   4) Product cards
------------------------------ */
.products, .product_list, .product_grid, .tab-content, .row{
  row-gap: 22px;
}

.product_wrap, .product, .product_box, .product-item, .product-card{
  background: var(--fck-bg-2) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: hidden;
  transition: transform .18s ease, border-color .18s ease;
}

.product_wrap:hover, .product:hover, .product_box:hover, .product-item:hover{
  transform: translateY(-2px);
  border-color: rgba(255,255,255,.22) !important;
}

.product_img, .product-image, .product_wrap .product_img, .product_box .product_img{
  background: var(--fck-bg-3) !important;
  border-bottom: 1px solid rgba(255,255,255,.10);
}
.product_img img, .product-image img{
  background: var(--fck-bg-3) !important;
}

.product_title a, .product_name a, .product-title a{
  color: var(--fck-white) !important;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .10em;
  line-height: 1.15;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.product_wrap p, .product_box p, .product-item p,
.rating_wrap, .pr_desc, .product_description{
  color: rgba(255,255,255,.65) !important;
}

.product_price, .price, .current_price, .price_current{
  color: var(--fck-white) !important;
  font-weight: 900;
  letter-spacing: .04em;
}
.old_price, .price_old, del{
  color: rgba(255,255,255,.45) !important;
}

.pr_flash, .product-badge, .badge{
  border-radius: 0 !important;
  background: var(--fck-white) !important;
  color: var(--fck-black) !important;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .12em;
  font-size: 10px;
  padding: 7px 10px;
}

/* Quick action icons */
.product_action_box li a,
.product_action_box li button{
  background: transparent !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  color: var(--fck-white) !important;
  border-radius: 0 !important;
}
.product_action_box li a:hover,
.product_action_box li button:hover{
  background: rgba(255,255,255,.08) !important;
}

.product_info, .product-info, .product_wrap .product_info, .product_box .product_info{
  padding: 14px 14px 16px !important;
}

@media (max-width: 576px){
  .product_action_box li a,
  .product_action_box li button{
    width: 44px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
}

/* -----------------------------
   5) Readability (dark defaults)
   (NO global p/span)
------------------------------ */
.text-muted,
.small, small,
label, .form-label, .form-check-label,
.entry-meta,
.product_meta, .product_meta * ,
.sku_wrapper, .posted_in, .tagged_as,
.availability, .stock,
.review_count,
.rating_wrap, .pr_desc, .short_desc,
.variation, .variation label,
.product_sort_info{
  color: var(--fck-text-2) !important;
}

ins, strong, b{
  color: var(--fck-white) !important;
}

/* Tabs */
.nav-tabs .nav-link{
  color: rgba(255,255,255,.65) !important;
  border: 0 !important;
}
.nav-tabs .nav-link.active{
  color: var(--fck-white) !important;
  border-bottom: 2px solid var(--fck-white) !important;
  background: transparent !important;
}

/* -----------------------------
   6) Variants / size (always visible)
------------------------------ */
.product-variation label,
.variation label,
.product_size_title,
.variation-title{
  color: rgba(255,255,255,.85) !important;
  font-weight: 900;
  letter-spacing: .18em;
  text-transform: uppercase;
  margin-bottom: 10px;
  display: block;
}

.attribute-swatch-item,
.attribute-swatch-item span,
.attribute-swatch-item label,
.product_size li,
.product_size li a,
.product_size li span,
.product_size li label{
  background: var(--fck-bg) !important;
  color: var(--fck-white) !important;
  border: 1px solid rgba(255,255,255,.35) !important;
  border-radius: 0 !important;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .14em;
  font-size: 12px;
  min-width: 44px;
  min-height: 44px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
}

.attribute-swatch-item:hover,
.product_size li a:hover,
.product_size li span:hover,
.product_size li label:hover{
  background: rgba(255,255,255,.08) !important;
  border-color: var(--fck-white) !important;
}

.attribute-swatch-item.active,
.attribute-swatch-item.selected,
.product_size li a.active,
.product_size li span.active,
.product_size li label.active{
  background: var(--fck-white) !important;
  color: var(--fck-black) !important;
  border-color: var(--fck-white) !important;
}

.attribute-swatch-item.disabled,
.product_size li a.disabled,
.product_size li span.disabled,
.product_size li label.disabled,
:disabled{
  opacity: .35 !important;
  background: var(--fck-bg) !important;
  color: rgba(255,255,255,.45) !important;
  border-color: rgba(255,255,255,.15) !important;
  cursor: not-allowed;
}

.attribute-swatch-item input,
.product_size input{
  display: none !important;
}

/* -----------------------------
   7) FILTERS SIDEBAR (bb-product-filter) — FIX (YOUR SCREEN)
   Force dark widgets and readable text
------------------------------ */
.bb-shop-sidebar,
.bb-shop-sidebar *{
  color: var(--fck-text) !important;
}

.bb-product-form-filter .bb-product-filter,
.bb-shop-sidebar .bb-product-filter,
.bb-product-filter{
  background: var(--fck-bg-2) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.bb-product-filter-title{
  color: var(--fck-white) !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: .12em !important;
  border-bottom: 1px solid rgba(255,255,255,.12) !important;
}

.bb-product-filter-content,
.bb-product-filter-content *{
  color: rgba(255,255,255,.88) !important;
}

/* Kill any inline backgrounds inside filters */
.bb-product-filter *[style*="background"]{
  background: transparent !important;
}

/* Checkboxes in filters */
.bb-product-filter input[type="checkbox"]{
  width: 16px;
  height: 16px;
  accent-color: var(--fck-white);
  outline: 1px solid rgba(255,255,255,.35);
  outline-offset: 2px;
}

/* Price slider (jQuery UI / price_filter) */
.ui-slider,
.price_slider,
.widget_price_filter .ui-slider{
  background: rgba(255,255,255,.12) !important;
  height: 3px !important;
  border: 0 !important;
}
.ui-slider-range,
.widget_price_filter .ui-slider-range{
  background: var(--fck-white) !important;
}
.ui-slider-handle,
.widget_price_filter .ui-slider-handle{
  background: var(--fck-black) !important;
  border: 2px solid var(--fck-white) !important;
  border-radius: 0 !important;
  width: 14px !important;
  height: 14px !important;
  top: -6px !important;
  box-shadow: none !important;
}
.price_label, .price_label *{
  color: var(--fck-white) !important;
}

/* -----------------------------
   8) PAGE TITLE / BREADCRUMB BAR (Order tracking etc.)
   Keep it LIGHT but readable
------------------------------ */
.breadcrumb_section,
.page-title,
.breadcrumb-section,
.breadcrumb-area,
.page_title,
.breadcrumb_wrap,
.bg_gray,
.bg-gray,
.page-title-mini,
.breadcrumb_section.bg_gray{
  background: #fff !important;
}

.breadcrumb_section *,
.page-title *,
.breadcrumb-section *,
.breadcrumb-area *,
.page_title *,
.breadcrumb_wrap *{
  color: #000 !important;
}

.breadcrumb a,
.breadcrumb-area a,
.page-title a{
  color: #000 !important;
  opacity: .75;
}
.breadcrumb a:hover,
.breadcrumb-area a:hover,
.page-title a:hover{
  opacity: 1;
}

/* In light bar: headings must be black (override global headings) */
.breadcrumb_section h1,
.breadcrumb_section h2,
.page-title h1,
.page-title h2,
.breadcrumb-area h1,
.page_title h1{
  color: #000 !important;
}

/* -----------------------------
   9) ORDER TRACKING / ANY WHITE CARD — make it consistent
   Instead of fighting white cards, we style the known ones.
------------------------------ */

/* Tracking card stays white but readable */
.order-tracking .card,
.order_tracking .card,
.track-order .card,
.order-tracking-form,
.order_tracking_form{
  background: #fff !important;
  border: 1px solid rgba(0,0,0,.10) !important;
}
.order-tracking .card *,
.order_tracking .card *,
.track-order .card *,
.order-tracking-form *,
.order_tracking_form *{
  color: #000 !important;
}
.order-tracking input,
.order_tracking input,
.track-order input{
  background: #000 !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.25) !important;
}
.order-tracking input::placeholder,
.order_tracking input::placeholder,
.track-order input::placeholder{
  color: rgba(255,255,255,.55) !important;
}

/* -----------------------------
   10) CUSTOMER / AUTH PAGES — THE REAL FIX
   Make customer dashboard + auth cards dark like the rest.
------------------------------ */

/* Customer sidebar + wrapper */
.bb-customer-profile-wrapper,
.bb-customer-profile-wrapper *{
  color: var(--fck-text) !important;
}

/* Left menu block */
.bb-customer-profile-wrapper .bb-customer-profile,
.bb-customer-profile-wrapper .bb-customer-profile *{
  background: var(--fck-bg-2) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  color: var(--fck-text) !important;
}
.bb-customer-profile-wrapper .bb-customer-profile a{
  color: rgba(255,255,255,.90) !important;
}
.bb-customer-profile-wrapper .bb-customer-profile a:hover{
  color: #fff !important;
}
.bb-customer-profile-wrapper .bb-customer-profile .active,
.bb-customer-profile-wrapper .bb-customer-profile .is-active{
  background: rgba(255,255,255,.06) !important;
}

/* All customer "cards" */
.bb-customer-card,
.bb-customer-profile-info,
.bb-customer-profile-info .card,
.bb-customer-profile-info .bb-customer-profile-info,
.bb-customer-card .card,
.customer-dashboard .card,
.dashboard-content .card{
  background: var(--fck-bg-2) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 0 !important;
}

/* Fix the invisible titles/descriptions inside customer cards */
.bb-customer-card *,
.bb-customer-profile-info *,
.customer-dashboard *{
  color: rgba(255,255,255,.88) !important;
}
.bb-customer-card h1,
.bb-customer-card h2,
.bb-customer-card h3,
.bb-customer-card h4,
.bb-customer-profile-info h1,
.bb-customer-profile-info h2,
.bb-customer-profile-info h3,
.bb-customer-profile-info h4{
  color: #fff !important;
}

/* text-muted inside customer areas must NOT go gray-on-white */
.bb-customer-card .text-muted,
.bb-customer-profile-info .text-muted,
.customer-dashboard .text-muted{
  color: rgba(255,255,255,.72) !important;
}

/* Empty states (Orders empty etc.) */
.bb-empty,
.bb-empty-content,
.bb-empty .card,
.bb-empty .bb-empty-content{
  background: var(--fck-bg-2) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
}
.bb-empty *,
.bb-empty-content *{
  color: rgba(255,255,255,.88) !important;
}
.bb-empty-title{
  color: #fff !important;
  font-weight: 900 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

/* Auth (login/register) card */
.auth-card,
.auth-card.card,
.login_register_wrap .card,
.login_register_wrap .auth-card{
  background: var(--fck-bg-2) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 0 !important;
}
.auth-card *,
.login_register_wrap *{
  color: rgba(255,255,255,.88) !important;
}
.auth-card .text-muted,
.login_register_wrap .text-muted{
  color: rgba(255,255,255,.72) !important;
}
.auth-card h1, .auth-card h2, .auth-card h3, .auth-card h4{
  color: #fff !important;
}

/* If some auth header icon is white bg — keep it but readable */
.auth-card__header-icon.bg-white,
.auth-card__header-icon{
  background: #fff !important;
}
.auth-card__header-icon *{
  color: #000 !important;
}

/* -----------------------------
   11) Safety: if ANY light box survives, make it readable
------------------------------ */
.bg-white, .bg-light{
  background: #fff !important;
  color: #000 !important;
}
.bg-white *, .bg-light *{
  color: #000 !important;
}
.bg-white .text-muted, .bg-light .text-muted{
  color: rgba(0,0,0,.65) !important;
}
.bg-white a, .bg-light a{
  color: #000 !important;
}

/* -----------------------------
   12) Footer etc. (keep dark)
------------------------------ */
.footer_dark, .footer_dark *{
  color: rgba(255,255,255,.85) !important;
}
/* =====================================================
   CUSTOMER DASHBOARD FIX (sidebar + profile cards)
   - fixes left menu readability
   - fixes white headers inside customer cards
===================================================== */

/* LEFT SIDEBAR MENU (customer dashboard) */
.dashboard_menu,
.bb-customer-dashboard-menu,
.bb-customer-profile-wrapper .dashboard_menu{
  background: #0b0b0b !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: hidden;
}

/* nav list container */
.dashboard_menu .nav,
.dashboard_menu .nav-tabs{
  border: 0 !important;
  background: transparent !important;
}

/* menu item */
.dashboard_menu .nav-item{
  margin: 0 !important;
  border: 0 !important;
}

/* menu link */
.dashboard_menu .nav-link{
  background: transparent !important;
  color: rgba(255,255,255,.85) !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(255,255,255,.10) !important;
  padding: 14px 16px !important;
  text-transform: uppercase;
  letter-spacing: .12em;
  font-weight: 900;
}

/* icons inside menu */
.dashboard_menu .nav-link i,
.dashboard_menu .nav-link svg{
  color: rgba(255,255,255,.85) !important;
}

/* hover */
.dashboard_menu .nav-link:hover{
  background: rgba(255,255,255,.06) !important;
  color: #fff !important;
}

/* active/current */
.dashboard_menu .nav-link.active,
.dashboard_menu .nav-link[aria-current="page"],
.dashboard_menu .nav-item.active > .nav-link{
  background: #fff !important;
  color: #000 !important;
  border-bottom-color: rgba(0,0,0,.12) !important;
}
.dashboard_menu .nav-link.active i,
.dashboard_menu .nav-link.active svg,
.dashboard_menu .nav-link[aria-current="page"] i,
.dashboard_menu .nav-link[aria-current="page"] svg{
  color: #000 !important;
}


/* CUSTOMER CONTENT CARDS (Profile info, etc.) */
.bb-customer-profile-wrapper .card,
.bb-customer-card,
.bb-customer-profile,
.bb-customer-profile-wrapper .bb-customer-profile,
.bb-customer-profile-wrapper .bb-customer-card{
  background: #0b0b0b !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: rgba(255,255,255,.85) !important;
}

/* FIX: headers that were white background */
.bb-customer-card .card-header,
.bb-customer-profile-wrapper .card .card-header,
.bb-customer-profile-wrapper .bb-customer-card-header,
.bb-customer-profile-wrapper .bb-customer-card .bb-customer-card-header{
  background: #0b0b0b !important;
  border-bottom: 1px solid rgba(255,255,255,.12) !important;
}

/* titles inside customer cards */
.bb-customer-profile-wrapper h1,
.bb-customer-profile-wrapper h2,
.bb-customer-profile-wrapper h3,
.bb-customer-profile-wrapper h4,
.bb-customer-profile-wrapper h5,
.bb-customer-profile-wrapper h6{
  color: #fff !important;
}

/* muted text inside customer pages */
.bb-customer-profile-wrapper .text-muted,
.bb-customer-profile-wrapper small,
.bb-customer-profile-wrapper .small,
.bb-customer-profile-wrapper p{
  color: rgba(255,255,255,.72) !important;
}

/* inputs inside customer cards */
.bb-customer-profile-wrapper input,
.bb-customer-profile-wrapper select,
.bb-customer-profile-wrapper textarea,
.bb-customer-profile-wrapper .form-control{
  background: #050505 !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.14) !important;
}

/* if something still forces white bg inside customer area */
.bb-customer-profile-wrapper .bg-white,
.bb-customer-profile-wrapper .bg-light{
  background: #0b0b0b !important;
  color: #fff !important;
}
/* =====================================================
   CUSTOMER AREA – HARD OVERRIDE (fix ALL cards/headers)
===================================================== */

/* 1) Force all customer cards to dark */
.bb-customer-card,
.bb-customer-profile,
.bb-customer-profile-wrapper .card,
.bb-customer-profile-wrapper .bb-customer-card,
.bb-customer-profile-wrapper .bb-customer-profile,
.bb-customer-profile-wrapper .bb-customer-card-profile-card,
.bb-customer-profile-wrapper .bb-customer-card-password-card,
.bb-customer-profile-wrapper .bb-customer-card-delete-account-card,
.bb-customer-profile-wrapper .bb-customer-card-list{
  background: #0b0b0b !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: rgba(255,255,255,.85) !important;
}

/* 2) Force ALL headers inside customer cards to dark (this is your white bar issue) */
.bb-customer-card-header,
.bb-customer-profile-wrapper .bb-customer-card-header,
.bb-customer-profile-wrapper .card-header,
.bb-customer-profile-wrapper .bb-customer-card .card-header,
.bb-customer-profile-wrapper .bb-customer-profile .card-header{
  background: #0b0b0b !important;
  border-bottom: 1px solid rgba(255,255,255,.12) !important;
}

/* 3) Fix title + subtitle text in headers (Profile information, Change password etc.) */
.bb-customer-card-title,
.bb-customer-card-title * ,
.bb-customer-profile-wrapper .bb-customer-card-title,
.bb-customer-profile-wrapper .bb-customer-card-title *{
  color: #fff !important;
}

/* subtitle/description inside header */
.bb-customer-profile-wrapper .bb-customer-profile-info p,
.bb-customer-profile-wrapper .bb-customer-profile-info .text-muted,
.bb-customer-profile-wrapper .bb-customer-card-header p,
.bb-customer-profile-wrapper .bb-customer-card-header .text-muted,
.bb-customer-profile-wrapper .bb-customer-card-header small,
.bb-customer-profile-wrapper .bb-customer-card-header .small{
  color: rgba(255,255,255,.72) !important;
}

/* 4) Body text in customer area */
.bb-customer-profile-wrapper,
.bb-customer-profile-wrapper p,
.bb-customer-profile-wrapper label,
.bb-customer-profile-wrapper .form-label,
.bb-customer-profile-wrapper .form-check-label{
  color: rgba(255,255,255,.85) !important;
}

/* 5) Inputs in customer area */
.bb-customer-profile-wrapper input,
.bb-customer-profile-wrapper select,
.bb-customer-profile-wrapper textarea,
.bb-customer-profile-wrapper .form-control{
  background: #050505 !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  border-radius: 0 !important;
}
.bb-customer-profile-wrapper input::placeholder,
.bb-customer-profile-wrapper textarea::placeholder{
  color: rgba(255,255,255,.55) !important;
}

/* 6) If ANY element still forces white background inside customer wrapper */
.bb-customer-profile-wrapper .bg-white,
.bb-customer-profile-wrapper .bg-light,
.bb-customer-profile-wrapper [class*="bg-white"],
.bb-customer-profile-wrapper [class*="bg-light"]{
  background: #0b0b0b !important;
  color: #fff !important;
}
/* =====================================================
   FCK DARK – CUSTOMER/DASHBOARD NUCLEAR PATCH (PASTE LAST)
   Fix:
   - left dashboard menu (bg + text)
   - customer cards headers (Profile info / Password change etc.)
   - alerts (warning) readability
   - delete account button visibility
   - modal z-index (if it opens but you don't see it)
===================================================== */

/* -------- 1) Dashboard wrapper: wszystko ma być dark -------- */
body .dashboard_content,
body .bb-customer-profile-wrapper,
body .bb-customer-card-list,
body .bb-customer-card,
body .bb-customer-card .card,
body .bb-customer-card .card-body,
body .bb-customer-card-body{
  background: #0b0b0b !important;
  border-color: rgba(255,255,255,.12) !important;
  color: rgba(255,255,255,.88) !important;
}

/* Card header (to co masz białe: PROFILE INFORMATION / PASSWORD CHANGE) */
body .bb-customer-card-header,
body .bb-customer-card .card-header{
  background: #0b0b0b !important;
  border-bottom: 1px solid rgba(255,255,255,.12) !important;
  color: #fff !important;
}

/* Title + opis w headerze */
body .bb-customer-card-title,
body .bb-customer-card-title *,
body h3.bb-customer-card-title,
body h3.bb-customer-card-title *,
body .bb-customer-card-header h1,
body .bb-customer-card-header h2,
body .bb-customer-card-header h3,
body .bb-customer-card-header h4,
body .bb-customer-card-header h5,
body .bb-customer-card-header h6{
  color: #fff !important;
}

body .bb-customer-card-header .text-muted,
body .bb-customer-card-header .text-muted *,
body .bb-customer-card-header p,
body .bb-customer-card-header small{
  color: rgba(255,255,255,.70) !important;
}

/* -------- 2) Lewy sidebar menu (nav-tabs) -------- */
body .dashboard_menu,
body .dashboard_menu .nav,
body .dashboard_menu .nav-tabs{
  background: #0b0b0b !important;
  border: 1px solid rgba(255,255,255,.12) !important;
}

body .dashboard_menu .nav-link,
body .dashboard_menu .nav-tabs .nav-link{
  background: transparent !important;
  color: rgba(255,255,255,.88) !important;
  border: 0 !important;
}

body .dashboard_menu .nav-link:hover{
  background: rgba(255,255,255,.06) !important;
  color: #fff !important;
}

body .dashboard_menu .nav-link.active,
body .dashboard_menu .nav-tabs .nav-link.active{
  background: #fff !important;
  color: #000 !important;
}

/* Ikony w menu */
body .dashboard_menu .nav-link i,
body .dashboard_menu .nav-link svg{
  color: inherit !important;
}

/* -------- 3) Alerty (WARNING box) -------- */
body .dashboard_content .alert,
body .bb-customer-profile-wrapper .alert,
body .bb-customer-card .alert{
  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  color: rgba(255,255,255,.88) !important;
}

body .dashboard_content .alert *,
body .bb-customer-profile-wrapper .alert *,
body .bb-customer-card .alert *{
  color: rgba(255,255,255,.88) !important;
}

body .dashboard_content .alert-warning,
body .bb-customer-profile-wrapper .alert-warning,
body .bb-customer-card .alert-warning{
  background: rgba(255,193,7,.14) !important;
  border-color: rgba(255,193,7,.38) !important;
}

body .dashboard_content .alert-warning strong,
body .bb-customer-profile-wrapper .alert-warning strong,
body .bb-customer-card .alert-warning strong{
  color: #fff !important;
}

/* -------- 4) Delete account button (outline-danger) -------- */
body .dashboard_content .btn-outline-danger,
body .bb-customer-profile-wrapper .btn-outline-danger,
body .bb-customer-card .btn-outline-danger{
  background: transparent !important;
  color: #ff5b5b !important;
  border: 1px solid rgba(255,91,91,.70) !important;
}

body .dashboard_content .btn-outline-danger:hover,
body .bb-customer-profile-wrapper .btn-outline-danger:hover,
body .bb-customer-card .btn-outline-danger:hover,
body .dashboard_content .btn-outline-danger:focus,
body .bb-customer-profile-wrapper .btn-outline-danger:focus,
body .bb-customer-card .btn-outline-danger:focus{
  background: rgba(255,91,91,.16) !important;
  color: #fff !important;
  border-color: rgba(255,91,91,.95) !important;
  outline: none !important;
  box-shadow: none !important;
}

/* -------- 5) Modal – czasem jest, ale pod spodem -------- */
/* =====================================================
   MODALS (Bootstrap 5) — CLICKABLE + READABLE (FCK DARK)
   Fixes:
   - backdrop under modal (no blocking clicks)
   - inputs/labels readable
   - no weird extra dimming from wrappers
===================================================== */

body.modal-open{
  /* Bootstrap controls scroll lock; we only ensure we don't add any filter/opacity */
  filter: none !important;
}

body.modal-open .main_content,
body.modal-open main,
body.modal-open .section,
body.modal-open .content,
body.modal-open #wrapper,
body.modal-open #app{
  filter: none !important;
  opacity: 1 !important;
}

/* Backdrop MUST be below modal */
.modal-backdrop{
  z-index: 1040 !important;
  background: #000 !important;
}
.modal-backdrop.show{
  opacity: .60 !important;
}

/* Modal above backdrop + accepts pointer events */
.modal{
  z-index: 1055 !important;
  pointer-events: auto !important;
}
.modal-dialog,
.modal-content,
.modal-header,
.modal-body,
.modal-footer{
  pointer-events: auto !important;
}
.modal *{
  pointer-events: auto !important;
}

/* Dark modal look (no white-on-white) */
.modal-content{
  background: var(--fck-bg-2) !important;
  color: var(--fck-white) !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.modal-header,
.modal-footer{
  border-color: rgba(255,255,255,.12) !important;
}
.modal-title{
  color: var(--fck-white) !important;
  text-transform: uppercase;
  letter-spacing: .12em;
  font-weight: 900;
}

/* Muted text inside modal must still be visible */
.modal .text-muted,
.modal small,
.modal .small{
  color: rgba(255,255,255,.70) !important;
}

/* Close button visibility on dark bg */
.modal .btn-close{
  filter: invert(1) grayscale(1);
  opacity: .85;
}
.modal .btn-close:hover{ opacity: 1; }

/* Form controls inside modal */
.modal label,
.modal .form-label{
  color: rgba(255,255,255,.85) !important;
}

.modal input,
.modal select,
.modal textarea,
.modal .form-control{
  background: #000 !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.22) !important;
  border-radius: 0 !important;
}
.modal input::placeholder,
.modal textarea::placeholder{
  color: rgba(255,255,255,.55) !important;
}

/* Danger alert boxes inside modal (keep readable) */
.modal .alert{
  border-radius: 0 !important;
}
.modal .alert-danger{
  background: rgba(220,53,69,.12) !important;
  border: 1px solid rgba(220,53,69,.35) !important;
  color: rgba(255,255,255,.88) !important;
}

/* =====================================================
   12) CUSTOMER DASHBOARD (Overview / Account / etc.) — FINAL HARD OVERRIDES
   Fixes:
   - White cards with white text (welcome/profile header)
   - Sidebar menu contrast (left menu)
   - Make sure "text-muted" inside dashboard stays readable
===================================================== */

.bb-customer-profile,
.bb-customer-profile-wrapper .bb-customer-profile,
.bb-customer-profile-wrapper .bb-customer-profile-info,
.bb-customer-profile-wrapper .bb-customer-profile .bb-customer-profile-info,
.bb-customer-profile-wrapper .bb-customer-profile .bb-customer-profile-info *{
  background: var(--fck-bg-2) !important;
  color: var(--fck-white) !important;
}

.bb-customer-profile{
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 0 !important;
}

.bb-customer-profile .text-muted,
.bb-customer-profile-wrapper .bb-customer-profile .text-muted{
  color: var(--fck-text-2) !important;
}

/* "Welcome back" title should always be visible */
.bb-customer-profile h1,
.bb-customer-profile h2,
.bb-customer-profile h3,
.bb-customer-profile h4,
.bb-customer-profile h5,
.bb-customer-profile h6{
  color: var(--fck-white) !important;
}

/* Left dashboard menu — force dark */
.dashboard_menu,
.dashboard_menu .nav,
.dashboard_menu .nav-tabs{
  background: var(--fck-bg-2) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 0 !important;
}

.dashboard_menu .nav-tabs{
  border-bottom: 0 !important;
}

.dashboard_menu .nav-tabs .nav-link{
  background: transparent !important;
  color: rgba(255,255,255,.90) !important;
  border: 0 !important;
  border-top: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 0 !important;
  padding: 14px 16px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: .12em !important;
}

.dashboard_menu .nav-tabs .nav-item:first-child .nav-link{
  border-top: 0 !important;
}

.dashboard_menu .nav-tabs .nav-link:hover{
  background: rgba(255,255,255,.06) !important;
  color: var(--fck-white) !important;
}

.dashboard_menu .nav-tabs .nav-link.active,
.dashboard_menu .nav-tabs .nav-link[aria-current="true"]{
  background: var(--fck-white) !important;
  color: var(--fck-black) !important;
}

/* If theme sets icons/text in <span>, keep visible */
.dashboard_menu .nav-tabs .nav-link *,
.dashboard_menu .nav-tabs .nav-link i,
.dashboard_menu .nav-tabs .nav-link svg{
  color: inherit !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}

/* Cards inside dashboard content — always dark */
.dashboard_content,
.dashboard_content .card,
.bb-customer-card,
.bb-customer-card .bb-customer-card-header,
.bb-customer-card .bb-customer-card-body{
  background: var(--fck-bg-2) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 0 !important;
}

.bb-customer-card .text-muted,
.bb-customer-card .small,
.bb-customer-card small{
  color: var(--fck-text-2) !important;
}

/* Ensure headings in cards (Profile information / Change password etc.) are visible */
.bb-customer-card-title,
.bb-customer-card-title.h5,
.bb-customer-card-title.h5.mb-1,
.bb-customer-card-title.h5.mb-1 *{
  color: var(--fck-white) !important;
}

/* Keep "danger" title red when needed */
.bb-customer-card-title.text-danger{
  color: #ff5b5b !important;
}

/* Alerts inside dashboard */
.bb-customer-card .alert{
  border-radius: 0 !important;
}
.bb-customer-card .alert.alert-warning{
  background: rgba(255,193,7,.14) !important;
  border: 1px solid rgba(255,193,7,.35) !important;
  color: var(--fck-white) !important;
}
.bb-customer-card .alert.alert-danger{
  background: rgba(220,53,69,.14) !important;
  border: 1px solid rgba(220,53,69,.35) !important;
  color: var(--fck-white) !important;
}
.bb-customer-card .alert *{
  color: inherit !important;
}

/* Buttons inside dashboard */
.bb-customer-card .btn,
.dashboard_content .btn{
  border-radius: 0 !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: .14em !important;
}



/* -----------------------------
   MODALS (Bootstrap) — FINAL FIX (clickable + readable + above everything)
------------------------------ */
/* Keep page behind modal normal (no weird darkening beyond backdrop) */
body.modal-open,
body.modal-open .main_content,
body.modal-open main,
body.modal-open .section,
body.modal-open .content,
body.modal-open #wrapper,
body.modal-open #app{
  filter: none !important;
  opacity: 1 !important;
}

/* Backdrop */
.modal-backdrop{
  z-index: 19990 !important;
  background: #000 !important;
  pointer-events: auto !important;
}
.modal-backdrop.show{ opacity: .60 !important; }

/* Modal above backdrop */
.modal{
  z-index: 20000 !important;
  pointer-events: auto !important;
}
.modal-dialog,
.modal-content,
.modal-header,
.modal-body,
.modal-footer{
  pointer-events: auto !important;
}

/* Make sure ANYthing inside modal can be clicked (fixes "can't type / can't close") */
.modal *{
  pointer-events: auto !important;
}

/* Dark modal look (contrast) */
.modal-content{
  background: var(--fck-bg-2) !important;
  color: var(--fck-white) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 0 !important;
}
.modal-header{
  border-bottom: 1px solid rgba(255,255,255,.10) !important;
}
.modal-footer{
  border-top: 1px solid rgba(255,255,255,.10) !important;
}

/* Text + links */
.modal-title{ color: var(--fck-white) !important; text-transform: uppercase; letter-spacing: .12em; font-weight: 900; }
.modal .text-muted, .modal small, .modal .small{ color: rgba(255,255,255,.70) !important; }
.modal a{ color: rgba(255,255,255,.90) !important; }
.modal a:hover{ color: #fff !important; }

/* Close button visibility */
.modal .btn-close{
  filter: invert(1) grayscale(1);
  opacity: .9;
}
.modal .btn-close:hover{ opacity: 1; }

/* Inputs inside modal */
.modal input, .modal select, .modal textarea, .modal .form-control{
  background: var(--fck-bg-3) !important;
  color: var(--fck-white) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
}
.modal input::placeholder, .modal textarea::placeholder{ color: rgba(255,255,255,.55) !important; }

/* Alerts inside modal (keep readable) */
.modal .alert{
  border-radius: 0 !important;
  border-color: rgba(255,255,255,.12) !important;
}
.modal .alert-danger{
  background: rgba(220,53,69,.18) !important;
  color: var(--fck-white) !important;
}
.modal .alert-warning{
  background: rgba(255,193,7,.18) !important;
  color: var(--fck-white) !important;
}
/* =====================================================
   BOOTSTRAP MODALS — FINAL HARD FIX (clickable + readable)
   - Remove any theme/admin overlays issues
   - Keep backdrop under modal, but both above everything
===================================================== */
.modal-backdrop{
  background: #000 !important;
  opacity: .55 !important;
  z-index: 1000000 !important;
}
.modal{
  z-index: 1000005 !important;
  pointer-events: auto !important;
}
.modal-dialog,
.modal-content,
.modal-header,
.modal-body,
.modal-footer{
  pointer-events: auto !important;
}
.modal *{
  pointer-events: auto !important;
}

/* Modal colors (dark) */
.modal .modal-content{
  background: #0b0b0b !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.modal .modal-title,
.modal .modal-body,
.modal .modal-body p,
.modal .modal-body label{
  color: rgba(255,255,255,.92) !important;
}
.modal .text-muted,
.modal small,
.modal .small{
  color: rgba(255,255,255,.65) !important;
}
.modal .btn-close{
  filter: invert(1) !important;
  opacity: .9 !important;
}

/* Make inputs inside modals readable */
.modal input,
.modal select,
.modal textarea{
  background: #000 !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.22) !important;
}
.modal input::placeholder,
.modal textarea::placeholder{
  color: rgba(255,255,255,.55) !important;
}


/* =====================================================
   12) ORDER TRACKING (orders/tracking) — HARD FIX
   Problem: white card + white text, unreadable
===================================================== */
.order-tracking-wrapper,
.order_tracking_wrapper,
.track-order-wrapper,
.order-tracking-page{
  background: transparent !important;
}

/* The centered tracking box (theme uses different wrappers) */
.order-tracking-wrapper .tracking-form,
.order-tracking-wrapper form.tracking-form,
.order-tracking-wrapper .form_content,
.order-tracking-wrapper .form-content,
.order-tracking-wrapper .card,
.order-tracking-wrapper .card-body,
.track-order .card,
.track-order .card-body,
.order_tracking .card,
.order_tracking .card-body{
  background: var(--fck-bg-2) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  box-shadow: none !important;
}

/* Text inside tracking box */
.order-tracking-wrapper h1,
.order-tracking-wrapper h2,
.order-tracking-wrapper h3,
.order-tracking-wrapper h4,
.order-tracking-wrapper h5,
.order-tracking-wrapper h6,
.order-tracking-wrapper .title,
.order-tracking-wrapper label,
.order-tracking-wrapper .form-label{
  color: var(--fck-white) !important;
}

.order-tracking-wrapper p,
.order-tracking-wrapper .text-muted,
.order-tracking-wrapper small,
.order-tracking-wrapper .small{
  color: rgba(255,255,255,.72) !important;
}

/* Buttons in tracking box */
.order-tracking-wrapper .btn,
.order-tracking-wrapper button,
.order-tracking-wrapper input[type="submit"]{
  border-radius: 0 !important;
  text-transform: uppercase !important;
  letter-spacing: .14em !important;
  font-weight: 900 !important;
}

/* nowe

.middle-header .nav_block {
    display: flex;
    justify-content: center;
}
.navbar-brand img {
    transition: transform 0.3s ease-in-out;
}

.navbar-brand:hover img,
.navbar-brand:focus img {
    transform: scale(1.08);
}
/* =========================
   DOMYŚLNY RIBBON (na ukos)
   ========================= */
.product-ribbon.ribbon-diagonal {
    position: absolute;
    top: 14px;
    left: -44px;
    width: 160px;
    text-align: center;
    padding: 6px 0;
    color: #fff;
    font-weight: 800;
    font-size: 12px;
    letter-spacing: .08em;
    text-transform: uppercase;
    transform: rotate(-45deg);
    z-index: 20;
    box-shadow: 0 10px 25px rgba(0,0,0,.25);
    pointer-events: none;
}

/* ==================================
   LIMITED STOCK — RIBBON NA DOLE
   ================================== */
.product-ribbon.ribbon-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    padding: 10px 0;
    text-align: center;
    font-weight: 900;
    font-size: 13px;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: #fff;
    z-index: 20;
    box-shadow: 0 -6px 20px rgba(0,0,0,.35);
    pointer-events: none;
}

/* Delikatne przyciemnienie zdjęcia pod LIMITED STOCK (opcjonalne, ale 🔥) */
.product-ribbon.ribbon-bottom::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,.15);
    z-index: -1;
}


/* DOMYŚLNIE — label po LEWEJ */
.product_wrap .pr_flash {
    left: 10px;
    right: auto;
}

/* JEŚLI jest ribbon (ukośny) → label na PRAWO */
.product_wrap.has-ribbon:not(.has-ribbon-bottom) .pr_flash {
    left: auto !important;
    right: 10px;
}

/* JEŚLI ribbon = LIMITED STOCK → label ZOSTAJE PO LEWEJ */
.product_wrap.has-ribbon-bottom .pr_flash {
    left: 10px !important;
    right: auto !important;
}

/* porządek warstw */
.product-ribbon {
    z-index: 20;
}
.product_wrap .pr_flash {
    z-index: 15;
}
.heading_s1 h2, .heading_s4 h4, .section-title h2, .title, h2, h1, h2, h3, h4, h5, h6 {
    color: #000000 !important;
    text-transform: uppercase;
    letter-spacing: .12em;
    font-weight: 900;
}

/* MOBILE FIX: FOB Live Chat – żeby "X" zawsze był klikalny */

@media (max-width: 768px) {

  /* 1) kontener okna czatu: ustaw jako fixed i trzymaj w obrębie ekranu */

  .fob-live-chat,

  .fob-livechat,

  .fob-live-chat-container,

  #fob-live-chat {

    position: fixed !important;

    left: 12px !important;

    right: 12px !important;

    bottom: 12px !important;

    top: auto !important;

    z-index: 999999 !important;

    max-height: calc(100vh - 24px) !important;

  }

  /* 2) sama “ramka” / panel czatu – niech nie wychodzi poza ekran */

  .fob-live-chat .chat-box,

  .fob-live-chat .chat-window,

  .fob-live-chat .chat-body,

  .fob-livechat .chat-box,

  .fob-livechat .chat-window {

    height: auto !important;

    max-height: calc(100vh - 24px) !important;

  }

  /* 3) header z X – sticky, żeby zawsze był na górze i klikalny */

  .fob-live-chat .chat-header,

  .fob-livechat .chat-header {

    position: sticky !important;

    top: 0 !important;

    z-index: 999999 !important;

  }

  /* 4) bezpieczeństwo na iPhone notch (opcjonalnie) */

  .fob-live-chat .chat-header,

  .fob-livechat .chat-header {

    padding-top: env(safe-area-inset-top) !important;

  }

}
/* Wyśrodkowanie menu startowego w CAŁYM chacie */
.fob-chat-start-menu {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;      /* pion */
    justify-content: center;  /* poziom */
}

.fob-chat-start-center {
    width: 100%;
    max-width: 260px;         /* jak Start Chat */
    padding: 16px;
}
.fob-chat-start-center {
    display: flex;
    flex-direction: column;
    gap: 14px; /* 👈 PRZERWA MIĘDZY GUZIKAMI */
}
/* Widok "coming soon" */
.fob-chat-coming-soon {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fob-chat-coming-center {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    text-align: center;
}

.fob-chat-coming-text {
    font-size: 14px;
    opacity: 0.9;
}

/* WYŁĄCZ GÓRNY BAR */
.top-header {
    display: none !important;
}

/* WYŁĄCZ "ALL CATEGORIES" */
.categories_wrap {
    display: none !important;
}
/* GŁÓWNY HEADER */
.middle-header {
    border-bottom: 1px solid #ececec !important;
}

.middle-header .nav_block {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* LOGO */
.navbar-brand img {
    max-height: 64px !important;
    width: auto;
}

/* MENU BAR */
.bottom_header {
    background: #fff !important;
    border-bottom: 1px solid #ececec !important;
}

/* WYŚRODKUJ MENU */
.bottom_header .row {
    justify-content: center;
}

/* MENU LISTA */
.navbar-nav {
    gap: 32px;
}

/* LINKI */
.navbar-nav li a {
    font-size: 13px !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #111 !important;
}

.navbar-nav li a:hover {
    opacity: 0.6;
}
.attr-nav {
    gap: 12px;
}

.attr-nav .nav-link {
    font-size: 18px !important;
    color: #111 !important;
}

/* usuń wishlist jeśli nie chcesz */
.btn-wishlist {
    display: none !important;
}

/* usuń compare jeśli gdzieś siedzi */
.ti-control-shuffle {
    display: none !important;
}
.pr_search_icon {
    margin-left: 10px;
}

.pr_search_icon i {
    color: #111 !important;
    font-size: 18px;
}
@media (max-width: 991px) {
    .top-header {
        display: none !important;
    }

    /* zostawiamy bottom_header, bo tam siedzi menu mobile */
    .bottom_header {
        display: block !important;
        background: #fff !important;
        border-bottom: 1px solid #ececec !important;
        margin-bottom: 0 !important;
    }

    /* środkowy pasek z samym logo chowamy, żeby nie dublować */
    .middle-header {
        display: none !important;
    }

    /* jeden rząd na mobile */
    .bottom_header .row {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
    }

    .bottom_header .col-lg-3,
    .bottom_header .col-md-4,
    .bottom_header .col-sm-6,
    .bottom_header .col-4,
    .bottom_header .col-lg-9,
    .bottom_header .col-md-8,
    .bottom_header .col-sm-6,
    .bottom_header .col-8 {
        width: auto !important;
        max-width: none !important;
        flex: unset !important;
    }

    /* pokaż logo po lewej */
    .bottom_header .navbar-brand {
        display: flex !important;
        align-items: center;
        margin: 0 !important;
    }

    .bottom_header .navbar-brand img {
        max-height: 38px !important;
        width: auto !important;
        display: block !important;
    }

    /* menu partial */
    .bottom_header .navbar {
        padding: 10px 0 !important;
        justify-content: flex-end !important;
    }

    /* pokaż hamburger */
    .side_navbar_toggler {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        font-size: 26px !important;
        color: #111 !important;
        border: 0 !important;
        background: transparent !important;
        padding: 0 !important;
        margin-right: 12px !important;
    }

    /* ikony po prawej */
    .attr-nav {
        display: flex !important;
        align-items: center;
        gap: 8px !important;
        margin: 0 !important;
    }

    .attr-nav .nav-link {
        color: #111 !important;
        font-size: 18px !important;
        padding: 0 4px !important;
    }

    .pr_search_icon {
        display: none !important;
    }

    /* rozwijane menu mobile */
    .mobile_side_menu {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background: #fff !important;
        border-top: 1px solid #ececec;
        padding: 10px 20px 16px;
        z-index: 999;
    }

    .mobile_side_menu .navbar-nav {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 0 !important;
        width: 100%;
        margin: 0 !important;
        padding: 0 !important;
    }

    .mobile_side_menu .navbar-nav li {
        width: 100%;
    }

    .mobile_side_menu .navbar-nav li a {
        display: block;
        width: 100%;
        padding: 12px 0 !important;
        border-bottom: 1px solid #f1f1f1;
        color: #111 !important;
        font-size: 14px !important;
        font-weight: 800 !important;
        letter-spacing: 0.06em;
        text-transform: uppercase;
    }

    .mobile_side_menu .navbar-nav li:last-child a {
        border-bottom: 0;
    }
}
@media (max-width: 991px) {
    .top-header {
        display: none !important;
    }

    /* zostawiamy bottom_header, bo tam siedzi menu mobile */
    .bottom_header {
        display: block !important;
        background: #fff !important;
        border-bottom: 1px solid #ececec !important;
        margin-bottom: 0 !important;
    }

    /* środkowy pasek z samym logo chowamy, żeby nie dublować */
    .middle-header {
        display: none !important;
    }

    /* jeden rząd na mobile */
    .bottom_header .row {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
    }

    .bottom_header .col-lg-3,
    .bottom_header .col-md-4,
    .bottom_header .col-sm-6,
    .bottom_header .col-4,
    .bottom_header .col-lg-9,
    .bottom_header .col-md-8,
    .bottom_header .col-sm-6,
    .bottom_header .col-8 {
        width: auto !important;
        max-width: none !important;
        flex: unset !important;
    }

    /* pokaż logo po lewej */
    .bottom_header .navbar-brand {
        display: flex !important;
        align-items: center;
        margin: 0 !important;
    }

    .bottom_header .navbar-brand img {
        max-height: 38px !important;
        width: auto !important;
        display: block !important;
    }

    /* menu partial */
    .bottom_header .navbar {
        padding: 10px 0 !important;
        justify-content: flex-end !important;
    }

    /* pokaż hamburger */
    .side_navbar_toggler {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        font-size: 26px !important;
        color: #111 !important;
        border: 0 !important;
        background: transparent !important;
        padding: 0 !important;
        margin-right: 12px !important;
    }

    /* ikony po prawej */
    .attr-nav {
        display: flex !important;
        align-items: center;
        gap: 8px !important;
        margin: 0 !important;
    }

    .attr-nav .nav-link {
        color: #111 !important;
        font-size: 18px !important;
        padding: 0 4px !important;
    }

    .pr_search_icon {
        display: none !important;
    }

    /* rozwijane menu mobile */
    .mobile_side_menu {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background: #fff !important;
        border-top: 1px solid #ececec;
        padding: 10px 20px 16px;
        z-index: 999;
    }

    .mobile_side_menu .navbar-nav {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 0 !important;
        width: 100%;
        margin: 0 !important;
        padding: 0 !important;
    }

    .mobile_side_menu .navbar-nav li {
        width: 100%;
    }

    .mobile_side_menu .navbar-nav li a {
        display: block;
        width: 100%;
        padding: 12px 0 !important;
        border-bottom: 1px solid #f1f1f1;
        color: #111 !important;
        font-size: 14px !important;
        font-weight: 800 !important;
        letter-spacing: 0.06em;
        text-transform: uppercase;
    }

    .mobile_side_menu .navbar-nav li:last-child a {
        border-bottom: 0;
    }
}
@media (max-width: 991px) {
    /* panel mobile */
    .mobile_side_menu,
    .navbar-collapse.mobile_side_menu,
    #navbarSidetoggle,
    #navbarSidetoggle.mobile_side_menu {
        position: fixed !important;
        top: 0 !important;
        right: 0 !important;
        left: auto !important;
        bottom: 0 !important;
        width: 86vw !important;
        max-width: 360px !important;
        min-width: 280px !important;
        height: 100vh !important;
        margin: 0 !important;
        padding: 72px 22px 24px !important;
        background: #13181d !important;
        box-shadow: -12px 0 35px rgba(0,0,0,0.35) !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        transform: translateX(100%) !important;
        transition: transform 0.28s ease !important;
        z-index: 99999 !important;
        display: block !important;
        border-left: 1px solid rgba(255,255,255,0.08) !important;
    }

    /* stan otwarty */
    .mobile_side_menu.show,
    #navbarSidetoggle.show {
        transform: translateX(0) !important;
    }

    /* overlay tła */
    body.mobile-menu-open::before {
        content: "";
        position: fixed;
        inset: 0;
        background: rgba(0,0,0,0.45);
        z-index: 99990;
    }

    /* lista */
    .mobile_side_menu .navbar-nav,
    #navbarSidetoggle .navbar-nav {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
        gap: 0 !important;
    }

    .mobile_side_menu .navbar-nav li,
    #navbarSidetoggle .navbar-nav li {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .mobile_side_menu .navbar-nav li a,
    #navbarSidetoggle .navbar-nav li a {
        display: block !important;
        width: 100% !important;
        padding: 16px 0 !important;
        border-bottom: 1px solid rgba(255,255,255,0.10) !important;
        color: #fff !important;
        text-decoration: none !important;
        font-size: 15px !important;
        font-weight: 800 !important;
        letter-spacing: 0.05em !important;
        text-transform: uppercase !important;
        background: transparent !important;
    }

    /* language i currency */
    .mobile_side_menu .language-wrapper,
    .mobile_side_menu .choose-currency,
    #navbarSidetoggle .language-wrapper,
    #navbarSidetoggle .choose-currency {
        display: block !important;
        width: 100% !important;
        margin-top: 18px !important;
        padding-top: 8px !important;
        border-top: 1px solid rgba(255,255,255,0.10) !important;
    }

    .mobile_side_menu .btn-select-language,
    .mobile_side_menu .dropdown-toggle,
    #navbarSidetoggle .btn-select-language,
    #navbarSidetoggle .dropdown-toggle {
        width: 100% !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        color: #fff !important;
        text-align: left !important;
        padding: 12px 0 !important;
        font-size: 15px !important;
        font-weight: 800 !important;
        letter-spacing: 0.05em !important;
        text-transform: uppercase !important;
    }

    /* hamburger */
    .side_navbar_toggler {
        position: relative !important;
        z-index: 100000 !important;
    }

    /* schowaj rzeczy, które robią syf */
    .mobile_side_menu .navbar-toggler,
    #navbarSidetoggle .navbar-toggler {
        display: none !important;
    }
}
@media (max-width: 991px) {

    /* ❌ WYŁĄCZ STARY PANEL THEME */
    .side_menu,
    .mobile_menu,
    .mobile_menu_wrap,
    .navbar-collapse:not(#navbarSidetoggle),
    .header_wrap .mobile_menu,
    .header_wrap .mobile_side_menu:not(#navbarSidetoggle),
    .header_wrap .navbar-collapse:not(#navbarSidetoggle) {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

    /* ❌ usuń stare overlay */
    .mobile_menu_overlay,
    .menu_overlay,
    .close_menu,
    .mobile_menu_overlay_active {
        display: none !important;
    }

    /* ❌ stare lewe wysuwane menu */
    .mobile_menu,
    .side_menu {
        transform: none !important;
        left: auto !important;
        right: auto !important;
    }
}
@media (max-width: 991px) {
    .mobile_side_menu,
    .navbar-collapse.mobile_side_menu,
    #navbarSidetoggle,
    #navbarSidetoggle.mobile_side_menu {
        position: fixed !important;
        top: 0 !important;
        right: 0 !important;
        left: 0 !important;
        bottom: 0 !important;
        width: 100vw !important;
        max-width: 100vw !important;
        min-width: 100vw !important;
        height: 100vh !important;
        margin: 0 !important;
        padding: 72px 22px 24px !important;
        background: #13181d !important;
        box-shadow: none !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        transform: translateX(100%) !important;
        transition: transform 0.28s ease !important;
        z-index: 99999 !important;
        display: block !important;
        border-left: 0 !important;
    }

    .mobile_side_menu.show,
    #navbarSidetoggle.show {
        transform: translateX(0) !important;
    }
}
/* =========================
   FCK THE SOCIETY HEADER
   WKLEJ NA SAM DÓŁ CSS
========================= */

/* --- sprzątanie headera --- */
.top-header,
.categories_wrap {
    display: none !important;
}

/* --- górny cienki pasek --- */
.fts-top-strip {
    background: #000;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    text-align: center;
    padding: 10px 15px;
}

/* --- główny header --- */
.middle-header {
    display: none !important;
}

.bottom_header {
    display: block !important;
    background: #11181d !important;
    border-top: 1px solid rgba(255,255,255,0.08) !important;
    border-bottom: 1px solid rgba(255,255,255,0.08) !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
}

.bottom_header .container {
    max-width: 1360px;
}

.bottom_header .row {
    display: grid !important;
    grid-template-columns: 180px 1fr 160px;
    align-items: center;
    min-height: 88px;
    margin: 0 !important;
}

/* kolumny */
.bottom_header .col-lg-3,
.bottom_header .col-md-4,
.bottom_header .col-sm-6,
.bottom_header .col-4,
.bottom_header .col-lg-9,
.bottom_header .col-md-8,
.bottom_header .col-sm-6,
.bottom_header .col-8 {
    width: 100% !important;
    max-width: 100% !important;
    flex: unset !important;
    padding: 0 !important;
}

/* --- logo po lewej --- */
.bottom_header .col-lg-3.col-md-4.col-sm-6.col-4 {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
}

.bottom_header .navbar-brand {
    display: flex !important;
    align-items: center;
    margin: 0 !important;
    padding: 0 !important;
}

.bottom_header .navbar-brand img,
.logo_dark {
    display: block !important;
    width: auto !important;
    max-height: 40px !important;
    object-fit: contain !important;
    filter: none !important;
    opacity: 1 !important;
}

/* --- menu desktop --- */
.bottom_header .col-lg-9.col-md-8.col-sm-6.col-8 {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.bottom_header .navbar {
    width: 100%;
    padding: 0 !important;
    justify-content: center !important;
}

.bottom_header .navbar-collapse {
    display: flex !important;
    justify-content: center !important;
}

.bottom_header .navbar-nav {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 42px !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.bottom_header .navbar-nav li {
    margin: 0 !important;
    padding: 0 !important;
}

.bottom_header .navbar-nav li a {
    color: #fff !important;
    text-decoration: none !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    padding: 0 !important;
    line-height: 1 !important;
}

.bottom_header .navbar-nav li a:hover,
.bottom_header .navbar-nav li.active > a {
    opacity: 0.7 !important;
}

/* --- prawa strona: ikony --- */
.attr-nav {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 14px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.attr-nav li {
    margin: 0 !important;
    padding: 0 !important;
}

.attr-nav .nav-link {
    color: #fff !important;
    font-size: 18px !important;
    padding: 0 !important;
    line-height: 1 !important;
}

/* wishlist out */
.btn-wishlist {
    display: none !important;
}

/* search bardziej subtelny */
.pr_search_icon {
    margin-left: 12px !important;
}

.pr_search_icon .nav-link,
.pr_search_icon i,
.pr_search_trigger {
    color: #fff !important;
    font-size: 18px !important;
}

/* cart badge */
.cart_count,
.wishlist_count {
    background: #fff !important;
    color: #000 !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    min-width: 16px !important;
    height: 16px !important;
    line-height: 16px !important;
    border-radius: 999px !important;
    text-align: center !important;
    top: -8px !important;
    right: -8px !important;
}

/* usuń zbędne stare style */
.header_wrap .header_list,
.contact_detail,
.choose-currency {
    display: none !important;
}

/* =========================
   MOBILE
========================= */
@media (max-width: 991px) {
    .middle-header {
        display: none !important;
    }

    .bottom_header {
        display: block !important;
        position: relative !important;
        z-index: 9999 !important;
        background: #11181d !important;
    }

    .bottom_header .row {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        min-height: 72px !important;
    }

    .bottom_header .col-lg-3,
    .bottom_header .col-md-4,
    .bottom_header .col-sm-6,
    .bottom_header .col-4,
    .bottom_header .col-lg-9,
    .bottom_header .col-md-8,
    .bottom_header .col-sm-6,
    .bottom_header .col-8 {
        width: auto !important;
        max-width: none !important;
        flex: unset !important;
    }

    .bottom_header .navbar-brand img,
    .logo_dark {
        max-height: 34px !important;
    }

    /* desktop menu chowamy */
    .bottom_header .navbar-collapse:not(.show) .navbar-nav {
        display: none !important;
    }

    /* sam navbar na mobile */
    .bottom_header .navbar {
        width: auto !important;
        padding: 0 !important;
        justify-content: flex-end !important;
    }

    /* hamburger */
    .side_navbar_toggler {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        background: transparent !important;
        border: 0 !important;
        color: #fff !important;
        font-size: 28px !important;
        padding: 0 !important;
        margin-right: 14px !important;
        box-shadow: none !important;
    }

    /* ikony na mobile */
    .attr-nav {
        gap: 10px !important;
    }

    .attr-nav .nav-link {
        font-size: 18px !important;
        color: #fff !important;
    }

    .pr_search_icon {
        display: none !important;
    }

    /* ===== fullscreen mobile menu ===== */
    #navbarSidetoggle,
    #navbarSidetoggle.mobile_side_menu,
    .mobile_side_menu,
    .navbar-collapse.mobile_side_menu {
        position: fixed !important;
        inset: 0 !important;
        width: 100vw !important;
        max-width: 100vw !important;
        min-width: 100vw !important;
        height: 100vh !important;
        margin: 0 !important;
        padding: 72px 0 24px !important;
        background: #13181d !important;
        border: 0 !important;
        box-shadow: none !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        transform: translateX(100%) !important;
        transition: transform 0.28s ease !important;
        z-index: 99999 !important;
        display: block !important;
    }

    #navbarSidetoggle.show,
    .mobile_side_menu.show {
        transform: translateX(0) !important;
    }

    /* lista linków */
    #navbarSidetoggle .navbar-nav,
    .mobile_side_menu .navbar-nav {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        gap: 0 !important;
        list-style: none !important;
    }

    #navbarSidetoggle .navbar-nav li,
    .mobile_side_menu .navbar-nav li {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    #navbarSidetoggle .navbar-nav li a,
    .mobile_side_menu .navbar-nav li a {
        display: block !important;
        width: 100% !important;
        padding: 18px 24px !important;
        border-bottom: 1px solid rgba(255,255,255,0.10) !important;
        color: #fff !important;
        text-decoration: none !important;
        font-size: 15px !important;
        font-weight: 800 !important;
        letter-spacing: 0.06em !important;
        text-transform: uppercase !important;
        background: transparent !important;
    }

    /* language / currency */
    #navbarSidetoggle .language-wrapper,
    #navbarSidetoggle .choose-currency,
    .mobile_side_menu .language-wrapper,
    .mobile_side_menu .choose-currency {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 10px 24px 0 !important;
        border-top: 1px solid rgba(255,255,255,0.10) !important;
    }

    #navbarSidetoggle .btn-select-language,
    #navbarSidetoggle .dropdown-toggle,
    .mobile_side_menu .btn-select-language,
    .mobile_side_menu .dropdown-toggle {
        width: 100% !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        color: #fff !important;
        text-align: left !important;
        padding: 14px 0 !important;
        font-size: 15px !important;
        font-weight: 800 !important;
        letter-spacing: 0.05em !important;
        text-transform: uppercase !important;
    }

    /* X / close */
    #navbarSidetoggle .navbar-toggler,
    .mobile_side_menu .navbar-toggler,
    #navbarSidetoggle .btn-close,
    .mobile_side_menu .btn-close,
    #navbarSidetoggle .close,
    .mobile_side_menu .close {
        width: 44px !important;
        height: 44px !important;
        min-width: 44px !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        color: #fff !important;
    }
}

/* =========================
   HERO MOBILE
========================= */
@media (max-width: 991px) {
    .shop_banner_slider,
    .shop_banner_slider .carousel-inner,
    .shop_banner_slider .carousel-item {
        min-height: 620px !important;
    }

    .shop_banner_slider .banner_slide_content {
        padding: 56px 0 44px !important;
    }

    .shop_banner_slider .banner_content2 {
        max-width: 100% !important;
    }

    .shop_banner_slider .banner_content2 h6 {
        font-size: 11px !important;
        letter-spacing: 0.12em !important;
        margin-bottom: 14px !important;
    }

    .shop_banner_slider .banner_content2 h2 {
        font-size: clamp(34px, 12vw, 56px) !important;
        line-height: 0.95 !important;
        max-width: 320px !important;
    }

    .shop_banner_slider .banner_content2 p {
        font-size: 16px !important;
        line-height: 1.5 !important;
        max-width: 300px !important;
        margin-top: 16px !important;
    }

    .shop_banner_slider .banner_content2 .btn {
        min-height: 54px !important;
        padding: 0 28px !important;
        border-radius: 10px !important;
        margin-top: 22px !important;
    }
}

/* =========================
   TRUST BAR MOBILE
========================= */
@media (max-width: 991px) {
    .fts-trustbar__grid {
        grid-template-columns: 1fr !important;
    }

    .fts-trustitem {
        border-right: 0 !important;
        border-bottom: 1px solid rgba(255,255,255,0.08) !important;
        min-height: auto !important;
        padding: 18px 18px !important;
    }

    .fts-trustitem:last-child {
        border-bottom: 0 !important;
    }
}
@media (max-width: 991px) {

    /* kontener prawej strony */
    .bottom_header .navbar {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 14px !important;
    }

    /* wrapper ikon */
    .attr-nav {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 14px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* każdy item (user, cart) */
    .attr-nav li {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    /* link ikon */
    .attr-nav .nav-link {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        height: 40px !important;
        width: 40px !important;
        line-height: 1 !important;
        padding: 0 !important;
    }

    /* same ikonki */
    .attr-nav i {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 20px !important;
    }

    /* hamburger */
    .side_navbar_toggler {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        height: 40px !important;
        width: 40px !important;
        padding: 0 !important;
        margin: 0 !important;
        line-height: 1 !important;
    }

    .side_navbar_toggler span,
    .side_navbar_toggler i {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 22px !important;
    }

    /* badge koszyka poprawka */
    .cart_count {
        top: -6px !important;
        right: -6px !important;
    }
}
.osc-status-box {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 14px 16px;
    border-radius: 8px;
    font-size: 14px;
    line-height: 1.6;
    margin-top: 10px;
    border: 1px solid transparent;
}

/* ICON */
.osc-icon {
    font-size: 16px;
    margin-top: 2px;
}

/* TEXT */
.osc-content {
    flex: 1;
}

/* ===== STATUS COLORS ===== */

/* PROCESSING */
.osc-processing {
    background: rgba(59, 130, 246, 0.08);
    border-color: rgba(59, 130, 246, 0.2);
    color: #93c5fd;
}

/* COMPLETED */
.osc-completed {
    background: rgba(34, 197, 94, 0.08);
    border-color: rgba(34, 197, 94, 0.2);
    color: #86efac;
}

/* PENDING */
.osc-pending {
    background: rgba(251, 191, 36, 0.08);
    border-color: rgba(251, 191, 36, 0.2);
    color: #fde68a;
}

/* FAILED */
.osc-failed {
    background: rgba(239, 68, 68, 0.08);
    border-color: rgba(239, 68, 68, 0.2);
    color: #fca5a5;
}

/* CANCELED */
.osc-canceled {
    background: rgba(107, 114, 128, 0.08);
    border-color: rgba(107, 114, 128, 0.2);
    color: #d1d5db;
}

/* RETURNED */
.osc-returned {
    background: rgba(168, 85, 247, 0.08);
    border-color: rgba(168, 85, 247, 0.2);
    color: #d8b4fe;
}

/* PARTIAL RETURN */
.osc-partial_returned {
    background: rgba(236, 72, 153, 0.08);
    border-color: rgba(236, 72, 153, 0.2);
    color: #f9a8d4;
}
.bg_redon .heading_s1 h2 {
    color: #fff !important;
}

.bg_redon .testimonial_box,
.bg_redon .testimonial_desc,
.bg_redon .testimonial_desc p,
.bg_redon .author_name_text,
.bg_redon .author_name,
.bg_redon .author_name span {
    color: #fff !important;
}

.bg_redon .author_name span {
    color: rgba(255,255,255,.6) !important;
}

.bg_redon .owl-nav button,
.bg_redon .owl-nav button i {
    color: #fff !important;
}