/* CRE Innovation Custom Styles */
/* Color scheme overrides for CRETech branding */

:root {
  /* Primary Colors from CRETech Logo */
  --tp-theme-primary: #00bcd4;           /* Cyan from logo */
  --tp-theme-secondary: #1a2b4a;         /* Navy from logo */
  --tp-theme-special: #0d1b2a;           /* Dark navy for backgrounds */
  --tp-theme-accent: #2d8a8a;            /* Teal accent */

  /* Override lime green with cyan */
  --tp-common-green: #00bcd4;
  --tp-common-green-2: #00acc1;
  --tp-common-green-3: #26c6da;
}

/* Smooth scroll wrapper */
#smooth-wrapper {
  height: 100%;
  overflow: hidden;
}
#smooth-content {
  will-change: transform;
}

/* Primary button color overrides */
.tp-btn-one {
  background: linear-gradient(135deg, #00bcd4 0%, #00acc1 100%) !important;
}

.tp-btn-one:hover {
  background: linear-gradient(135deg, #00acc1 0%, #0097a7 100%) !important;
}

/* Service card accent colors */
.tp-service-card .card-inner {
  border-color: rgba(0, 188, 212, 0.2);
}

.tp-service-card:hover .card-inner {
  border-color: #00bcd4;
}

/* Counter/stats section */
.tp-counter-wrapper .number {
  color: #00bcd4;
}

/* Process steps accent */
.tp-how-work-step .step {
  color: #00bcd4;
}

/* Marquee text accent */
.tp--marquee-text {
  -webkit-text-stroke-color: rgba(0, 188, 212, 0.3);
}

/* Footer social icons */
.tp-social-media a:hover {
  background: #00bcd4;
  border-color: #00bcd4;
}

/* Scroll to top button */
.scroll--top {
  background: #00bcd4;
}

.scroll--top:hover {
  background: #00acc1;
}

/* Preloader accent */
.loader-line {
  background: linear-gradient(135deg, #00bcd4 0%, #00acc1 100%);
}

/* Link hover states */
a:hover {
  color: #00bcd4;
}

/* Project card hover */
.tp-project-card:hover .title a {
  color: #00bcd4;
}

/* Navigation active/hover */
.tp-main__menu nav ul li a:hover,
.tp-main__menu nav ul li.active > a {
  color: #00bcd4;
}

/* Submenu hover */
.tp-submenu li a:hover {
  color: #00bcd4;
}

/* Text highlight styling for spans */
.sec-title span,
.sec-title-2 span {
  color: #00bcd4;
}

/* Contact section CTA overlay */
.tp-contact-area::before {
  background: linear-gradient(135deg, rgba(0, 188, 212, 0.1) 0%, rgba(13, 27, 42, 0.9) 100%);
}

/* Testimonial quote accent */
.tp-testimonial-slide .reason {
  color: #00bcd4;
}

/* Form focus states */
input:focus,
textarea:focus,
select:focus {
  border-color: #00bcd4 !important;
  box-shadow: 0 0 0 2px rgba(0, 188, 212, 0.1);
}

/* Header phone number */
.tp-header__action ul li {
  color: #00bcd4;
}

/* Blog meta and links */
.tp-blog-item .meta li {
  color: rgba(0, 188, 212, 0.8);
}

/* Brand/partner logo opacity */
.tp-brand-logo:hover img {
  filter: brightness(1.2);
}

/* CTA icon accent */
.tp-cta-wrapper .cta-content img {
  filter: hue-rotate(120deg) saturate(1.5);
}

/* Video play button */
.tp-video-popup {
  background: #00bcd4;
}

.tp-video-popup:hover {
  background: #00acc1;
}

/* Selection highlight */
::selection {
  background: #00bcd4;
  color: #ffffff;
}

::-moz-selection {
  background: #00bcd4;
  color: #ffffff;
}
