/**
 * Unique theme overlay — different colors and typography.
 * Content and images unchanged.
 */

/* Layout wrappers (unique markup fingerprint) */
.page-root { display: block; }

/* ——— Typography ——— */
body {
  font-family: "Source Sans 3", "Segoe UI", sans-serif !important;
  color: #2c2c2c !important;
}

.site-header {
  font-family: "DM Sans", "Segoe UI", sans-serif !important;
}

a {
  color: #2d5a7b !important;
  font-weight: 600 !important;
}

a:hover {
  color: #c45c41 !important;
}

/* ——— Header ——— */
@media screen and (min-width: 992px) {
  .site-header__logo-wrapper {
    background: linear-gradient(135deg, #f6f4f0 0%, #ebe6df 100%) !important;
    box-shadow: 0 8px 24px rgba(45, 58, 95, 0.08) !important;
    padding-top: 25px !important;
    padding-bottom: 30px !important;
  }
}

.site-header__logo path {
  fill: #2d5a7b !important;
}

@media screen and (min-width: 992px) {
  .site-header__title {
    color: #2d5a7b !important;
  }

  .site-header__subtitle {
    color: #5a7a94 !important;
  }
}

.site-header__title {
  color: #2d5a7b !important;
}

.site-header__subtitle {
  color: #5a7a94 !important;
}

.main-nav {
  background: linear-gradient(90deg, #2d5a7b 0%, #3d6b8c 100%) !important;
}

.bg-yellow {
  background: #e8d4b8 !important;
  color: #2c2c2c !important;
  border-radius: 12px !important;
}

.nav-item.current-box {
  background-color: rgba(255, 255, 255, 0.25) !important;
  border-radius: 24px !important;
}

.nav-item.current-box .nav-link {
  color: #fff !important;
}

.nav-item:hover {
  background-color: rgba(255, 255, 255, 0.2) !important;
  border-radius: 24px !important;
}

.nav-item:hover .nav-link {
  color: #e8d4b8 !important;
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
  background-color: #2d5a7b !important;
}

.hamburger:not(.collapsed) .hamburger-inner,
.hamburger:not(.collapsed) .hamburger-inner::before,
.hamburger:not(.collapsed) .hamburger-inner::after {
  background-color: #2d5a7b !important;
}

/* ——— Main content blocks ——— */
@media screen and (min-width: 992px) {
  .section-main {
    background-color: #faf8f5 !important;
  }
}

.box-list {
  background-color: #fdfcfa !important;
  border: 2px solid #c45c41 !important;
  border-radius: 16px !important;
  box-shadow: 0 4px 20px rgba(45, 58, 95, 0.06) !important;
}

.box-list__title {
  background: linear-gradient(90deg, #2d5a7b 0%, #3d6b8c 100%) !important;
  border-radius: 14px 14px 0 0 !important;
}

.box-list__title--green {
  background: linear-gradient(90deg, #c45c41 0%, #d46b4f 100%) !important;
}

.box-list__title--light-green {
  background-color: #7a9b8e !important;
}

.box-list--light-green {
  border-color: #7a9b8e !important;
  background-color: #f5f8f6 !important;
}

.box-list--green {
  background-color: #f5f8f6 !important;
  border: 2px solid #2d5a7b !important;
}

.box-list__bottom-text {
  background: linear-gradient(90deg, #2d5a7b 0%, #3d6b8c 100%) !important;
  border-radius: 0 0 14px 14px !important;
  border-color: transparent !important;
}

.text-purple {
  color: #2d5a7b !important;
}

.testimonial-box {
  background: linear-gradient(135deg, #2d5a7b 0%, #3d6b8c 100%) !important;
  border-radius: 16px !important;
}

.image-before-after__text {
  background-color: #2d5a7b !important;
}

/* ——— Comments ——— */
.title-with-bg {
  background: #f0ebe3 !important;
  padding: 0.625rem 1rem !important;
}

.comments__title {
  color: #c45c41 !important;
}

.link-big {
  color: #2d5a7b !important;
}

.comment__mentioned {
  color: #2d5a7b !important;
}

/* ——— Form block ——— */
.best-form {
  background: linear-gradient(180deg, #f6f4f0 0%, #ebe6df 100%) !important;
  background-color: #f0ebe3 !important;
}

.countdown-block,
.countdown-container,
.countdown-container h3,
.countdown-text {
  background: #2d5a7b !important;
  color: #fff !important;
}

.countdown-block h3 {
  color: #fff !important;
}

.countdown-container {
  border-color: #e8d4b8 !important;
}

.countdown-container h3 {
  background: #2d5a7b !important;
  color: #e8d4b8 !important;
}

.countdown-text {
  background: #2d5a7b !important;
  color: #e8d4b8 !important;
}

#time,
.time_remains {
  color: #c45c41 !important;
}

.button-submit {
  background: linear-gradient(180deg, #2d5a7b 0%, #3d6b8c 100%) !important;
  border-radius: 10px !important;
  box-shadow: 0 4px 14px rgba(45, 58, 95, 0.25) !important;
}

.button-submit:hover {
  background: linear-gradient(180deg, #3d6b8c 0%, #4a7a9e 100%) !important;
  box-shadow: 0 6px 18px rgba(45, 58, 95, 0.3) !important;
}

@media screen and (max-width: 600px) {
  .button-submit {
    background: linear-gradient(180deg, #c45c41 0%, #d46b4f 100%) !important;
  }
}

.product .price {
  color: #c45c41 !important;
}

.price_main {
  border-bottom-color: #2d5a7b !important;
}

/* Popup / wheel */
.pop-up-window::before {
  background-color: #2d5a7b !important;
}

.pop-up-button {
  background: linear-gradient(180deg, #c45c41 0%, #d46b4f 100%) !important;
}

.btnbtn {
  background-image: linear-gradient(180deg, #2d5a7b 0%, #3d6b8c 100%) !important;
}

@keyframes shadow-pulse2 {
  0% {
    box-shadow: 0 0 0 0 rgba(45, 90, 123, 0.4);
  }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0);
  }
}

.alert {
  background-color: #fdfcfa !important;
  box-shadow: 0 4px 20px rgba(45, 58, 95, 0.1) !important;
}