/*
 Theme Name:   Bootscore Child
 Description:  Bootscore Child Theme
 Author:       Modified Arts
 Author URI:   https://modifiedarts.com
 Template:     bootscore
 Version:      6.0.0
 Requires at least: 5.0
 Tested up to: 6.6
 Requires PHP: 7.4
 License: MIT License
 License URI: https://github.com/bootscore/bootscore-child/blob/main/LICENSE
 Text Domain:  bootscore
*/
/* 
All style editing is done via /assets/scss/_bootscore_custom.scss
.woocommerce img, .woocommerce-page img {
    height: auto;
    width: auto;
    max-height: 250px;
}
.woocommerce .card .woocommerce-loop-product__title {
    font-size: 14px;
}
*/
/* Headings: bold, modern */
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@500;600;700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;600&display=swap');
body {
  font-family: 'Rubik', system-ui, sans-serif;
  font-size: 16px;
  line-height: 1.65;
  color: #333; /* works better on your dark theme */
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-bottom: 0.6em;
  line-height: 1.1;
}

/* Sizes (clean scaling) */
h1 { font-size: clamp(2.2rem, 4vw, 3.2rem); }
h2 { font-size: clamp(1.8rem, 3vw, 2.4rem); }
h3 { font-size: clamp(1.4rem, 2.5vw, 1.8rem); }
h4 { font-size: 1.2rem; }
h5 { font-size: 1rem; }
h6 { font-size: 0.85rem; }
p {
  font-family: 'Rubik', system-ui, sans-serif;
  font-size: 1rem;
  margin-bottom: 1.2em;
}

.alignfull {max-width: 100vw; width: 100vw;}
.entry-content .alignfull {
  position: relative;
  left: 50%;
  right: 50%;
  width: 100vw;
  max-width: 100vw;
  margin-left: -50vw;
  margin-right: -50vw;
}
/*
.alignwide {max-width: 1320px; width: 100vw; margin:0 auto;}
*/
.alignwide {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width:100%;
  padding-right:calc(var(--bs-gutter-x) * .5);
  padding-left:calc(var(--bs-gutter-x) * .5);
  margin-right:auto;
  margin-left:auto
}
@media (min-width:576px) {
  .alignwide {
    max-width:540px
  }
}
@media (min-width:768px) {
  .alignwide {
    max-width:720px
  }
}
@media (min-width:992px) {
  .alignwide{
    max-width:960px
  }
}
@media (min-width:1200px) {
  .alignwide{
    max-width:1140px
  }
}
@media (min-width:1400px) {
  .alignwide{
    max-width:1320px
  }
}



/* =========================================================
   MAGIC MUSHIES WooCommerce Minimal Gold Theme
   Shop, Products, Single Product, Cart, Checkout, My Account
========================================================= */

:root {
  --mm-bg: #ffffff;
  --mm-surface: #ffffff;
  --mm-soft: #faf7ee;
  --mm-border: #e7dfc8;

  --mm-black: #111111;
  --mm-dark: #222222;
  --mm-gray: #707070;

  /* 🔴 RED replaces ALL gold/yellow */
  --mm-yellow: #ff1a1a;
  --mm-gold: #ff1a1a;
  --mm-gold-dark: #cc0000;

  --mm-red: #ff1a1a;
  --mm-green: #26a65b;

  --mm-radius: 10px;
  --mm-radius-sm: 6px;
  --mm-shadow: 0 3px 10px rgba(0,0,0,.035);

  --mm-button-bg: #ff1a1a;
  --mm-button-text: #ffffff;
  --mm-button-hover-bg: #111111;
  --mm-button-hover-text: #ff1a1a;

  --bs-primary: #ff1a1a;
  --bs-primary-rgb: 255,26,26;
  --bs-secondary: #111111;
  --bs-secondary-rgb: 17,17,17;
}

/* =========================================================
   GLOBAL BUTTONS / GUTENBERG / FORMS
========================================================= */

.btn-primary,
.button,
.woocommerce button.button,
.woocommerce a.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.wp-block-button__link {
  background: var(--mm-button-bg) !important;
  border: 1px solid var(--mm-button-bg) !important;
  color: var(--mm-button-text) !important;
  font-weight: 800;
  letter-spacing: .035em;
  border-radius: var(--mm-radius-sm) !important;
  box-shadow: none !important;
  transition: background .18s ease, color .18s ease, border-color .18s ease;
}

.btn-primary:hover,
.button:hover,
.woocommerce button.button:hover,
.woocommerce a.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.wp-block-button__link:hover {
  background: var(--mm-button-hover-bg) !important;
  border-color: var(--mm-button-hover-bg) !important;
  color: var(--mm-button-hover-text) !important;
  transform: none !important;
}

.btn-secondary {
  background: var(--mm-black) !important;
  border-color: var(--mm-black) !important;
  color: #fff !important;
}

.has-primary-color,
.wp-block-primary {
  color: var(--mm-yellow) !important;
}

.has-primary-background-color,
.wp-block-primary-background {
  background: var(--mm-yellow) !important;
  color: #111 !important;
}

.has-secondary-color,
.wp-block-secondary {
  color: var(--mm-black) !important;
}

.has-secondary-background-color,
.wp-block-secondary-background {
  background: var(--mm-black) !important;
  color: #fff !important;
}

