/* Heaven's Cakes final override: icons + visible dessert contours */

/* 1) Повертаємо чорні круги іконок, перебиваємо всі попередні батчі */
.quick-contacts .contact-chip .icon,
.quick-contacts .contact-chip.phone .icon,
.quick-contacts .contact-chip.insta .icon,
.quick-contacts .contact-chip.tg .icon,
.footer-contacts .footer-contact .icon,
.footer-contacts .footer-contact.phone .icon,
.footer-contacts .footer-contact.insta .icon,
.footer-contacts .footer-contact.tg .icon,
.footer-contacts .footer-contact.channel .icon,
.contact-chip .icon,
.footer-contact .icon,
.icon{
  background:#111111 !important;
  background-color:#111111 !important;
  background-image:none !important;
  color:#ffffff !important;
  border-color:#111111 !important;
  box-shadow:none !important;
}

/* Телефон/канал можуть лишатися з бісквітною карткою, але сама іконка чорна */
.quick-contacts .contact-chip.phone,
.footer-contacts .footer-contact.phone,
.footer-contacts .footer-contact.channel{
  background:#F6F1EA !important;
}

/* Якщо всередині буде svg */
.quick-contacts .contact-chip .icon svg,
.footer-contacts .footer-contact .icon svg,
.icon svg{
  fill:#ffffff !important;
  stroke:#ffffff !important;
}

/* 2) Контури десертів по всьому viewport, поверх фону, але під контентом */
html,
body{
  min-height:100% !important;
  background:#fbfaf7 !important;
}

body{
  position:relative !important;
  background:
    linear-gradient(180deg, rgba(251,250,247,.96), rgba(238,234,227,.96)) !important;
}

/* старий шар вимикаємо, щоб не конфліктував */
body::before{
  content:"" !important;
  position:fixed !important;
  inset:0 !important;
  width:100vw !important;
  height:100vh !important;
  z-index:0 !important;
  pointer-events:none !important;
  background-image:url('/assets/img/dessert-contours-visible.svg') !important;
  background-repeat:repeat-y !important;
  background-position:center top !important;
  background-size:1600px auto !important;
  opacity:.105 !important;
  filter:none !important;
  mix-blend-mode:multiply !important;
}

.site-header,
.hero,
.section,
.footer{
  position:relative !important;
  z-index:1 !important;
}

/* секції не повинні закривати фонові контури суцільним білим */
.hero,
.section,
.catalog-section,
.clients-section,
.pains-section,
.process-section,
.decision-section{
  background-color:transparent !important;
}

/* 3) Бісквіт лишаємо тільки там, де він потрібен */
.nav-cta,
.hero-lead-form .btn,
.bottom-lead .btn,
.soft-cta .btn,
form .btn[type="submit"],
.product-cta{
  background:linear-gradient(135deg,#E6C79C,#D2A874) !important;
  color:#111 !important;
}

/* другорядна кнопка лишається чорною */
.hero-actions .btn.ghost{
  background:#111 !important;
  color:#fff !important;
}

/* 4) Додатково: чистимо можливі emoji-кольори, якщо браузер рендерить їх криво */
.quick-contacts .contact-chip .icon,
.footer-contacts .footer-contact .icon{
  font-family:Arial, sans-serif !important;
  font-weight:900 !important;
}