/* Moved from Theme.custom_css (https://kreezalid.s3.eu-central-1.amazonaws.com/557522/app/custom.css?v=1733296302) */
@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,600;12..96,700&display=swap');

:root {
  --color: #424242;
  --background-color: #F8F5F0;
  --accent-color: #932525;

  --side-padding: 100px;
}

@media (max-width: 800px) {
  :root {
    --side-padding: 15px;
  }
}

* {
  box-sizing: border-box;
}

html {
  font-size: 112.5%;

  scroll-behavior: smooth;
}

@media (max-width: 1000px) {
  html {
    font-size: 100%;
  }
}

body {
  font-family: 'Bricolage Grotesque', sans-serif;
  font-size: 100%;
  /* Base font size 18px */
  color: var(--color);
  background-color: var(--background-color);
}

a {
  transition: none;
}

/* Typography */
p,
li,
h1,
h2,
h3,
h4,
h5 {
  font-family: 'Bricolage Grotesque', sans-serif;
  /* https://moderncss.dev/generating-font-size-css-rules-and-creating-a-fluid-type-scale/ */
  /* Help prevent overflow of long words/names/URLs */
  overflow-wrap: break-word;
  /* Optional, not supported for all languages */
  hyphens: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 1rem 0;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: 'Bricolage Grotesque', sans-serif;
}

h1 {
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 1.1;
}

h2,
.h2 {
  font-size: 2rem;
  font-weight: 600;
}

h3,
.h3 {
  font-size: 1.45rem;
  font-weight: 600;
}

h4 {
  font-size: 1.2rem;
  font-weight: 600;
  letter-spacing: 2%;
  text-transform: uppercase;
}