.woocommerce a {
  color: var(--mm-black);
}

.woocommerce a:hover {
  color: var(--mm-gold-dark);
}

.woocommerce input.input-text,
.woocommerce textarea,
.woocommerce select,
.form-control,
.orderby,
.select2-container .select2-selection--single {
  border: 1px solid var(--mm-border) !important;
  border-radius: var(--mm-radius-sm) !important;
  min-height: 44px;
  padding: .65rem .8rem;
  background: #fff;
  color: var(--mm-black);
  box-shadow: none !important;
}

.woocommerce input:focus,
.woocommerce textarea:focus,
.woocommerce select:focus,
.form-control:focus {
  border-color: var(--mm-yellow) !important;
  box-shadow: 0 0 0 .14rem rgba(255,196,0,.18) !important;
}

.woocommerce-info,
.woocommerce-message,
.woocommerce-error {
  border: 0;
  border-left: 4px solid var(--mm-yellow);
  border-radius: var(--mm-radius-sm);
  background: var(--mm-soft);
  color: var(--mm-black);
}

/* =========================================================
   SHOP PRODUCT CARDS
========================================================= */

.products .card.product {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--mm-border);
  border-radius: var(--mm-radius);
  background: var(--mm-surface);
  box-shadow: var(--mm-shadow);
  transition: border-color .18s ease;
}

.products .card.product:hover {
  transform: none;
  border-color: var(--mm-yellow);
  box-shadow: var(--mm-shadow);
}

.products .card.product > a.woocommerce-LoopProduct-link {
  position: relative;
  display: block;
  color: inherit;
  text-decoration: none;
}

.products .card-img-top {
  height: 245px;
  object-fit: contain;
  padding: 1.15rem;
  /*
  background: var(--mm-soft);
  border-bottom: 1px solid var(--mm-border);
  */
}

.products .card-body {
  padding: 1rem;
}

.woocommerce-loop-product__title {
  font-size: .98rem;
  line-height: 1.35;
  font-weight: 800;
  color: var(--mm-black);
  margin-bottom: .5rem;
}

.products .price {
  display: block;
  color: var(--mm-gray);
  font-size: .98rem;
  font-weight: 800;
  margin-bottom: .9rem;
}

.products .price ins {
  color: var(--mm-red);
  text-decoration: none;
}

.products .price del {
  color: #999;
  font-weight: 500;
}

.products .add_to_cart_button,
.products .product_type_variable {
  width: 100%;
  padding: .75rem .9rem;
  text-transform: uppercase;
  font-size: .8rem;
}

.products .add_to_cart_button::before,
.products .product_type_variable::before {
  content: "🍄";
  margin-right: .45rem;
}

/* Product labels - keeps SALE red / NEW yellow from plugin */
.products .berocket_better_labels {
  /*
  position: absolute !important;
  */
  z-index: 8 !important;
  top: .75rem !important;
  left: .75rem !important;
  right: auto !important;
  bottom: auto !important;
}

.products .berocket_better_labels_position_center,
.products .berocket_better_labels_position_left {
  transform: none !important;
}

.products .br_alabel span {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  padding: .35rem .65rem !important;
  border-radius: var(--mm-radius-sm) !important;
  line-height: 1 !important;
  box-shadow: none !important;
}

.products .br_alabel i {
  border-radius: var(--mm-radius-sm) !important;
}

.products .br_alabel b {
  color: inherit !important;
  font-size: .68rem !important;
  font-weight: 900 !important;
  letter-spacing: .07em;
}

.star-rating {
  color: var(--mm-yellow);
  margin: .25rem auto .55rem;
}

/* Pagination */
.pagination .page-link {
  border-radius: var(--mm-radius-sm);
  margin: 0 .12rem;
  border: 1px solid var(--mm-border);
  color: var(--mm-black);
  font-weight: 700;
  box-shadow: none;
}

.pagination .page-link.active,
.pagination .active > .page-link,
.pagination .page-link:hover {
  background: var(--mm-yellow);
  border-color: var(--mm-yellow);
  color: #111;
}

/* =========================================================
   SINGLE PRODUCT
========================================================= */
/*
.single-product div.product {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, .9fr);
  gap: 1.5rem;
  align-items: start;
}
*/
.woocommerce-product-gallery {
  background: #fff;
  border: 1px solid var(--mm-border);
  border-radius: var(--mm-radius);
  padding: .9rem;
  overflow: hidden;
  box-shadow: var(--mm-shadow);
}

.woocommerce-product-gallery img {
  border-radius: var(--mm-radius-sm);
}

.flex-control-thumbs {
  display: flex;
  gap: .5rem;
  margin-top: .85rem !important;
}

.flex-control-thumbs li {
  width: 68px !important;
}

.flex-control-thumbs img {
  border: 1px solid var(--mm-border);
  border-radius: var(--mm-radius-sm);
  opacity: .7;
}

.flex-control-thumbs img.flex-active {
  border-color: var(--mm-yellow);
  opacity: 1;
}

.summary.entry-summary {
  background: #fff;
  border: 1px solid var(--mm-border);
  border-radius: var(--mm-radius);
  padding: 1.25rem;
  box-shadow: var(--mm-shadow);
}

