/* Add custom CSS styles below */ 
*{
  --footer-bg-color: black !important; 
  --header-bg-color: #3873B1 !important;
  --header-text-color: #000 !important;
  --header-bg-color: #fff !important;
  --header-height:72px;
  --badge-bg-color: #1B1B1B !important;
  
}

.floating-wrapper:has(a.fs_banners_btn) {
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  inset: 0 !important;
  inset-inline-start: 0 !important;
  inset-inline-end: 0 !important;
  inset-block-start: 0 !important;
  inset-block-end: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  translate: 50% 50% ;
}

.floating-wrapper:has(a.fs_banners_btn) .floating_text {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.floating-wrapper:has(a.fs_banners_btn) a.fs_banners_btn {
  position: absolute !important;
  
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  opacity: 0 !important;
  font-size: 0 !important;
  transform: none !important;
  z-index: 30 !important;
}

.hero {
  margin: 16px !important;
  border-radius: 16px !important;
}

/* Mobile bottom navigation */
#app .mobile-nav {
  display: none;
}

/* whatsapp Button */ 
#wa-widget-box-button {
  z-index: 100;
}


#app {
  background-color: #eee !important;
}

body#app.btns-gradient .s-button-primary {
  background: #1B1B1B !important; 
  
}
 /*/////  card ///*/
#app.product-card-bg-on custom-salla-product-card {
  background-color: transparent;
  background-color: #fff !important;
  border-radius: 12px;
}

body.pc-title-two-line custom-salla-product-card.product-block .title {
text-align: center;
}

.product-block__info {
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: center;
}

/* 1. Hide search + dark/light */
.dm-toggler,
button.search-btn,
salla-search,
.header-search,
.top-navbar .header-search{
  display:none !important;
}

/* hide the empty top search bar row if no contacts */
.top-navbar .container:has(.header-search:only-child){
  display:none !important;
}

/* 2. Centre logo - desktop + mobile */
#mainnav .header-inner-wrapper{
  position:relative !important;
  justify-content:space-between !important;
}

#mainnav .header-logo-wrapper{
   position:absolute !important;
  left:50% !important;
  right:auto !important;
  top:50% !important;
  transform:translate(-50%,-50%) !important;
  margin:0 !important;
  z-index:5;
  
}




/* button color and border */
#app.product-card-bg-on custom-salla-product-card {
  background-color: transparent;
  background-color: var(--product-card-bg, transparent);
  border-radius: 12px;
}

.product-block salla-add-product-button .s-button-btn {
  padding: 0.75rem 5px;
}
.pb-1 {
  padding-bottom: 0rem;
}

.hero{
  margin: 24px;
  border-radius: 24px;
}

.header-inner-wrapper.flex.items-stretch.justify-between.relative.pt-1.pb-1 {
  background: white !important;
  border-radius: 11px;
  padding: 0px 0;
  margin-top: 24px;
  margin-right: 24px;
  margin-left: 24px;
}

  .lg\:max-w-\[95\%\] {
    max-width: 100%;
  }