h5,
.h5 {
  font-size: 1.2rem;
  font-weight: 400;
  text-transform: none;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@media (max-width: 991px) {
  h1 {
    font-size: 2.1rem;
  }

  h2 {
    font-size: 1.6rem;
  }
}

p {
  font-size: 1rem;
  line-height: 1.2;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

li {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.card-content-price:after,
.price_content:after {
  content: " USD";
}

/* Layout */
.block-wrapper {
  margin: 0 auto;
  padding: 0 var(--side-padding);
  max-width: 1440px;
}

.container-center {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.top-space {
  margin-top: 40px;
}

/* Elements */
.button {
  padding: 10px 20px;
  display: inline-flex;
  justify-content: center;
  align-items: center;

  flex-shrink: 0;
  border-radius: 8px;
  border: 1.8px solid var(--color);
  color: var(--color);
}

.button-1 {
  background-color: var(--color);
  color: var(--background-color);
  border: none;
}

.button-2 {
  background-color: var(--background-color);
}

.button-3 {
  text-transform: uppercase;
  background-color: var(--color);
  color: var(--background-color);
}

@media (hover: none) {
  a:hover {
    text-decoration: none;
  }
}

@media (hover: hover) {
  .button:hover {
    text-decoration: none;
  }

  .button-1:hover {
    background-color: var(--accent-color);
    color: var(--background-color);
  }

  .button-2:hover {
    background-color: var(--color);
    color: var(--background-color);
  }

  .button-3:hover {
    background-color: var(--accent-color);
    color: var(--background-color);
  }
}

@media (max-width: 480px) {
  .button-2 {
    width: 100%;
  }
}

/* Homepage Listings */
.view-all-listings {
  padding: 3rem 0 1rem 0;

  display: flex;
  flex-direction: column;
  align-items: center;
}

@media (max-width: 480px) {
  .view-all-listings {
    padding: 3rem 0 0 0;
  }
}

/* All Listings Filters*/
.filter_sidebar .filter_title {
  margin-top: 0;
  margin-bottom: 10px;
  padding: 0;
  padding-top: .5rem;
  width: 100%;
  display: inline-block;
  color: var(--color);
  background-color: transparent;
  border-radius: 0;
  border-top: 2px solid #CEC9C0;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 0.88888rem;
  letter-spacing: 1px;
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22currentColor%22%20class%3D%22bi%20bi-plus-square%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M14%201a1%201%200%200%201%201%201v12a1%201%200%200%201-1%201H2a1%201%200%200%201-1-1V2a1%201%200%200%201%201-1zM2%200a2%202%200%200%200-2%202v12a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V2a2%202%200%200%200-2-2z%22%2F%3E%3Cpath%20d%3D%22M8%204a.5.5%200%200%201%20.5.5v3h3a.5.5%200%200%201%200%201h-3v3a.5.5%200%200%201-1%200v-3h-3a.5.5%200%200%201%200-1h3v-3A.5.5%200%200%201%208%204%22%2F%3E%3C%2Fsvg%3E);
  background-repeat: no-repeat;
  background-position: top 0.9rem right;
  background-size: 12px;
  background-size: 12px;
}

.filter_sidebar .filter_title.open {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22currentColor%22%20class%3D%22bi%20bi-dash-square%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M14%201a1%201%200%200%201%201%201v12a1%201%200%200%201-1%201H2a1%201%200%200%201-1-1V2a1%201%200%200%201%201-1zM2%200a2%202%200%200%200-2%202v12a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V2a2%202%200%200%200-2-2z%22%2F%3E%3Cpath%20d%3D%22M4%208a.5.5%200%200%201%20.5-.5h7a.5.5%200%200%201%200%201h-7A.5.5%200%200%201%204%208%22%2F%3E%3C%2Fsvg%3E);
}

.price_filter_side .filter_title {
  border-top: 0;
  background-image: none;
  pointer-events: none;
}

.price_filter_side .noUi-base {
  width: calc(100% - 40px);
  margin-left: 20px;
}

.price_filter_side .noUi-horizontal {
  height: 8px;
}

.price_filter_side .noUi-connect {
  background: var(--color);
}

.price_filter_side .noUi-horizontal .noUi-handle {
  width: 20px;
  height: 20px;
  border: 2px solid var(--color);
  background: var(--background-color);
}

div.sort-by {
  margin-top: 5px;
  float: right;
}

.sort-by select {
  padding: 0 30px 0 10px !important;
  color: var(--color);
  border: 1.8px solid #CEC9C0;
  border-radius: 6px !important;
  background-color: var(--background-color) !important;
}

.list-inline>li {
  padding: 0 5px 0 5px;
  margin-top: 5px;
}

.selected-filter span.label {
  font-size: 1rem;
  border-radius: 6px;
  border: 1.8px solid #CEC9C0 !important;
  color: var(--color) !important;
  font-weight: 400;
}

.selected-filter span.label>a {
  font-weight: 600;
}

.selected-filter span.label>a:hover {
  text-decoration: none;
}

.main-content .pagination {
  display: flex;
  justify-content: space-evenly;
  flex-direction: row;
  flex-wrap: wrap;
}

.main-content .pagination>li:first-child>a,
.pagination>li:last-child>a {
  border: 1.8px solid var(--color) !important;
  border-radius: 8px;
  background-color: var(--background-color);
  color: var(--color);
}

.main-content .pagination>li>a {
  background-color: transparent;
  color: var(--color);
  float: none;
}

.main-content .pagination>.disabled>a {
  opacity: 40%;
}

.main-content .pagination>.active>a {
  color: var(--accent-color);
}

@media (hover: hover) {

  .main-content .pagination>li:first-child>a:hover,
  .main-content .pagination>li:last-child>a:hover {
    background-color: var(--color);
    color: var(--background-color);
    text-decoration: none;
  }

  .main-content .pagination>li>a:hover {
    color: var(--color);
    text-decoration: underline;
  }

  .main-content .pagination>.page-item.disabled>a:hover {
    background-color: var(--background-color);
    color: var(--color);
    text-decoration: none;
  }

  .main-content .pagination>.active>a:hover {
    background-color: transparent;
    color: var(--accent-color);
    text-decoration: none;
  }
}

.main-content .previous .page-link>span::after {
  content: ' Previous';
}

.main-content .next .page-link>span::before {
  content: 'Next ';
}

@media (max-width: 480px) {

  .main-content .next .page-link>span::before,
  .main-content .previous .page-link>span::after {
    content: '';
  }
}

/* All Listings Card */
@media (max-width: 480px) {
  .results_list_item {
    flex: 0 0 calc(50% - 0.5rem);
  }
}

/* Sign Up / Log In Pages*/

.gray2-wrapper {
  background-color: var(--background-color);
}

.register,
.login,
.reset {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.register h1,
.login h1,
.reset h1 {
  font-size: 2rem;
  font-weight: 600;
}

.register .wh-part,
.login .wh-part,
.reset .wh-part {
  background-color: transparent;
}

.register .wh-part-head,
.login .wh-part-head,
.reset .wh-part-head {
  padding: 0;
  border-bottom: none;
}

.reset .wh-part-head {
  text-align: center;
}

.register .wh-part-body,
.login .wh-part-body,
.reset .wh-part-body {
  padding: 2rem 0 0 0;
}

.reset .form-group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.control-label {
  font-size: 1.2rem;
  font-weight: 400;
}

.form-control {
  border-radius: 8px;
  border: 1.8px solid #CEC9C0;
}

.login .checkbox {
  text-align: center
}

#remember-me {
    margin-left: 0;
}

.register .btn-primary,
.login .btn-primary,
.reset .btn-primary {
  padding: 10px 30px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--color);
  color: var(--background-color);
  border: none;
  font-size: 1rem;
}

.register .btn-primary:hover,
.login .btn-primary:hover,
.reset .btn-primary:hover {
  background-color: var(--accent-color);
  color: var(--background-color);
}

.login_redirect a,
.registration_redirect a {
  text-decoration: underline;
}

/* Account Dashboard */
.secondary-menu-wrapper {
  background-color: var(--background-color);
}

.dashboard-body {
  background: var(--background-color);
}

.about_me_avatar {
  padding-left: 0;
}

.dashboard-body .h3 {
  margin-top: 0;
}

.store_access .btn-primary {
  width: 100%;
  font-size: 0.88888rem;
  background-color: var(--background-color);
  border: 1.8px solid var(--color);
  border-radius: 6px;
}

/* Dashboard Listing Manager */

.white-box {
  background: var(--background-color);
  border: none;
}

#home_dashboard_body .white-box,
.profil-edit .order-sidebar .white-box {
  border-bottom: 1.8px solid #CEC9C0;
}

.white-box .box-title {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 400;
  color: inherit;
}

.white-box .text-muted {
  margin: 0;
  font-size: 1rem;
  font-weight: 400;
  color: inherit;
}

.white-box.my-listings h4, .white-box.my-revenue h4 {
  margin: 0;
  font-size: 1rem;
  font-weight: 400;
  text-transform: none;
  color: inherit;
}

.white-box .btn-primary,
.text-right .btn-primary,
.profil-edit .btn-primary,
.profil-edit .btn.btn-primary.line {
  padding: 10px 30px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--color);
  color: var(--background-color);
  border: none;
  font-size: 1rem;
}

