/*
 * Carpediem final neutral-gray palette overrides
 * Loaded AFTER main.css so these rules always win.
 */

:root {
  --ot-theme-color: #B9B9C8 !important;
  --ot-smoke-color: #ECEEF1 !important;
  --ot-border-color: #D8DADF !important;
  --ot-dark-color: #171A22 !important;
  --ot-ecommerce-bg1: #171A22 !important;
}

/* General theme accents that previously inherited the green theme color. */
.theme-bg,
.ot-btn-primary,
.ot-video-icon,
.scroll-top,
.ot-project-feature-box,
.ot-service-3-tab-wrapp,
.ot-process-card:hover {
  background-color: #B9B9C8 !important;
}

/* Preserve readable dark text on the light gray primary buttons. */
.ot-btn-primary,
.ot-btn-primary:hover,
.ot-process-card:hover .ot-box-title a,
.ot-process-card:hover .ot-sec-text {
  color: #002244 !important;
}

/* Main project/service cards: remove all remaining green UI accents. */
#projects .ot-project-img1 img {
  border-color: #B9B9C8 !important;
}

#projects .ot-project-feature-box {
  background: #B9B9C8 !important;
}

#projects .ot-project-card.smoke-bg,
#projects .smoke-bg {
  background-color: #ECEEF1 !important;
}

#projects .ot-project-card:hover {
  background-color: #E2E4E8 !important;
}

/* The original section uses a pale-green JPG background.
   Remove the image completely and replace it with neutral gray. */
#additional-services {
  background-image: none !important;
  background-color: #EFF0F2 !important;
}

#additional-services::before,
#additional-services.ot-process-overlay::before {
  background: rgba(239, 240, 242, 0.94) !important;
}

#additional-services .ot-process-icon {
  background: #ECEEF1 !important;
  border-color: #D2D5DA !important;
}

#additional-services .ot-process-card:hover {
  background: #B9B9C8 !important;
}

/* Section badges/pills. */
.ot-sec-subtitle {
  background: #D9DBE1 !important;
  color: #002244 !important;
}

.ot-sec-subtitle.style-2 {
  background: rgba(255, 255, 255, 0.28) !important;
  color: #FFFFFF !important;
}

/* Grayscale only decorative green artwork/icons, not service photographs. */
#additional-services .ot-process-shape-left img,
#additional-services .ot-process-shape-right img,
.ot-about-feature-list .list-icon img {
  filter: grayscale(1) saturate(0) !important;
}

/* Old template contained a few hard-coded green borders/colors. */
.ot-project-img1 img,
.ot-service-img1 img,
.ot-service-card,
.ot-service-card-3,
.ot-service-card-4,
.ot-service-card-5 {
  border-color: #B9B9C8 !important;
}

/* Gray hover/focus accents. */
a:hover,
.ot-btn-arrow-primary:hover,
.ot-btn-arrow-primary:hover .arrow-icon,
.ot-main-menu ul li:hover > a,
.ot-main-menu ul li.active > a {
  --ot-theme-color: #8F909D;
}