/* === Footer Button Styling Override === */
.Button__footerBtn {
  background-color: #3ddc97 !important;
  border-color: #3ddc97 !important;
  color: #000 !important;
}

/* === Branded Background Elements === */
.commonStyle__zt3BrandBg {
  background-color: #3ddc97 !important;
}

/* === Branded Text Elements === */
.commonStyle__zt3Brand {
  color: #3ddc97 !important;
}

/* === Search Icon === */
.SearchContainer__searchBoxIcon,
.SearchContainer__searchBoxIcon svg,
.SearchContainer__searchBoxIcon path {
  color: #3ddc97 !important;
  fill: #3ddc97 !important;
}

/* === Dropdown Arrow Icon === */
.SearchContainer__downArrow,
.SearchContainer__downArrow svg,
.SearchContainer__downArrow path {
  color: #3ddc97 !important;
  fill: #3ddc97 !important;
  stroke: #3ddc97 !important;
}

/* === Grey Icon Override === */
.Icon__greyShade70,
.Icon__greyShade70 svg,
.Icon__greyShade70 path {
  color: #3ddc97 !important;
  fill: #3ddc97 !important;
  stroke: #3ddc97 !important;
}

.SearchContainer__downArrow {
  width: 0;
  height: 0;
  display: block;
  margin: 8px 0 0;
  border: solid transparent;
  border-color: rgba(194, 225, 245, 0);
  border-top-color: #3ddc97 !important;
  border-bottom: 0;
  border-width: 5px;
}

.Readingprogress__progressBar {
  height: 4px;
  transition: all 0.2s;
  background: linear-gradient(90deg, #3ddc97 16%, #5ae3ac 75.89%, #b2f5dc 99.8%);
  box-shadow: rgba(0, 0, 0, 0.1) 0 4px 12px;
  border-radius: 0 5px 5px 0;
}

:root {
  --color-brand: #3ddc97 !important;
  --color-dislike:  #3ddc97; 
  --color-like:  #3ddc97;
  --zt3-color-brand: #3ddc97;
  --zt3-color-brand-hover: #3ddc97;
  --color-overDue: #3ddc97;
  
}

.ListHeader__followTxt:hover {
  color: #3ddc97 !important; /* or any mint green you chose */
}

.ListHeader__popupList li:hover,
.ListHeader__popupList li:focus {
  color: #3ddc97 !important; /* Mint green */
}