/** @format */

:root {
  --bg: #ffffff;
  --black-text: #1e1e1e;
  --grey-text: #5d6672;
  --light-grey: #b0b0ba;
  --card-grey: #f6f6f8;
  --primary: #0e47b7;
  --primary-hover: #2a67df;
  --filter-focus: #2763da;
  --filter-hover: #e9eef8;
  --line: #e5e7eb;
  --card-grey-hover: #ebebf1;
  --radius: 14px;
  --max: 90rem;
  --font-base: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Inter, "Noto Sans", sans-serif;
  --font-logo: "Lack", sans-serif;
  --pill-bg: #f6f6f8;
  --pill-bg-hover: #eaeaef;
  --bg-footer: #f1f3f6;
  --shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.08);
  --radio-size: 18px;
  --radio-gap: 10px;
  --radio-unchecked: url("../img/radio_unchecked.svg");
  --radio-checked: url("../img/radio_checked.svg");
}

.nav a:hover {
  color: var(--primary);
}

.dropdown-menu button:hover {
  background: #f8fafc;
}
.loc:hover #cityLabel {
  text-decoration: underline;
  text-underline-offset: 2px;
}

.phone:hover b {
  text-decoration: underline;
  text-underline-offset: 2px;
}

.icon-btn:hover img {
  filter: invert(24%) sepia(97%) saturate(2487%) hue-rotate(210deg)
    brightness(90%) contrast(70%);
}

.product-card:hover {
  background: #fbfbfb;
}

.card-like:hover {
  background: var(--primary-hover);
}

.btn:hover {
  background: var(--primary-hover);
}

.septic-item:hover {
  background: var(--card-grey);
}

.button-more:hover {
  background: var(--pill-bg-hover);
}
.pill:hover {
  background: var(--card-grey-hover);
}
.menu button:hover,
.menu button:focus {
  background: #f3f4f6;
  outline: none;
}

.menu button:hover {
  background: var(--filter-hover);
}
.sort-link:hover,
.sort-link:focus {
  color: var(--black-text);
}
.footer__column--nav .footer__list .footer__item:hover {
  color: var(--primary-hover);
}

.calc-button:hover {
  background-color: var(--primary);
  color: white;
}

.calc-button:hover img {
  filter: brightness(0) invert(1);
}