.text-right .btn-primary {
  width: 100%;
}

#home_dashboard_body a {
  font-size: 0.88888rem;
}

.white-box .btn-primary:hover,
.text-right .btn-primary:hover,
.profil-edit .btn-primary:hover,
.profil-edit .btn.btn-primary.line:hover {
  background-color: var(--accent-color);
  color: var(--background-color);
}

.my-listings .h5 {
  margin-top: 0;
}

.order-sidebar .sales-link a {
  text-decoration: underline;
  font-weight: 400;
  color: var(--color);
}

.order-sidebar .sales-link a:hover {
  text-decoration: underline;
}

.order-sidebar .orders-link a,
.order-sidebar .bank-link a,
.order-sidebar .review-link a {
  color: var(--color);
}

.profil-edit .wh-part {
  background-color: transparent;
}

.form-control {
  border-radius: 8px !important;
  border: 1.8px solid #CEC9C0;
}

@media (max-width: 991px) {
  .dashboard-body .about_me_section {
    display: flex;
    align-items: center;
  }

  .about_me_avatar {
    max-width: 120px;
  }

  .store_access .btn-primary {
    max-width: 210px;
  }
}

@media (max-width: 450px) {
  .store_access .btn-primary {
    max-width: 100%;
  }

  .white-box {
    padding-left: 0;
    padding-right: 0;
  }
}

/* New Listing Form */
.add-annonce-step {
  background-color: var(--background-color);
}

#formContent label,
.listing_form_price label {
  font-size: 1.2rem;
  font-weight: 400;
}

.input-group .input-group-addon {
  background-color: transparent;
  border: 0;
}

.pictures-list .mts {
  margin-top: 0;
}

.pictures-list .file_container,
.spec_options {
  border-radius: 8px;
  margin-bottom: 10px;
}

.submit_listing .btn-primary {
  padding: 10px 30px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background-color: var(--color);
  color: var(--background-color);
  border: none;
  font-size: 1rem;
}

@media (hover: hover) {
  .submit_listing .btn-primary:hover {
    background-color: var(--accent-color);
    color: var(--background-color);
  }
}

/* Cart */
.checkout-cart-fees>strong {
  font-weight: 600;
  font-size: 1rem;
}

.checkout-cart-estimated-shipping-fees>small {
  font-size: 0.88888rem;
}

.checkout-cta .btn-primary {
  background-color: var(--color);
  color: var(--background-color);
  border: none;
}

@media (hover: hover) {
  .checkout-cta .btn-primary:hover {
    background-color: var(--accent-color);
    color: var(--background-color);
  }
}

.qty_selection {
  margin-top: 1.5rem;
}

/* Checkout */
.checkout-process {
  background-color: var(--background-color);
}

.shipping-address form .form-control {
  padding-left: .5rem;
  border: 1px solid #CCC;
}

.checkout_submit_button .btn-primary {
  background-color: var(--color);
  color: var(--background-color);
  border: none;
}

@media (hover: hover) {
  .checkout_submit_button .btn-primary:hover {
    background-color: var(--accent-color);
    color: var(--background-color);
  }
}

/* overrides */
.section-header {
  text-align: left;
}

.section-header h2 {
  margin: 0 0 1rem 0;
  font-size: 2rem;
  font-weight: 600;
}

.cms-page {
  padding-bottom: 0;
}