.product_title {
  font-size: clamp(1.8rem, 4vw, 2.8rem);
  font-weight: 900;
  line-height: 1.08;
  letter-spacing: -.04em;
}

.summary .price {
  font-size: 1.55rem;
  font-weight: 900;
  color: var(--mm-black);
}

.woocommerce-product-details__short-description {
  color: var(--mm-dark);
  line-height: 1.6;
}

.woocommerce-product-details__short-description h2 {
  font-size: 1.1rem;
  font-weight: 800;
}

progress {
  height: 8px;
  border-radius: 99px;
  overflow: hidden;
}

progress::-webkit-progress-bar {
  background: #eee;
}

progress::-webkit-progress-value {
  background: var(--mm-yellow);
}

.variable-items-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
}

.variable-item {
  border-radius: var(--mm-radius-sm) !important;
  border: 1px solid var(--mm-border) !important;
  box-shadow: none !important;
  padding: .5rem .75rem !important;
  background: #fff !important;
}

.variable-item.selected,
.variable-item[aria-checked="true"] {
  background: var(--mm-yellow) !important;
  color: #111 !important;
  border-color: var(--mm-yellow) !important;
}

.single_add_to_cart_button {
  padding: .9rem 1.2rem !important;
  text-transform: uppercase;
}

.single_add_to_cart_button::before {
  content: "🍄";
  margin-right: .5rem;
}

.quantity .input-group {
  border: 1px solid var(--mm-border);
  border-radius: var(--mm-radius-sm);
  overflow: hidden;
  background: #fff;
}

.quantity .form-control {
  border: 0 !important;
  text-align: center;
  box-shadow: none !important;
}

.quantity .input-group-text {
  border: 0;
  background: var(--mm-soft);
  font-weight: 800;
}

.yith-par-message,
.yith-par-message-product {
  border-radius: var(--mm-radius-sm);
  padding: .8rem .9rem;
  font-weight: 800;
}

/* Tabs */
.wc-tabs.nav-tabs {
  border-bottom: 1px solid var(--mm-border);
  gap: .35rem;
}

.wc-tabs .nav-link {
  border: 1px solid var(--mm-border);
  border-radius: var(--mm-radius-sm) var(--mm-radius-sm) 0 0;
  color: var(--mm-black);
  font-weight: 800;
}

.wc-tabs .nav-link.active {
  background: var(--mm-black);
  color: var(--mm-yellow);
  border-color: var(--mm-black);
}

.woocommerce-Tabs-panel {
  background: #fff;
  padding: 1.25rem;
  box-shadow: none;
}

/* =========================================================
   CART
========================================================= */

.woocommerce-cart-form,
.cart_totals,
#pwgc-redeem-gift-card-form {
  background: #fff;
  border: 0;
  border-radius: var(--mm-radius);
  padding: 1rem;
  box-shadow: none;
}

.woocommerce-cart-form,
.cart_totals {
  border-top: 3px solid var(--mm-yellow);
  /*
  background: var(--mm-soft);
  */
}

.shop_table {
  border-collapse: collapse !important;
  border-spacing: 0 !important;
  margin-bottom: 0;
}

.shop_table thead th {
  color: var(--mm-gray);
  font-size: .76rem;
  text-transform: uppercase;
  letter-spacing: .08em;
  border: 0 !important;
  border-bottom: 1px solid var(--mm-border) !important;
  background: transparent;
}

.shop_table td,
.shop_table th {
  border: 0 !important;
  border-bottom: 1px solid var(--mm-border) !important;
  vertical-align: middle;
  background: transparent;
}

.shop_table tr:last-child td,
.shop_table tr:last-child th {
  border-bottom: 0 !important;
}

.cart_item img {
  width: 68px;
  height: 68px;
  object-fit: cover;
  border-radius: var(--mm-radius-sm);
  background: #fff;
}

.product-name a {
  color: var(--mm-black);
  font-weight: 800;
  text-decoration: none;
}

.product-remove .remove {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: var(--mm-radius-sm);
  background: rgba(230,55,46,.1);
  color: var(--mm-red) !important;
  font-weight: 900;
  text-decoration: none;
}

.actions .coupon {
  display: flex;
  gap: .5rem;
  flex-wrap: wrap;
}

.actions .coupon input {
  min-width: 220px;
}

.cart_totals h2,
#order_review_heading,
.woocommerce-billing-fields h3 {
  font-weight: 900;
  letter-spacing: -.03em;
}

.wc-proceed-to-checkout .checkout-button {
  display: block;
  width: 100%;
  text-align: center;
  padding: .95rem 1.15rem;
  font-size: .98rem;
}

/* =========================================================
   CHECKOUT
========================================================= */

.checkout #customer_details,
#order_review {
  /*
  background: var(--mm-soft);
  */
  border: 0;
  border-top: 3px solid var(--mm-yellow);
  border-radius: var(--mm-radius);
  padding: 1.25rem;
  box-shadow: none;
}

.woocommerce-checkout-review-order-table {
  margin-bottom: 1rem;
}

#payment {
  background: #fff;
  border: 1px solid var(--mm-border);
  border-radius: var(--mm-radius);
  padding: 1rem;
}

.wc_payment_methods {
  list-style: none;
  padding: 0;
  margin: 0 0 1rem;
}

