/* =========================
   Theme Update: #F7B8D6
   - Primary:   #E5097F (requested)
   - Dark:      #E98AB8 (hover/active)
   - Light:     #FFF3F9 (soft backgrounds)
   - Footer BG: #241A20 (dark shade that matches pink)
   ========================= */

:root{
  --pink-main: #F7B8D6;
  --pink-dark: #E98AB8;
  --pink-light:#FFF3F9;

  --text-dark: #111;
  --text-light:#fff;

  --footer-bg: #241A20;
  --footer-bg-2:#1C1318;

  --border-soft: rgba(0,0,0,.10);
}

/* Footer */
#footer{
  background-color: var(--footer-bg) !important;
  color: var(--text-light) !important;
}
.three-col-footer__heading{
  color: inherit !important;
}
#sh-footer-git svg{
  color: var(--text-light) !important;
}
.vertical-soc-cont .sh-social-icon{
  background-color: #fff !important; /* keep white so icons pop */
}
.vertical-soc-cont .sh-social-icon img{
  filter: invert(1);
}
#sh-footer-copyright{
  background-color: var(--footer-bg) !important;
}

/* Buttons / Hover */
.sh-home-page-prod-section .sh-solid-button:hover{
  background-color: var(--pink-dark) !important;
  color: var(--text-light) !important;
}

/* App Bar */
.app-bar{
  background-color: #fff !important;
  color: var(--text-dark) !important;
}
.app-bar-main svg{
  color: var(--text-dark) !important;
}

/* Search */
.search-container:before{
  background-color: var(--pink-dark) !important;
}
.search-field .search-input{
  color: var(--text-dark) !important;
}

/* Badge */
.badge{
  background-color: var(--pink-dark) !important;
  color: var(--text-light) !important;
}

/* Category card image border */
.cat-card-img{
  border-radius: 12px !important;
  border: 1px solid var(--pink-main) !important;
}

/* Align headings */
.section-heading-container{
  align-items: center;
}

/* Banner image */
.sh-banner-img-ctn img{
  border-radius: 12px !important;
}

/* View all chip */
.section-heading-viewall{
  background-color: var(--pink-main) !important;
  color: var(--text-dark) !important; /* better contrast on light pink */
  padding: 2px 12px;
  border-radius: 6px;
  font-weight: 500;
  font-size: 14px;
  border: 1px solid rgba(0,0,0,.06);
}
.section-heading-viewall:hover{
  text-decoration: none;
  background-color: var(--pink-dark) !important;
  color: var(--text-light) !important;
}

/* Outlined button */
.pr-outlined-button{
  background-color: var(--pink-main) !important;
  color: var(--text-dark) !important;
  border: 1px solid rgba(0,0,0,.08) !important;
}
.pr-outlined-button:hover{
  background-color: var(--pink-dark) !important;
  color: var(--text-light) !important;
}

/* Product long card background */
.pr-long-card{
  background-color: var(--pink-light) !important;
}

/* Desktop nav positioning */
.app-bar-main > .page-container{
  padding-bottom: 54px;
  position: relative;
}
.app-bar-main > .page-container nav.desktop-nav{
  position: absolute;
  bottom: 14px;
  left: 0;
  right: 0;
  overflow: auto;
  margin: 0 40px;
}
.app-bar-main > .page-container nav.desktop-nav::-webkit-scrollbar{
  display: none;
}
.app-bar-main > .page-container nav.desktop-nav .hidden{
  display: flex !important;
}
.app-bar-main
  > .page-container
  nav.desktop-nav
  .nav-item.flex.items-center.gap-2.text-nowrap.overflow-more-button{
  display: none !important;
}

@media (min-width: 767px){
  .app-bar-main{
    box-shadow: 0px 1px 4px -2px rgba(0,0,0,.23);
  }
}

.nav-link{
  font-size: 12px;
}

/* Optional: make focus states match theme */
a:focus, button:focus, input:focus{
  outline: 2px solid rgba(247,184,214,.65);
  outline-offset: 2px;
}
.sh-bottom-nav-unselected {
    stroke: #000 !important;
    color: #000!important;
}
.features-container * {
    all: revert;
    display: none;
}
@media (min-width:768px){
    .cat-section > div{
      width:80% !important;
    } 
  }