@media (min-width: 1200px) {
  .container {
    width: auto;
    max-width: 1440px;
    padding: 0 var(--side-padding);
  }
}

@media (max-width: 991px) {
  .section-header h2 {
    font-size: 1.6rem;
  }
}

@media (min-width: 992px) {
  .container {
    width: 100%;
  }
}

@media (min-width: 768px) {
  .container {
    width: 100%;
  }
}

.main-content {
  padding-bottom: 0;
}

.section-spacing {
  padding: 3rem 0;

  float: none;
}

.navbar-collapse {
  padding: 0;
}

.user_account_menu .nav_item_user_orders {
  display: list-item;
}


/* Search icon */
#header_search_form_button button {
  /* visibility: hidden; */
  padding: 22px;
  position: relative; /* Ensure the pseudo-element is positioned correctly */
  width: 1.5rem; /* Set a width for the link to match the icon */
  height: 1.5rem; /* Set a height for the link to match the icon */
  overflow: hidden; /* Hide any overflow */
  display: block;
  text-indent: -9999px;
}
#header_search_form_button button:after {
  content: '';
  display: block;
  background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22currentColor%22%20class%3D%22bi%20bi-search%22%3E%3Cpath%20d%3D%22M11.742%2010.344a6.5%206.5%200%201%200-1.397%201.398h-.001q.044.06.098.115l3.85%203.85a1%201%200%200%200%201.415-1.414l-3.85-3.85a1%201%200%200%200-.115-.1zM12%206.5a5.5%205.5%200%201%201-11%200%205.5%205.5%200%200%201%2011%200%22%2F%3E%3C%2Fsvg%3E');
  background-size: 1.3rem; /* Set the size of the icon */
  background-repeat: no-repeat; /* Prevent the background image from repeating */
  background-position: center 0.85rem; /* Center the background image */
  width: 100%;
  height: 100%;
  position: absolute; /* Position the icon correctly */
  top: 0;
  left: 0;
  text-indent: 0;
}

@media (min-width: 991px) {
#header_search_form_button button:after {
    background-position: center 0.55rem; /* Center the background image */
  }
}
@media (hover: hover) {
  #header_search_form_button button:hover:after {
    background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%23932525%22%20class%3D%22bi%20bi-search%22%3E%3Cpath%20d%3D%22M11.742%2010.344a6.5%206.5%200%201%200-1.397%201.398h-.001q.044.06.098.115l3.85%203.85a1%201%200%200%200%201.415-1.414l-3.85-3.85a1%201%200%200%200-.115-.1zM12%206.5a5.5%205.5%200%201%201-11%200%205.5%205.5%200%200%201%2011%200%22%2F%3E%3C%2Fsvg%3E');
  }
}

/* Cart icon */
.cart_link a span {
  display: none;
}