.payment_box {
  background: var(--mm-soft);
  border: 0;
  border-left: 3px solid var(--mm-yellow);
  border-radius: var(--mm-radius-sm);
  padding: 1rem;
}

#place_order {
  width: 100%;
  padding: .95rem 1.15rem;
  text-transform: uppercase;
}

#place_order::before {
  content: "🍄";
  margin-right: .5rem;
}

/* =========================================================
   MY ACCOUNT
========================================================= */

.woocommerce-MyAccount-navigation .list-group {
  border-radius: var(--mm-radius);
  overflow: hidden;
  /*
  border: 1px solid var(--mm-border);
  */
  background: #fff;
  box-shadow: none;
}

.woocommerce-MyAccount-navigation .list-group-item {
  position: relative;
  z-index: 1;
  border-color: var(--mm-border);
  padding: .9rem 1rem;
  font-weight: 800;
  color: var(--mm-black);
  background: #fff !important;
}

.woocommerce-MyAccount-navigation .list-group-item:hover {
  background: var(--mm-soft) !important;
  color: var(--mm-black);
}

.woocommerce-MyAccount-navigation .list-group-item[aria-current="page"],
.woocommerce-MyAccount-navigation .list-group-item.active,
.woocommerce-MyAccount-navigation .list-group-item.is-active {
  background: var(--mm-black) !important;
  color: #fff !important;
  border-color: var(--mm-black) !important;
}

.woocommerce-MyAccount-content {
  position: relative;
  overflow: hidden;
  background: #fff;
  border: 1px solid var(--mm-border);
  border-radius: var(--mm-radius);
  padding: 0;
  box-shadow: none;
}

.woocommerce-MyAccount-content::before {
  content: "Dashboard";
  display: block;
  padding: 1.05rem 1.25rem;
  background: var(--mm-yellow);
  color: #111;
  font-size: 1.3rem;
  font-weight: 900;
  letter-spacing: -.025em;
  border-bottom: 1px solid var(--mm-border);
}

.woocommerce-MyAccount-content > * {
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}

.woocommerce-MyAccount-content > *:first-child {
  margin-top: 1.25rem;
}

.woocommerce-MyAccount-content > *:last-child {
  margin-bottom: 1.25rem;
}

.woocommerce-MyAccount-content a {
  color: var(--mm-gold-dark);
  font-weight: 800;
}

.woocommerce-MyAccount-content table,
.woocommerce-orders-table,
.woocommerce-table {
  border-radius: var(--mm-radius-sm);
  overflow: hidden;
}

.woocommerce-Address,
.woocommerce-address-fields,
.woocommerce-EditAccountForm {
  background: #fff;
  border: 1px solid var(--mm-border);
  border-radius: var(--mm-radius);
  padding: 1.15rem;
}

/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 991px) {
  .single-product div.product {
    grid-template-columns: 1fr;
  }

  .products .card-img-top {
    height: 225px;
  }
}

@media (max-width: 767px) {
  .shop_table_responsive thead {
    display: none;
  }

  .shop_table_responsive tr {
    display: block;
    border: 0;
    border-bottom: 1px solid var(--mm-border);
    border-radius: 0;
    padding: .75rem 0;
    margin-bottom: .5rem;
  }

  .shop_table_responsive td {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    border: 0 !important;
    padding: .5rem 0 !important;
  }

  .shop_table_responsive td::before {
    content: attr(data-title);
    font-weight: 800;
    color: var(--mm-black);
  }

  .product-thumbnail::before,
  .product-remove::before {
    display: none;
  }

  .actions,
  .actions .coupon {
    display: block;
  }

  .actions .coupon input,
  .actions .coupon button,
  .actions > button {
    width: 100%;
    margin-bottom: .6rem;
  }

  .woocommerce-MyAccount-navigation {
    margin-bottom: 1rem;
  }

  .woocommerce-MyAccount-content::before {
    font-size: 1.18rem;
    padding: 1rem;
  }

  .woocommerce-MyAccount-content > * {
    margin-left: 1rem;
    margin-right: 1rem;
  }
}




/* =========================================================
   HEADER + DESKTOP BAR MENU + NEW CUSTOM OFFCANVAS
========================================================= */

:root {
  --mm-header-bg: #111111;
  --mm-header-text: #ffffff;
  --mm-header-border: rgba(255,255,255,.12);

  --mm-menu-bg: #000000;
  --mm-menu-link: #ffffff;
  --mm-menu-link-hover: #ff1a1a;

  --mm-side-bg: #111111;
  --mm-side-header-bg: #000000;
  --mm-side-link: #ffffff;
  --mm-side-link-hover: #ff1a1a;
}
/* =========================================================
   HEADER
========================================================= */

#masthead,
#masthead.bg-body-tertiary {
  background: var(--mm-header-bg) !important;
  border-bottom: 1px solid var(--mm-header-border);
  box-shadow: 0 4px 18px rgba(0,0,0,.18);
}

#nav-main {
  background: #fff;
  min-height: 78px;
}

#masthead .navbar-brand img {
  max-height: 58px;
  width: auto;
}

#masthead a,
#masthead .nav-link,
#masthead .header-actions a,
#masthead .header-actions button,
#masthead .btn,
#masthead i {
  color: #333 !important;
}

