/**
 * Prime Clinic — фирменные золото-песочные градиенты.
 * Грузится последним. Убирает leftover teal/mint Proud (#00C0B0, #005058, #046069).
 * Палитра: #c09c73 / #98774e / #f7f1e8 / #faf6f0 / #2c2c2c.
 */

:root {
  --pc-gold: #c09c73;
  --pc-gold-hover: #98774e;
  --pc-gold-deep: #7a5e3c;
  --pc-ivory: #f7f1e8;
  --pc-cream: #faf6f0;
  --pc-sand: #efe6d8;
  --pc-bronze: #b08a5a;
  --pc-ink: #2c2c2c;
  --pc-slate: #384850;
  --pc-white: #ffffff;

  --pc-grad-gold: linear-gradient(180deg, #d4b48a 0%, #c09c73 46%, #98774e 100%);
  --pc-grad-gold-hover: linear-gradient(180deg, #c09c73 0%, #98774e 52%, #7a5e3c 100%);
  --pc-grad-gold-soft: linear-gradient(135deg, #faf6f0 0%, #f7f1e8 42%, #eadcc8 100%);
  --pc-grad-hero: linear-gradient(
    105deg,
    rgba(28, 20, 14, 0.84) 0%,
    rgba(44, 30, 18, 0.58) 38%,
    rgba(152, 119, 78, 0.32) 72%,
    rgba(192, 156, 115, 0.18) 100%
  );
  --pc-grad-hero-mobile: linear-gradient(
    180deg,
    rgba(28, 20, 14, 0.28) 0%,
    rgba(28, 20, 14, 0.52) 42%,
    rgba(44, 30, 18, 0.78) 100%
  );
  --pc-grad-footer: linear-gradient(180deg, #3a322c 0%, #2c2c2c 48%, #241e1a 100%);
  --pc-grad-cta: linear-gradient(120deg, #faf6f0 0%, #ead9c0 48%, #c09c73 100%);
  --pc-shadow-gold: 0 10px 28px rgba(152, 119, 78, 0.24);

  /* Перекраска токенов родителя: teal hover / sage / mint-border / cool paper */
  --main: #c09c73 !important;
  --omain: #faf6f0 !important;
  --fon: #f7f1e8 !important;
  --hover: #98774e !important;
  --black: #2c2c2c !important;
  --white: #ffffff !important;
  --border: #e8dfd2 !important;
  --dfon: #ece8e5 !important;
  --green: #c09c73 !important;
  --gray: #5d656d !important;
  --shadow: 0 12px 30px rgba(44, 44, 44, 0.08) !important;
  --mshadow: 0 4px 20px rgba(152, 119, 78, 0.22) !important;
  --red: #d6ba8c !important;
  --hred: #98774e !important;

  --wp--preset--color--light-green-cyan: #c09c73 !important;
  --wp--preset--color--vivid-green-cyan: #98774e !important;
  --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(
    135deg,
    #f7f1e8 0%,
    #c09c73 100%
  ) !important;
}

html,
body {
  background: var(--pc-grad-gold-soft);
  background-color: var(--pc-cream);
  color: var(--pc-ink);
}

/* ---------- Кнопки: золото → бронза ---------- */
a.btn,
span.btn,
.btn,
a.btn.btn-main,
span.btn.btn-main,
.btn.btn-main,
.btn.btn-red,
.btn.btn-header,
.btn.btn-zapis,
.btn-header.btn-zapis,
.pc-header__cta,
.pc-drawer__cta,
input.wpcf7-submit,
.wpcf7 input[type="submit"],
.wpcf7-submit,
button.wpcf7-submit,
.btn.btn-blue.submit-otpzvonok,
button.btn,
input[type="submit"].btn,
.coockie-btn {
  background: var(--pc-grad-gold) !important;
  background-color: var(--pc-gold) !important;
  border-color: var(--pc-gold) !important;
  color: var(--pc-white) !important;
  box-shadow: var(--pc-shadow-gold);
  text-shadow: 0 1px 0 rgba(44, 44, 44, 0.18);
}

a.btn:hover,
span.btn:hover,
.btn:hover,
a.btn.btn-main:hover,
span.btn.btn-main:hover,
.btn.btn-main:hover,
.btn.btn-red:hover,
.btn.btn-header:hover,
.btn.btn-zapis:hover,
span.btn.btn-zapis:hover,
.pc-header__cta:hover,
.pc-drawer__cta:hover,
.wpcf7 input[type="submit"]:hover,
.wpcf7-submit:hover,
button.wpcf7-submit:hover,
.coockie-btn:hover {
  background: var(--pc-grad-gold-hover) !important;
  background-color: var(--pc-gold-hover) !important;
  border-color: var(--pc-gold-hover) !important;
  color: var(--pc-white) !important;
  box-shadow: 0 14px 32px rgba(122, 94, 60, 0.32);
}

.btn.btn-omain,
.btn.btn-main-border,
.btn.btn-border {
  background: linear-gradient(180deg, #ffffff 0%, #faf6f0 100%) !important;
  border-color: var(--pc-gold) !important;
  color: var(--pc-gold-hover) !important;
  box-shadow: none;
  text-shadow: none;
}

.btn.btn-omain:hover,
.btn.btn-main-border:hover,
.btn.btn-border:hover {
  background: var(--pc-grad-gold) !important;
  border-color: var(--pc-gold) !important;
  color: var(--pc-white) !important;
}

.btn.btn-white-border {
  background: transparent !important;
  border-color: var(--pc-white) !important;
  color: var(--pc-white) !important;
  box-shadow: none;
  text-shadow: none;
}

.btn.btn-white-border:hover {
  background: var(--pc-grad-gold) !important;
  border-color: var(--pc-gold) !important;
  color: var(--pc-white) !important;
}

/* ---------- Герой / слайдер: тёплый cinematic overlay ---------- */
.prime-hero-slide .back.prime-hero-back::before,
.prime-hero-back .effects,
.main_slider-block .effects,
.main_slider-block .left .back .effects,
.first-screen-main .effects {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: var(--pc-grad-hero) !important;
}

.prime-hero-slide .back.prime-hero-back::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: radial-gradient(
    120% 80% at 18% 40%,
    rgba(192, 156, 115, 0.22) 0%,
    rgba(28, 20, 14, 0) 62%
  );
}

.main_slider-block,
#block-0.main_slider-block,
.pbl.main_slider-block {
  background: #12100e !important;
}

.prime-hero-kicker,
.prime-hero-services .slick-dots .slick-active button {
  color: #e8c9a0;
}

.prime-hero-kicker {
  text-shadow: 0 1px 8px rgba(28, 20, 14, 0.45);
}

.prime-hero-services .slick-arrow {
  background: linear-gradient(180deg, #ffffff 0%, #f7f1e8 100%) !important;
  color: var(--pc-gold-hover) !important;
  box-shadow: 0 8px 22px rgba(28, 20, 14, 0.18);
}

.action-link .linear,
.action-item .linear,
.action-link .back::before {
  background: linear-gradient(
    180deg,
    rgba(28, 20, 14, 0) 0%,
    rgba(44, 30, 18, 0.55) 48%,
    rgba(152, 119, 78, 0.72) 100%
  ) !important;
}

/* ---------- Секции, карточки, CTA ---------- */
.bfon,
.bgray,
.bomain {
  background: var(--pc-grad-gold-soft) !important;
}

.bwhite.pbl,
.pbl.bwhite {
  background: linear-gradient(180deg, #ffffff 0%, #faf6f0 100%);
}

.napr_home-block,
.napr-home,
.grid_img_text-block,
.about_gallery-block,
.documents-block,
.page-block,
.archive-page,
.content-single-page {
  background-image: linear-gradient(180deg, #faf6f0 0%, #ffffff 38%, #f7f1e8 100%);
}

.loop-service-item .back,
.loop-service-item a.back {
  isolation: isolate;
}

.loop-service-item .back::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  border-radius: inherit;
  background: linear-gradient(
    180deg,
    rgba(28, 20, 14, 0.12) 0%,
    rgba(44, 30, 18, 0.28) 46%,
    rgba(122, 94, 60, 0.72) 100%
  );
}

.loop-service-item .back:hover::after {
  background: linear-gradient(
    180deg,
    rgba(28, 20, 14, 0.08) 0%,
    rgba(152, 119, 78, 0.32) 50%,
    rgba(122, 94, 60, 0.82) 100%
  );
}

.loop-service-item .top,
.loop-service-item .bottom,
.loop-service-item .name,
.loop-service-item .label {
  z-index: 3;
}

.doctor-item > .back,
.doctor-item > .br-20.back,
.review-content,
.coockie-modal {
  background: linear-gradient(180deg, #ffffff 0%, #faf6f0 100%) !important;
  border-color: #e8dfd2 !important;
  box-shadow: 0 12px 30px rgba(44, 44, 44, 0.06);
}

.doctor-item .img .back,
.doctor-item .img > .back {
  background-color: #f7f1e8 !important;
}

.doctor-item > .back:hover,
.indep-reviews-card:hover,
.loop-service-item:hover .back {
  box-shadow: 0 16px 36px rgba(152, 119, 78, 0.18);
}

.title-block h1,
.title-block h2,
.page-block h1,
.content-single-page h1 {
  color: var(--pc-ink);
}

/* CTA / контакты */
.blocks-footer,
.blocks-footer.pbl {
  background: #faf6f0 !important;
  background-image: none !important;
}

.contacts-block .text-block,
.contact-footer-item .text-block {
  background: #faf6f0 !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

.bhover {
  background: var(--pc-grad-gold) !important;
}

.bhover:hover {
  background: var(--pc-grad-gold-hover) !important;
}

a.bfon,
.bfon.tr {
  background: linear-gradient(160deg, #ffffff 0%, #f7f1e8 100%) !important;
}

a.bfon:hover {
  background: linear-gradient(160deg, #faf6f0 0%, #ead9c0 100%) !important;
}

/* ---------- Шапка / меню ---------- */
.pc-header.main-header,
.main-header,
.center-header {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.97) 0%, rgba(250, 246, 240, 0.96) 100%) !important;
  border-bottom-color: #ede6dc !important;
}

.pc-header.main-header.is-scrolled,
.main-header.active,
.main-header.active2 {
  background: linear-gradient(180deg, #ffffff 0%, #faf6f0 100%) !important;
}

.service-menu,
.pc-drawer,
.mobile-menu,
.fixed-mobile-menu {
  background: linear-gradient(180deg, #ffffff 0%, #f7f1e8 100%) !important;
}

.service-menu .lvl-1-link:hover,
.service-menu .lvl-1-link.active,
.service-menu-block.active .open-service-menu,
.open-service-menu:hover {
  background: var(--pc-grad-gold-soft) !important;
  color: var(--pc-gold-hover) !important;
}

.tabs:not(.no-style) .tab span,
.falsh-tab span,
.tabs .tab.active span {
  background: var(--pc-grad-gold-soft);
  border-color: var(--pc-gold);
}

.tabs .tab.active span,
.tabs .tab span:hover {
  background: var(--pc-grad-gold) !important;
  color: var(--pc-white) !important;
}

/* ---------- Футер ---------- */
.main-footer,
.main-footer.bblack,
footer.main-footer {
  background: var(--pc-grad-footer) !important;
  color: #f7f1e8 !important;
  box-shadow: inset 0 1px 0 rgba(192, 156, 115, 0.28);
}

.main-footer a,
.main-footer .link,
.main-footer .cwhite {
  color: #f7f1e8;
}

.main-footer a:hover,
.main-footer .link:hover {
  color: #e8c9a0 !important;
}

.bottom-footer {
  border-color: rgba(192, 156, 115, 0.22) !important;
}

/* ---------- Формы / модалки ---------- */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="search"],
textarea,
select,
.wpcf7-form-control {
  background: linear-gradient(180deg, #ffffff 0%, #faf6f0 100%);
  border-color: #e8dfd2 !important;
  color: var(--pc-ink);
}

input:focus,
textarea:focus,
select:focus,
.wpcf7-form-control:focus {
  border-color: var(--pc-gold) !important;
  box-shadow: 0 0 0 3px rgba(192, 156, 115, 0.22);
  outline: none;
}

.checkbox-block input:checked ~ span:after {
  border-color: var(--pc-gold) !important;
  background: var(--pc-grad-gold) !important;
}

.search-form button.btn:hover {
  background: var(--pc-grad-gold) !important;
  color: var(--pc-white) !important;
}

/* ---------- Leftover green / teal / mint ---------- */
.has-light-green-cyan-color,
.has-vivid-green-cyan-color {
  color: var(--pc-gold-hover) !important;
}

.has-light-green-cyan-background-color,
.has-vivid-green-cyan-background-color,
.has-light-green-cyan-to-vivid-green-cyan-gradient-background {
  background: var(--pc-grad-gold) !important;
}

.has-light-green-cyan-border-color,
.has-vivid-green-cyan-border-color {
  border-color: var(--pc-gold) !important;
}

.hero__text::before,
.page-hero__subtitle::before,
.termin::before {
  background: var(--pc-grad-gold) !important;
  background-image: linear-gradient(to top, rgba(192, 156, 115, 0) 0, #c09c73 99%, #faf6f0 100%) !important;
}

svg rect[fill="#F5F8F9"],
svg rect[fill="#f5f8f9"] {
  fill: #f7f1e8;
}

svg rect[stroke="#DDE8E8"],
svg rect[stroke="#dde8e8"] {
  stroke: #e8dfd2;
}

/* Bitrix leftover teal bar — не трогаем иконки мессенджеров */
.hero__text::before {
  background: #c09c73 !important;
}

.chover,
a.chover {
  color: var(--pc-gold-hover) !important;
}

/* ---------- Мобильные 320–414 ---------- */
@media (max-width: 414px) {
  .prime-hero-slide .back.prime-hero-back::before,
  .prime-hero-back .effects,
  .main_slider-block .effects {
    background: var(--pc-grad-hero-mobile) !important;
  }

  a.btn,
  .btn,
  .btn.btn-main,
  .btn.btn-header,
  .btn.btn-zapis,
  .wpcf7-submit,
  .pc-header__cta {
    background: var(--pc-grad-gold) !important;
    min-height: 48px;
  }

  .blocks-footer,
  .main-footer.bblack,
  .napr_home-block,
  .page-block {
    background-size: cover;
  }

  .loop-service-item .back::after {
    background: linear-gradient(
      180deg,
      rgba(28, 20, 14, 0.08) 0%,
      rgba(44, 30, 18, 0.45) 50%,
      rgba(122, 94, 60, 0.82) 100%
    );
  }

  .pc-header.main-header,
  .fixed-mobile-menu,
  .pc-drawer {
    background: linear-gradient(180deg, #ffffff 0%, #f7f1e8 100%) !important;
  }
}

@media (max-width: 320px) {
  .btn,
  a.btn.btn-main,
  .pc-header__cta {
    padding-left: 16px;
    padding-right: 16px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .btn,
  a.btn,
  .loop-service-item .back::after,
  .doctor-item .back {
    transition: none !important;
    transform: none !important;
  }
}