/* Overwrite Messages Icon */
#main-nav > div > div > ul > li.nav_item_user_inbox > div > div > a {
  padding: calc(.75rem + 10px);
  /* text-indent: -9999px; */ /* Move the text out of view */
  display: inline-block; /* Ensure the element remains an inline-block for proper rendering */
  position: relative; /* Ensure the pseudo-element is positioned correctly */
  width: 1.2rem; /* Set a width for the link to match the icon */
  height: 1.2rem; /* Set a height for the link to match the icon */
  overflow: hidden; /* Hide any overflow */
  z-index: 0;
  /* border: 1px solid red; */
}
/* hide the default */
#main-nav > div > div > ul > li.nav_item_user_inbox > div > div > a > i {
  display: none;
}
/* grayscale avatar */
#main-nav > div > div > ul > li.dropdown.user_account_menu > a > span.user-avatar-box.mini.hidden-xs.hidden-sm {
  filter: grayscale(100%);
}
/* notification */
#main-nav > div > div > ul > li.nav_item_user_inbox > div > div > a > span {
  /* border: 1px solid var(--background-color); */
  background-color: var(--accent-color);
  font-size: 0.8rem;
  font-weight: 600;
  width: auto;
  height: 1.2rem;
  align-content: center;
  line-height: 0;
  padding: 0.1rem;
  aspect-ratio: 1 / 1;
  display: block;
  top: -1rem;
  left: 0.1rem;
}
#main-nav > div > div > ul > li.nav_item_user_inbox > div > div > a > span.notification_count.empty-count {
  background-color: var(--color);
}
#home_dashboard_sidebar > div > div > div:nth-child(4) > div.col-md-6.text-right > a {
  background-color: var(--accent-color);
}
#home_dashboard_sidebar > div > div > div:nth-child(4) > div.col-md-6.text-right > a {
  background-color: var(--color);
}
#main-nav > div > div > ul > li.nav_item_user_inbox > div > div > a:after {
  /* padding:  15px; */
  content: '';
  display: block;
  background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22currentColor%22%20class%3D%22bi%20bi-envelope-fill%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M.05%203.555A2%202%200%200%201%202%202h12a2%202%200%200%201%201.95%201.555L8%208.414zM0%204.697v7.104l5.803-3.558zM6.761%208.83l-6.57%204.027A2%202%200%200%200%202%2014h12a2%202%200%200%200%201.808-1.144l-6.57-4.027L8%209.586zm3.436-.586L16%2011.801V4.697z%22%2F%3E%3C%2Fsvg%3E');
  background-size: 1.3rem; /* Set the size of the icon */
  background-repeat: no-repeat; /* Prevent the background image from repeating */
  background-position: center 0.8rem; /* Center the background image */
  /* background-color: red; */
  width: 100%;
  height: 100%;
  position: absolute; /* Position the icon correctly */
  top: 0;
  left: 0;
  z-index: -1;
}
/*  */
@media (hover: hover) {
  #main-nav > div > div > ul > li.nav_item_user_inbox > div > div > a:hover:after {
        background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%23932525%22%20class%3D%22bi%20bi-envelope-fill%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M.05%203.555A2%202%200%200%201%202%202h12a2%202%200%200%201%201.95%201.555L8%208.414zM0%204.697v7.104l5.803-3.558zM6.761%208.83l-6.57%204.027A2%202%200%200%200%202%2014h12a2%202%200%200%200%201.808-1.144l-6.57-4.027L8%209.586zm3.436-.586L16%2011.801V4.697z%22%2F%3E%3C%2Fsvg%3E');
}
}
/* Overwrite New Wishlist link */
#main-nav > div > div > ul > li.nav_item_user_wishlist > a {
  /* margin-top: 10px; */
  padding: calc(.75rem + 10px);
  text-indent: -9999px; /* Move the text out of view */
  display: inline-block; /* Ensure the element remains an inline-block for proper rendering */
  position: relative; /* Ensure the pseudo-element is positioned correctly */
  width: 1.2rem; /* Set a width for the link to match the icon */
  height: 1.2rem; /* Set a height for the link to match the icon */
  overflow: hidden; /* Hide any overflow */
}
#main-nav > div > div > ul > li.nav_item_user_wishlist > a:after {
  /* padding:  15px; */
  content: '';
  display: block;
  background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20data-name%3D%22Layer%201%22%20viewBox%3D%220%200%20415.93%20352.97%22%3E%3Cpath%20d%3D%22m386.84%20172.47-175.4%20178.7c-2.4%202.4-4.4%202.4-6.8%200l-175.4-178.7c-36.5-37.2-43.9-107.6%207.3-150.7%2038.9-32.7%2098.9-27.8%20136.5%2010.5l35%2035.7%2035-35.7c37.8-38.5%2097.8-43.2%20136.5-10.6%2051.1%2043.1%2043.5%20113.9%207.3%20150.8Z%22%20style%3D%22stroke-width%3A0%22%2F%3E%3C%2Fsvg%3E');
  background-size: 1.3rem; /* Set the size of the icon */
  background-repeat: no-repeat; /* Prevent the background image from repeating */
  background-position: center 0.9rem; /* Center the background image */
  width: 100%;
  height: 100%;
  position: absolute; /* Position the icon correctly */
  top: 0;
  left: 0;
}
/* LINKS IN MOBILE MENU */
@media (max-width: 767px) {
  /* WISHLIST */
  #main-nav > div > div > ul > li.nav_item_user_wishlist > a {
    width: auto;
    height: auto;
    text-indent: 0;
    display: flex;
    padding: 15px 3rem 15px;
  }
  #main-nav > div > div > ul > li.nav_item_user_wishlist > a:after {
    background-position: 15px center; /* Center the background image */
  }
  /* WISHLIST */
  #main-nav > div > div > ul > li.cart_link_mob > a {
    width: auto;
    height: auto;
    text-indent: 0;
  display: flex;
    padding: 15px 3rem 15px;
}
  #main-nav > div > div > ul > li.cart_link_mob > a:after {
    background-position: 15px center; /* Center the background image */
  }
  /*  USER  */
  #main-nav > div > div > ul > li.nav_item_user_login > a:after {
    background-position: 15px center; /* Center the background image */
  }
  /* CART */
  #main-nav > div > div > ul > li.cart_link_mob > a {
  width: auto;
    height: auto;
    text-indent: 0;
    display: flex;
    padding: 15px 3rem 15px;
  }
  #main-nav > div > div > ul > li.nav_item_user_login > a {
    width: auto;
    height: auto;
    text-indent: 0;
    display: flex;
    padding: 15px 3rem 15px;
  }
  #main-nav > div > div > ul > li.cart_link_mob > a:after {
    content: '';
    display: block;
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xml%3Aspace%3D%22preserve%22%20style%3D%22enable-background%3Anew%200%200%2016%2016%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M0%201.5c0-.3.2-.5.5-.5H2c.2%200%20.4.2.5.4L2.9%203h11.6c.3%200%20.5.2.5.5v.1l-1%205c0%20.2-.2.4-.5.4l-9.4.5.3%201.5H13c.3%200%20.5.2.5.5s-.2.5-.5.5H4c-.2%200-.4-.2-.5-.4L2%203.6%201.6%202H.5C.2%202%200%201.8%200%201.5M5%2012c-1.1%200-2%20.9-2%202s.9%202%202%202%202-.9%202-2-.9-2-2-2m7%200c-1.1%200-2%20.9-2%202s.9%202%202%202%202-.9%202-2-.9-2-2-2m-7%201c.6%200%201%20.4%201%201s-.4%201-1%201-1-.4-1-1%20.4-1%201-1m7%200c.6%200%201%20.4%201%201s-.4%201-1%201-1-.4-1-1%20.4-1%201-1%22%2F%3E%3C%2Fsvg%3E);
    background-size: 1.5rem; /* Set the size of the icon */
    background-repeat: no-repeat; /* Prevent the background image from repeating */
    width: 100%;
    height: 100%;
    position: absolute; /* Position the icon correctly */
    top: 0;
    left: 0;
    background-position: 14px center; /* Center the background image */
  }
  #main-nav > div > div > ul > li.nav_item_user_login > a:after {
    content: '';
    display: block;
    background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22currentColor%22%20class%3D%22bi%20bi-person-fill%22%3E%3Cpath%20d%3D%22M3%2014s-1%200-1-1%201-4%206-4%206%203%206%204-1%201-1%201zm5-6a3%203%200%201%200%200-6%203%203%200%200%200%200%206%22%2F%3E%3C%2Fsvg%3E');
    background-size: 1.5rem; /* Set the size of the icon */
    background-repeat: no-repeat; /* Prevent the background image from repeating */
    width: 100%;
    height: 100%;
    position: absolute; /* Position the icon correctly */
    top: 0;
    left: 0;
    background-position: 15px center; /* Center the background image */
  }
  #main-nav > div > div > ul > li.nav_item_user_inbox > div > div > a {
    width: auto;
    height: auto;
    text-indent: 0;
    display: flex;
    padding: 6px 1.8rem 15px;
  }
  #main-nav > div > div > ul > li.nav_item_user_inbox > div > div > a:after {
    background-position: 16px 10px; /* Center the background image */
  }
  #main-nav > div > div > ul > li.nav_item_user_inbox > div > div > a > span.notification_count {
    top: -0.3rem;
    left: -0.2rem;
  }

  /* USER */
  #main-nav > div > div > ul > li.dropdown.user_account_menu > a > span.user-avatar-box.mini.hidden-xs.hidden-sm {
    display: inline-block !important;
    margin-left: 2px;
}
  #main-nav > div > div > ul > li.dropdown.user_account_menu > a > span.public_username {
    margin-left: 0.4rem;
    line-height: 1;
  }
  .add_offer_mob {
    font-weight: 800;
  }
  .dropdown.user_account_menu {
  margin: 0;
    order: 1;
    margin-left: calc(-1 * var(--side-padding));
    margin-right: calc(-1 * var(--side-padding));
  }
  li.nav_item_user_login {
    margin: 0;
    order: 1;
    /* margin-left: calc(-1 * var(--side-padding)); */
    /* margin-right: calc(-1 * var(--side-padding)); */
  }
  li.nav_item_user_login > a {
    padding: 17px 29px;
  }
  .navbar-inverse .navbar-nav>li.user_account_menu > a {
    padding: 17px 25px;
  }
}