#masthead a:hover,
#masthead .nav-link:hover,
#masthead .header-actions a:hover,
#masthead .header-actions button:hover,
#masthead .btn:hover,
#masthead i:hover {
  color: var(--mm-menu-link-hover) !important;
}

/* Mobile menu button */
#masthead .nav-toggler {
  background: var(--mm-yellow) !important;
  border-color: var(--mm-yellow) !important;
  color: #111111 !important;
  border-radius: var(--mm-radius-sm) !important;
  font-weight: 900;
  padding: .6rem .8rem;
}

#masthead .nav-toggler i {
  color: #111111 !important;
}

#masthead .nav-toggler:hover {
  background: #ffffff !important;
  border-color: #ffffff !important;
  color: #111111 !important;
}

/* =========================================================
   DESKTOP BAR MENU
   Use this for your extra desktop menu div
========================================================= */

.desktop-menu-bar {
  background: var(--mm-menu-bg);
  border-top: 1px solid var(--mm-header-border);
  border-bottom: 1px solid var(--mm-header-border);
}

.desktop-menu-bar .container {
  display: flex;
  justify-content: center;
}

#desktop-navbar {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .25rem;
  width: 100%;
  margin: 0;
  padding: 0;
}

#desktop-navbar > .menu-item {
  position: relative;
}

#desktop-navbar > .menu-item > a,
#desktop-navbar > .menu-item > .nav-link {
  color: var(--mm-menu-link) !important;
  padding: .9rem 10px !important;
  font-size: .82rem;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
  text-decoration: none;
}

#desktop-navbar > .menu-item > a:hover,
#desktop-navbar > .menu-item > .nav-link:hover,
#desktop-navbar > .current-menu-item > a,
#desktop-navbar > .current-menu-parent > a {
  color: var(--mm-menu-link-hover) !important;
}

/* Desktop dropdown */
#desktop-navbar .dropdown-menu {
  background: #111111 !important;
  border: 1px solid var(--mm-header-border);
  border-radius: var(--mm-radius-sm);
  padding: .45rem;
  margin-top: 0;
  box-shadow: 0 10px 28px rgba(0,0,0,.28);
}

#desktop-navbar .dropdown-item {
  color: #ffffff !important;
  border-radius: var(--mm-radius-sm);
  font-weight: 700;
  /*
  padding: .65rem .8rem;
  */
}

#desktop-navbar .dropdown-item:hover,
#desktop-navbar .dropdown-item:focus,
#desktop-navbar .dropdown-item.active {
  background: var(--mm-yellow) !important;
  color: #111111 !important;
}

/* Hide desktop bar on mobile */
@media (max-width: 991.98px) {
  .desktop-menu-bar {
    display: none !important;
  }
}

/* =========================================================
   NEW CUSTOM OFFCANVAS MENU
   For: #offcanvasRight.custom-side-menu
========================================================= */

.custom-side-menu {
  background: var(--mm-side-bg) !important;
  color: #ffffff !important;
  width: min(88vw, 380px);
  border-left: 1px solid var(--mm-header-border);
  box-shadow: -10px 0 30px rgba(0,0,0,.35);
}

.custom-side-menu .offcanvas-header {
  background: var(--mm-side-header-bg) !important;
  color: #ffffff !important;
  border-bottom: 1px solid var(--mm-header-border);
  padding: 1rem 1.15rem;
}

.custom-side-menu .offcanvas-title {
  color: var(--mm-yellow) !important;
  font-weight: 900;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.custom-side-menu .btn-close {
  filter: invert(1);
  opacity: 1;
  box-shadow: none !important;
}

.custom-side-menu .offcanvas-body {
  background: var(--mm-side-bg) !important;
  padding: .75rem;
}

/* Offcanvas nav */
.custom-side-menu #bootscore-navbar {
  width: 100%;
  margin: 0 !important;
  padding: 0;
}

.custom-side-menu #bootscore-navbar .menu-item {
  border-bottom: 1px solid var(--mm-header-border);
}

.custom-side-menu #bootscore-navbar .nav-link,
.custom-side-menu #bootscore-navbar a {
  color: var(--mm-side-link) !important;
  font-size: 1rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .04em;
  /*
  padding: .95rem .65rem !important;
  */
  padding: 10px .65rem !important;
  text-decoration: none;
}

.custom-side-menu #bootscore-navbar .nav-link:hover,
.custom-side-menu #bootscore-navbar a:hover,
.custom-side-menu #bootscore-navbar .current-menu-item > a,
.custom-side-menu #bootscore-navbar .current-menu-parent > a {
  color: var(--mm-side-link-hover) !important;
}

/* Offcanvas dropdowns */
.custom-side-menu #bootscore-navbar .dropdown-menu {
  background: #000000 !important;
  border: 0;
  border-left: 3px solid var(--mm-yellow);
  border-radius: 0;
  padding: .35rem 0 .35rem .6rem;
  margin: 0 0 .75rem .65rem;
}

.custom-side-menu #bootscore-navbar .dropdown-item {
  color: #ffffff !important;
  font-size: .9rem;
  font-weight: 700;
  padding: .55rem .65rem !important;
  background: transparent !important;
}

