/*
 * theme-color-overrides-mobile-header.css
 * استخراج خودکار از style.mobile-header-variant-one.rtl.css — نگاه کنید به theme-color-overrides.css
 * (نسخه‌ی اصلی style.rtl.css) برای توضیح کامل. باید همیشه بعد از
 * style.mobile-header-variant-one.rtl.css خودش لود شود، با همان media attribute.
 */

.mobile-header__logo-part-one {
fill: var(--tc-primary);
}

.mobile-indicator__counter:before {
background-color: var(--tc-primary);
}

.mobile-menu__close:hover {
background-color: #f2f2f2;
  color: var(--tc-secondary-light);
}

.mobile-menu__close:active {
background-color: #ebebeb;
  color: var(--tc-secondary-light);
}

.mobile-menu__panel-back:hover {
background-color: #f2f2f2;
  color: var(--tc-secondary-light);
}

.mobile-menu__panel-back:active {
background-color: #ebebeb;
  color: var(--tc-secondary-light);
}

.mobile-menu__indicator-counter:before {
display: block;
  position: absolute;
  content: '';
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: var(--tc-primary);
  z-index: -1;
  border-radius: 2.5px;
  -webkit-transform: skewX(11deg);
          transform: skewX(11deg);
}

.mobile-menu__links > li > a.highlight:before,
.mobile-menu__links > li > button.highlight:before {
position: absolute;
  display: block;
  content: '';
  width: 5px;
  height: 5px;
  border-radius: 2.5px;
  background: var(--tc-primary);
  top: 15px;
  right: 8px;
}

@media (min-width: 768px) {
.mobile-search__button--search:hover {
color: var(--tc-primary);
}
}

@media (max-width: 767.98px) {
.mobile-search__button:hover {
color: var(--tc-primary);
}
}