@media (hover: hover) {
  #main-nav > div > div > ul > li.nav_item_user_wishlist > a:hover:after {
        background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20data-name%3D%22Layer%201%22%20viewBox%3D%220%200%20415.93%20352.97%22%3E%3Cpath%20d%3D%22m386.84%20172.47-175.4%20178.7c-2.4%202.4-4.4%202.4-6.8%200l-175.4-178.7c-36.5-37.2-43.9-107.6%207.3-150.7%2038.9-32.7%2098.9-27.8%20136.5%2010.5l35%2035.7%2035-35.7c37.8-38.5%2097.8-43.2%20136.5-10.6%2051.1%2043.1%2043.5%20113.9%207.3%20150.8Z%22%20style%3D%22stroke-width%3A0%3Bfill%3A%23932525%22%2F%3E%3C%2Fsvg%3E');
}
}
/* Overwrite Login link */
@media (min-width: 767px) {
  #main-nav > div > div > ul > li.nav_item_user_login a {
    /* margin-top: 10px; */
    padding: calc(.75rem + 10px);
    text-indent: -9999px; /* Move the text out of view */
    display: inline-block; /* Ensure the element remains an inline-block for proper rendering */
    position: relative; /* Ensure the pseudo-element is positioned correctly */
    width: 1.2rem; /* Set a width for the link to match the icon */
    height: 1.2rem; /* Set a height for the link to match the icon */
    overflow: hidden; /* Hide any overflow */
  }
  #main-nav > div > div > ul > li.nav_item_user_login a:after {
    /* padding:  15px; */
    content: '';
    display: block;
    background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22currentColor%22%20class%3D%22bi%20bi-person-fill%22%3E%3Cpath%20d%3D%22M3%2014s-1%200-1-1%201-4%206-4%206%203%206%204-1%201-1%201zm5-6a3%203%200%201%200%200-6%203%203%200%200%200%200%206%22%2F%3E%3C%2Fsvg%3E');
    background-size: 1.5rem; /* Set the size of the icon */
    background-repeat: no-repeat; /* Prevent the background image from repeating */
    background-position: center 0.7rem; /* Center the background image */
    width: 100%;
    height: 100%;
    position: absolute; /* Position the icon correctly */
    top: 0;
    left: 0;
  }
  @media (hover: hover) {
    #main-nav > div > div > ul > li.nav_item_user_login a:hover:after {
      background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22%23932525%22%20class%3D%22bi%20bi-person-fill%22%3E%3Cpath%20d%3D%22M3%2014s-1%200-1-1%201-4%206-4%206%203%206%204-1%201-1%201zm5-6a3%203%200%201%200%200-6%203%203%200%200%200%200%206%22%2F%3E%3C%2Fsvg%3E');
  }
}
}
div.nav_item_user_login a {
  /* margin-top: 10px; */
  padding: calc(.75rem + 15px);
  text-indent: -9999px; /* Move the text out of view */
  display: inline-block; /* Ensure the element remains an inline-block for proper rendering */
  position: relative; /* Ensure the pseudo-element is positioned correctly */
  width: 1.2rem; /* Set a width for the link to match the icon */
  height: 1.2rem; /* Set a height for the link to match the icon */
  overflow: hidden; /* Hide any overflow */
}