.custom-side-menu #bootscore-navbar .dropdown-item:hover,
.custom-side-menu #bootscore-navbar .dropdown-item:focus {
  background: transparent !important;
  color: var(--mm-yellow) !important;
}

/* Dropdown toggle arrow color */
.custom-side-menu .dropdown-toggle::after {
  color: var(--mm-yellow);
}

/* Backdrop */
.offcanvas-backdrop.show {
  opacity: .65;
}

.my-offcanvas-account .woocommerce-MyAccount-content{display: none;}


.cart-toggler{margin-right: 10px;}





/* =========================================================
   FOOTER (BLACK + RED LINKS)
========================================================= */

#footer {
  background: #000;
  color: #bbb;
  font-size: .9rem;
}

.bootscore-footer-columns {
  background: #000;
  border-top: 1px solid rgba(255,255,255,.08);
}

/* Headings */
#footer h2,
#footer h4,
#footer .widget-title {
  color: #fff;
  font-weight: 900;
  text-transform: uppercase;
  font-size: .85rem;
  letter-spacing: .05em;
  margin-bottom: .75rem;
}

/* Text */
#footer p {
  color: #aaa;
  line-height: 1.6;
}

/* 🔴 LINKS */
#footer a {
  color: #ff1a1a;
  text-decoration: none;
  font-weight: 700;
  transition: color .18s ease;
}

#footer a:hover {
  color: #ffffff;
}

/* Menu */
#footer .menu {
  list-style: none;
  padding: 0;
  margin: 0;
}

#footer .menu li {
  margin-bottom: .4rem;
}

/* Images (IMPORTANT: no white filter) */
#footer img {
  max-height: 42px;
  width: auto;
  opacity: .95;
  filter: none !important;
  transition: .2s ease;
}

#footer img:hover {
  opacity: 1;
  transform: scale(1.03);
}

/* Bottom bar */
.bootscore-footer-info {
  background: #000;
  border-top: 1px solid rgba(255,255,255,.08);
}

.bootscore-footer-info .bootscore-copyright {
  color: #777;
  font-weight: 600;
}






/* =========================================================
   MY ACCOUNT OFFCANVAS (RED / BLACK STYLE)
   Scoped to: .my-account-side-global-menu
========================================================= */

.my-account-side-global-menu {
  background: #111 !important;
  color: #fff;
}

/* Header */
.my-account-side-global-menu .offcanvas-header {
  background: #000;
  border-bottom: 1px solid rgba(255,255,255,.08);
}

.my-account-side-global-menu .offcanvas-title {
  color: #ff1a1a;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .05em;
}

/* Close button */
.my-account-side-global-menu .btn-close {
  filter: invert(1);
  opacity: .8;
}

.my-account-side-global-menu .btn-close:hover {
  opacity: 1;
}

/* Body */
.my-account-side-global-menu .offcanvas-body {
  background: #111;
}

/* Loader overlay */
.my-account-side-global-menu .ajax-login-loader {
  background:#000;
  background-color:#000 !important;
}

/* Spinner */
.my-account-side-global-menu .spinner-border {
  color: #ff1a1a !important;
}

/* Navigation container */
.my-account-side-global-menu .woocommerce-MyAccount-navigation .list-group {
  background: transparent;
  border: none;
  border-radius: 0;
  overflow: hidden;
}

/* Menu items */
.my-account-side-global-menu .list-group-item {
  background: #111 !important;
  color: #ddd;
  border: 0;
  border-bottom: 1px solid rgba(255,255,255,.06);
  font-weight: 800;
  letter-spacing: .03em;
  padding: .85rem 1rem;
  transition: all .15s ease;
}

/* Hover */
.my-account-side-global-menu .list-group-item:hover {
  background: #1a1a1a !important;
  color: #ff1a1a;
}

/* Active */
.my-account-side-global-menu .list-group-item.active,
.my-account-side-global-menu .list-group-item[aria-current="page"] {
  background: #ff1a1a !important;
  color: #fff !important;
  border-color: #ff1a1a;
}

/* Right content panel */
.my-account-side-global-menu .woocommerce-MyAccount-content {
  background: #111;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 10px;
  padding: 1.25rem;
}

/* Headings / text */
.my-account-side-global-menu .woocommerce-MyAccount-content p {
  color: #ccc;
}

.my-account-side-global-menu .woocommerce-MyAccount-content strong {
  color: #fff;
}

/* Links */
.my-account-side-global-menu a {
  color: #ff1a1a;
  font-weight: 700;
}

.my-account-side-global-menu a:hover {
  color: #fff;
}

/* Responsive spacing */
@media (max-width: 767px) {
  .my-account-side-global-menu .woocommerce-MyAccount-content {
    margin-top: 1rem;
  }
}




/* =========================================================
   HEADER (FULL BLACK)
========================================================= */

#masthead,
#masthead.bg-body-tertiary,
#nav-main {
  background: #000 !important;
  border-bottom: 1px solid rgba(255,255,255,.08);
}

/* Logo stays fine */
#masthead .navbar-brand img {
  max-height: 58px;
}

/* Default text/icons */
#masthead a,
#masthead .nav-link,
#masthead i {
  color: #fff !important;
}

/* Hover links */
#masthead a:hover,
#masthead .nav-link:hover,
#masthead i:hover {
  color: #ff1a1a !important;
}

