/* Visual overlay: Клиника Динамика tokens on DOC-OK layout */

:root {
  --clinic-red: #dd183b;
  --clinic-red-dark: #cc1939;
  --clinic-link: #d11f1f;
  --clinic-link-hover: #ee3f3f;
  --clinic-ink: #0f172a;
  --clinic-text: #3a3a3a;
  --clinic-soft: #ffede6;
  --clinic-peach: #ffd1bf;
  --clinic-dark: #140609;
  --clinic-white: #fff;
}

body,
button,
select,
input,
textarea {
  font-family: Inter, "Segoe UI", sans-serif;
  color: var(--clinic-text);
}

h1,
h2,
h3,
h4,
h5,
h6,
.hero__title,
.section__title,
.plan__header {
  font-family: "Plus Jakarta Sans", Inter, sans-serif;
  font-weight: 600;
  color: var(--clinic-ink);
}

.hero__title {
  color: var(--clinic-white);
}

a {
  color: var(--clinic-link);
}

a:hover,
a:focus {
  color: var(--clinic-link-hover);
}

/* Header: clinic-like light bar */
.header {
  background: rgba(255, 255, 255, 0.96);
}

.header.header_is-sticky {
  top: 0;
  padding: 10px 0;
  box-shadow: 0 1px 0 rgba(15, 23, 42, 0.06);
}

.header__logo,
.inner-header__logo,
.inner-logo {
  max-width: 220px;
  color: var(--clinic-ink);
}

.header__logo img,
.inner-header__logo img,
.inner-logo img,
.footer__logo {
  width: 100%;
  height: auto;
  color: inherit;
}

.header .navigation__link,
.header_is-dark .navigation__link {
  color: var(--clinic-text);
}

.header .navigation__link::after,
.header_is-dark .navigation__link::after {
  background-color: var(--clinic-red);
}

.header .navigation__link_is-active,
.header_is-dark .navigation__link_is-active,
.header .navigation__link:hover,
.header_is-dark .navigation__link:hover {
  color: var(--clinic-red);
  opacity: 1;
}

.header .header__btn2.navigation__link {
  color: var(--clinic-text);
}

.open-menu-button__el line {
  stroke: var(--clinic-ink);
}

.header__wrapper .header__btn:not(.btn_default),
.header__btn:not(.btn_default):not(.btn_white) {
  background: var(--clinic-dark);
  border-color: var(--clinic-dark);
  color: var(--clinic-white);
}

.header__wrapper .header__btn:not(.btn_default):hover,
.header__btn:not(.btn_default):not(.btn_white):hover {
  background: var(--clinic-red);
  border-color: var(--clinic-red);
  color: var(--clinic-white);
}

@media screen and (max-width: 767px) {
  .header__wrapper {
    background: var(--clinic-white);
  }

  .header .navigation__link {
    color: var(--clinic-text);
  }
}

/* Footer */
.footer,
.inner-footer {
  background: var(--clinic-dark);
}

.footer__logo {
  max-width: 240px;
  color: var(--clinic-white);
}

.footer__text,
.footer__link {
  color: var(--clinic-white);
}

.footer__link {
  border-bottom-color: rgba(255, 255, 255, 0.7);
}

.footer__btn {
  background: var(--clinic-red);
  border-color: var(--clinic-red);
  color: var(--clinic-white);
}

.footer__btn:hover {
  background: var(--clinic-red-dark);
  border-color: var(--clinic-red-dark);
  color: var(--clinic-white);
}

.social__title,
.inner-footer__social-title {
  color: var(--clinic-white);
}

/* Buttons */
.btn {
  font-family: Inter, "Segoe UI", sans-serif;
  font-weight: 600;
  border-radius: 12px;
}

.btn:hover {
  color: var(--clinic-dark);
  border-color: #f2f2f2;
}

.btn:hover .btn__icon path {
  fill: var(--clinic-dark);
}

.btn_default {
  background: transparent;
  border-color: var(--clinic-dark);
  color: var(--clinic-dark);
}

.btn_default:hover {
  background: var(--clinic-dark);
  color: var(--clinic-white);
  border-color: var(--clinic-dark);
}

.btn_white {
  background: var(--clinic-white);
  border-color: var(--clinic-white);
  color: var(--clinic-dark);
}

.btn_white:hover {
  color: var(--clinic-red);
}

.btn_blue,
.btn_green,
.btn_inner-full-green,
.btn_inner-bg:hover {
  background: var(--clinic-dark);
  color: var(--clinic-white);
  border-color: var(--clinic-dark);
}

.btn_blue:hover,
.btn_green:hover,
.btn_inner-full-green:hover {
  background: var(--clinic-red);
  border-color: var(--clinic-red);
  color: var(--clinic-white);
}

.btn_inner-green {
  background: transparent;
  color: var(--clinic-red);
  border-color: var(--clinic-red);
}

.btn_inner-green:hover {
  background: var(--clinic-red);
  border-color: var(--clinic-red);
  color: var(--clinic-white);
}

/* Inner patient chrome */
.inner-header__links-item {
  color: var(--clinic-red);
}

.inner-header__links-item_border::after {
  border-bottom-color: var(--clinic-red);
}

/* Recolor leftover DOC-OK blue/teal */
.header_is-dark .navigation__link_is-active,
.navigation__link_is-active,
.breadcrumbs a,
.section a,
.faq a,
.plan a,
.match .meta,
.d-catalog__name,
.subscription-personal-data a {
  color: var(--clinic-red);
}

input:focus,
textarea:focus,
.input:focus,
select:focus {
  border-color: var(--clinic-red);
}

::selection {
  background-color: var(--clinic-red);
  color: var(--clinic-white);
}

.login__header-logo {
  max-width: 220px;
  color: var(--clinic-ink);
}

.plan__btn {
  background-color: var(--clinic-dark);
  box-shadow: none;
}

.plan__btn:hover {
  background-color: var(--clinic-red);
}