div.nav_item_user_login a:after {
  /* padding:  15px; */
  content: '';
  display: block;
  background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22currentColor%22%20class%3D%22bi%20bi-person-fill%22%3E%3Cpath%20d%3D%22M3%2014s-1%200-1-1%201-4%206-4%206%203%206%204-1%201-1%201zm5-6a3%203%200%201%200%200-6%203%203%200%200%200%200%206%22%2F%3E%3C%2Fsvg%3E');
  background-size: 1.5rem; /* Set the size of the icon */
  background-repeat: no-repeat; /* Prevent the background image from repeating */
  background-position: center 0.7rem; /* Center the background image */
  width: 100%;
  height: 100%;
  position: absolute; /* Position the icon correctly */
  top: 0;
  left: 0;
}

/* Hide register link */
#main-nav > div > div > ul > li.nav_item_user_signup {
  display: none;
}
/* Hide User name in navigation */
@media (min-width: 991px) {
  #main-nav > div > div > ul > li.dropdown.user_account_menu > a > span.public_username {
    display: none;
  }
}
/* Cart icon container */
#main-nav > div > div > ul > li.hidden-xs.cart_link > a {
  /* padding: 10px; */
  line-height: 0;
}
div.cart_link_mob a {
  /* margin-top: 10px; */
  padding: calc(.75rem + 10px);
  text-indent: -9999px; /* Move the text out of view */
  display: inline-block; /* Ensure the element remains an inline-block for proper rendering */
  position: relative; /* Ensure the pseudo-element is positioned correctly */
  width: 1.2rem; /* Set a width for the link to match the icon */
  height: 1.2rem; /* Set a height for the link to match the icon */
  overflow: hidden; /* Hide any overflow */
}

div.cart_link_mob a:after {
  content: '';
  display: block;
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xml%3Aspace%3D%22preserve%22%20style%3D%22enable-background%3Anew%200%200%2016%2016%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M0%201.5c0-.3.2-.5.5-.5H2c.2%200%20.4.2.5.4L2.9%203h11.6c.3%200%20.5.2.5.5v.1l-1%205c0%20.2-.2.4-.5.4l-9.4.5.3%201.5H13c.3%200%20.5.2.5.5s-.2.5-.5.5H4c-.2%200-.4-.2-.5-.4L2%203.6%201.6%202H.5C.2%202%200%201.8%200%201.5M5%2012c-1.1%200-2%20.9-2%202s.9%202%202%202%202-.9%202-2-.9-2-2-2m7%200c-1.1%200-2%20.9-2%202s.9%202%202%202%202-.9%202-2-.9-2-2-2m-7%201c.6%200%201%20.4%201%201s-.4%201-1%201-1-.4-1-1%20.4-1%201-1m7%200c.6%200%201%20.4%201%201s-.4%201-1%201-1-.4-1-1%20.4-1%201-1%22%2F%3E%3C%2Fsvg%3E);
  background-size: 1.5rem; /* Set the size of the icon */
  background-repeat: no-repeat; /* Prevent the background image from repeating */
  background-position: center 0.7rem; /* Center the background image */
    width: 100%;
  height: 100%;
  position: absolute; /* Position the icon correctly */
  top: 0;
  left: 0;
}