/* =========================================================
   SEARCH BAR (WHITE CONTRAST)
========================================================= */

#masthead .is-search-form {
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
  display: flex;
  align-items: center;
}

/* Input */
#masthead .is-search-input {
  background: #fff !important;
  border: none !important;
  color: #111;
  padding: .6rem .75rem;
  flex: 1;
}

/* Button */
#masthead .is-search-submit {
  background: #ff1a1a !important;
  border: none;
  padding: 0 .9rem;
  display: flex;
  align-items: center;
  justify-content: center;
}


.is-form-style input.is-search-submit, .is-search-icon{background:transparent !important;   height: 39px; border:none !important;}
#masthead .is-search-icon{  width: 37px;}

/* Force icon white */
#masthead .is-search-submit svg,
#masthead .is-search-submit svg path {
  fill: #fff !important;
}

/* Hover */
#masthead .is-search-submit:hover {
  background: #cc0000 !important;
}

/* =========================================================
   HEADER BUTTONS (DARK STYLE)
========================================================= */

/* Base buttons (dark style instead of white boxes) */
#masthead .header-actions .btn {
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.12);
  color: #fff !important;
  font-weight: 700;
  border-radius: 6px;
  padding: .45rem .75rem;
  backdrop-filter: blur(2px);
  transition: all .15s ease;
}

/* Icons */
#masthead .header-actions .btn i {
   color: inherit !important;
}

/* Hover = red */
#masthead .header-actions .btn:hover {
  background: #ff1a1a !important;
  border-color: #ff1a1a !important;
  color: #fff !important;
}

/* Icon stays white on hover */
#masthead .header-actions .btn:hover i {
  color: #fff !important;
}

/* Cart badge */
#masthead .cart-content-count {
  background: #ff1a1a !important;
  color: #fff;
  font-weight: 800;
}

/* Menu button (make it primary standout) */
#masthead .header-actions .btn-primary {
  background: #ff1a1a;
  border-color: #ff1a1a;
  color: #fff !important;
}

#masthead .header-actions .btn-primary:hover {
  background: #cc0000;
  border-color: #cc0000;
}

body.xoo-wsc-cart-active, html.xoo-wsc-cart-active{overflow:auto !important;}

#wc-woo_offline_credit_card_payment_method-cc-form input{width: 100%;}
#wc-woo_offline_credit_card_payment_method-cc-form label{font-size: 12px; font-weight: bold;}
.wc_payment_method.payment_method_woo_offline_credit_card_payment_method .wc_offline_cart_images {
  bottom: 28px !important;
  max-width: 84px;
}


/* Modern category cards only */
.bch-category-card {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 14px;
  background: #000;
  text-decoration: none !important;
  isolation: isolate;
  box-shadow: 0 10px 30px rgba(0,0,0,.28);
}

.bch-category-card__image-wrap {
  display: block;
  aspect-ratio: 3 / 4;
  overflow: hidden;
  background: #000;
}

.bch-category-card__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.01);
  transition: transform .45s ease, filter .45s ease;
}

/* dark base gradient */
.bch-category-card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(180deg, rgba(0,0,0,.15) 0%, rgba(0,0,0,.75) 100%);
  pointer-events: none;
}

/* animated red overlay */
.bch-category-card::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  background:
    radial-gradient(circle at 50% 45%, rgba(255,26,26,.42), transparent 58%),
    linear-gradient(135deg, rgba(255,26,26,.55), rgba(0,0,0,.05));
  opacity: 0;
  transform: translateY(18px) scale(1.05);
  transition: opacity .35s ease, transform .45s ease;
  pointer-events: none;
}

.bch-category-card__content {
  position: absolute;
  inset: auto 18px 18px 18px;
  z-index: 3;
  display: block;
}

.bch-category-card__title {
  display: inline-flex;
  align-items: center;
  color: #fff !important;
  font-size: 22px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: -.03em;
  text-transform: uppercase;
  text-decoration: none !important;
  text-shadow: 0 3px 14px rgba(0,0,0,.65);
  transition: transform .35s ease, color .35s ease;
  width:100%;
}

.bch-category-card__title::after {
  content: "→";
  margin-left: .5rem;
  color: #ff1a1a;
  transform: translateX(-8px);
  opacity: 0;
  transition: transform .35s ease, opacity .35s ease;
}

/* hover */
.bch-category-card:hover .bch-category-card__image {
  transform: scale(1.08);
  filter: contrast(1.08) brightness(.82);
}

.bch-category-card:hover::after {
  opacity: 1;
  transform: translateY(0) scale(1);
}

.bch-category-card:hover .bch-category-card__title {
  transform: translateY(-4px);
  color: #fff !important;
}

.bch-category-card:hover .bch-category-card__title::after {
  opacity: 1;
  transform: translateX(0);
}

/* keyboard accessibility */
.bch-category-card:focus-visible {
  outline: 2px solid #ff1a1a;
  outline-offset: 4px;
}

/* mobile */
@media (max-width: 767px) {
  .bch-category-card {
    border-radius: 10px;
  }

  .bch-category-card__content {
    inset: auto 14px 14px 14px;
  }

  .bch-category-card__title {
    font-size: 1.35rem;
  }
}





/* =========================================================
   MODERN WOO SIDEBAR FILTER
   Scoped only to shortcode/sidebar elements
========================================================= */