.cart_link a:after {
  display: block;
  content: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xml%3Aspace%3D%22preserve%22%20style%3D%22enable-background%3Anew%200%200%2016%2016%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M0%201.5c0-.3.2-.5.5-.5H2c.2%200%20.4.2.5.4L2.9%203h11.6c.3%200%20.5.2.5.5v.1l-1%205c0%20.2-.2.4-.5.4l-9.4.5.3%201.5H13c.3%200%20.5.2.5.5s-.2.5-.5.5H4c-.2%200-.4-.2-.5-.4L2%203.6%201.6%202H.5C.2%202%200%201.8%200%201.5M5%2012c-1.1%200-2%20.9-2%202s.9%202%202%202%202-.9%202-2-.9-2-2-2m7%200c-1.1%200-2%20.9-2%202s.9%202%202%202%202-.9%202-2-.9-2-2-2m-7%201c.6%200%201%20.4%201%201s-.4%201-1%201-1-.4-1-1%20.4-1%201-1m7%200c.6%200%201%20.4%201%201s-.4%201-1%201-1-.4-1-1%20.4-1%201-1%22%2F%3E%3C%2Fsvg%3E);
  width: 1.3rem;
  height: 1.3rem;
}
@media (hover: hover) {
  .cart_link a:hover:after {
    content: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xml%3Aspace%3D%22preserve%22%20style%3D%22enable-background%3Anew%200%200%2016%2016%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22%23932525%22%3E%3Cpath%20d%3D%22M0%201.5c0-.3.2-.5.5-.5H2c.2%200%20.4.2.5.4L2.9%203h11.6c.3%200%20.5.2.5.5v.1l-1%205c0%20.2-.2.4-.5.4l-9.4.5.3%201.5H13c.3%200%20.5.2.5.5s-.2.5-.5.5H4c-.2%200-.4-.2-.5-.4L2%203.6%201.6%202H.5C.2%202%200%201.8%200%201.5M5%2012c-1.1%200-2%20.9-2%202s.9%202%202%202%202-.9%202-2-.9-2-2-2m7%200c-1.1%200-2%20.9-2%202s.9%202%202%202%202-.9%202-2-.9-2-2-2m-7%201c.6%200%201%20.4%201%201s-.4%201-1%201-1-.4-1-1%20.4-1%201-1m7%200c.6%200%201%20.4%201%201s-.4%201-1%201-1-.4-1-1%20.4-1%201-1%22%2F%3E%3C%2Fsvg%3E);
  }
}
.cart_link a span.cart_count {
  display: block;
  position: absolute;
  top: -5px;
  left: 35px;
  padding: .1rem .3rem;
}
/* Space and clearing the floats at the end of Pages */
.static-page > section:after {
  content: "";
  display: block;
  clear: both;
  padding-bottom: 100px;
}
/* mobile icons */
#header > nav > div > div.navbar-header > div.nav_item_user_login {
  position: absolute;
  right: calc(8px + 2rem);
  top: 27px;
}

#header > nav > div > div.navbar-header > div.cart_link_mob {
  position: absolute;
  right: 7px;
  top: 27px;
}

/* user badge in header on mobile */
#header > nav > div > div.navbar-header > a.nav_item_user_badge {
  filter: grayscale(100%);
  display: block;
  position: absolute;
  right: 56px;
  top: 36px;
}
/* notification on mobile */
#home_dashboard_sidebar > div > div > div:nth-child(4) {
  position: relative;
}
#home_dashboard_sidebar > div > div > div:nth-child(4) > div.col-md-6.text-right > a {
  position: absolute;
  top: -33px;
  left: 63px;
}
/* mobile button */
.navbar-inverse .navbar-toggle {
  position: absolute;
  left: 15px;
  background-color: transparent;
  border-color:  transparent;
}
.navbar-inverse .navbar-toggle:hover {
  background-color: transparent;
  border-color:  transparent;
}

.empty-bag-title { 
  margin: 2rem 0 4rem;
}

/* NOTICE */
.alert.alert-warning.vendor_kyc_alert {
  background-color: var(--accent-color);
  color: var(--background-color);
  top: 0 !important;
}
.alert.alert-warning.vendor_kyc_alert p:first-of-type {
  margin-bottom: 1rem;
}
.alert.alert-warning.vendor_kyc_alert a {
  color: var(--background-color);
  text-decoration: underline;
}

.attribute-visibility-admin-only {
    display: none !important;
}