.mywoo-sidebar-wrap {
  /*
  --mywoo-bg: #000;
  */
  --mywoo-panel: #111;
  --mywoo-panel-2: #181818;
  --mywoo-border: rgba(255,255,255,.1);
  --mywoo-text: #fff;
  --mywoo-muted: #aaa;
  --mywoo-red: #ff1a1a;
  --mywoo-red-dark: #cc0000;
  --mywoo-radius: 10px;

  background: var(--mywoo-bg);
  color: var(--mywoo-text);
  border: 1px solid var(--mywoo-border);
  border-radius: var(--mywoo-radius);
  padding: 16px;
}



.mywoo-block {
  margin-bottom: 24px;
  padding-bottom: 22px;
  border-bottom: 1px solid var(--mywoo-border);
}

.mywoo-block:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}

.mywoo-title {
  margin: 0 0 14px;
  color: #000;
  font-size: 1rem;
  font-weight: 900;
  line-height: 1.1;
  text-transform: uppercase;
  letter-spacing: .06em;
  font-size: 24px;
}

/* Status chips */
.mywoo-chip-group {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.mywoo-chip-link {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 10px 12px;
  border: 1px solid var(--mywoo-border);
  border-radius: 8px;
  background: var(--mywoo-panel);
  color: #fff !important;
  font-weight: 800;
  text-decoration: none !important;
  transition: .18s ease;
}

.mywoo-chip-link:hover,
.mywoo-chip-link.is-active {
  background: var(--mywoo-red);
  border-color: var(--mywoo-red);
  color: #fff !important;
}

/* Category tree */
.mywoo-cat-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.mywoo-cat-list .mywoo-cat-list {
  margin-top: 8px;
  padding-left: 14px;
  border-left: 1px solid var(--mywoo-border);
}

.mywoo-cat-item {
  margin: 6px 0;
}

.mywoo-cat-row {
  display: flex;
  align-items: center;
  gap: 8px;
}

.mywoo-cat-toggle,
.mywoo-cat-spacer {
  width: 24px;
  min-width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.mywoo-cat-toggle {
  border: 1px solid var(--mywoo-border);
  border-radius: 6px;
  background: var(--mywoo-panel-2);
  color: var(--mywoo-red);
  font-size: 15px;
  font-weight: 900;
  line-height: 1;
  cursor: pointer;
  transition: .18s ease;
}

.mywoo-cat-toggle:hover {
  background: var(--mywoo-red);
  border-color: var(--mywoo-red);
  color: #fff;
}

.mywoo-cat-item.is-open > .mywoo-cat-row .mywoo-cat-toggle {
  transform: rotate(45deg);
}

.mywoo-cat-link,
.mywoo-term-link {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
  padding: 10px 11px;
  border-radius: 8px;
  background: transparent;
  color: var(--mywoo-muted) !important;
  font-weight: 700;
  text-decoration: none !important;
  transition: .18s ease;
  font-size: 14px;
}

.mywoo-cat-link:hover,
.mywoo-term-link:hover {
  background: var(--mywoo-red);
  color: #fff !important;
}

.mywoo-cat-link small,
.mywoo-term-link small {
  min-width: 26px;
  padding: 2px 7px;
  border-radius: 999px;
  background: rgba(255,255,255,.08);
  color: #bbb;
  font-size: .72rem;
  font-weight: 900;
  text-align: center;
}

.mywoo-cat-item.is-current > .mywoo-cat-row .mywoo-cat-link,
.mywoo-allcats.is-current-link,
.mywoo-term-link.is-current-link {
  background: var(--mywoo-red);
  color: #fff !important;
}

.mywoo-cat-item.is-current > .mywoo-cat-row .mywoo-cat-link small,
.mywoo-allcats.is-current-link small,
.mywoo-term-link.is-current-link small {
  background: rgba(0,0,0,.25);
  color: #fff;
}

.mywoo-allcats {
  margin-bottom: 12px;
  background: var(--mywoo-panel);
}

/* Variation attribute links */
.mywoo-term-link-list {
  display: grid;
  gap: 8px;
}

/* Inside Bootstrap offcanvas */
.offcanvas .mywoo-sidebar-wrap,
.offcanvas-lg .mywoo-sidebar-wrap {
  border: 0;
  border-radius: 0;
}

/* Loading compatibility */
.mywoo-ajax-loading {
  opacity: .55;
  pointer-events: none;
}

/* Mobile */
@media (max-width: 767px) {
  .mywoo-sidebar-wrap {
    padding: 14px;
  }
  /*
  .mywoo-chip-group {
    grid-template-columns: 1fr;
  }
  */

  .mywoo-title {
    font-size: .95rem;
  }

  .mywoo-cat-link,
  .mywoo-term-link {
    padding: 11px 10px;
  }
}

@media (max-width: 991.98px) {
  #sidebar .offcanvas-body{padding:0;}
  #sidebar .mywoo-sidebar-wrap {  --mywoo-bg: #000;}
  #sidebar .mywoo-title {color:#fff;}

  #sidebar .offcanvas-header,
  #sidebar .offcanvas-body {
    background: #000 !important;
    color: #fff;
  }
}

#billing_country_field select{width:100%; padding:5px;}