/* ===============================
   ShareDay Theme Variables
   =============================== */

:root {
  --sd-deep: #6f0030;        /* deep plum */
  --sd-primary: #b0003a;     /* raspberry */
  --sd-secondary: #f0346e;   /* coral pink */
  --sd-accent: #ff9a3c;      /* warm orange */
}

/* ===============================
   TEXT / ICON COLOR
   =============================== */

.team-details-text a:hover,
.hero-two-texr a:hover,
.navbar-links li.navbar-dropdown .dropdown a:hover,
.team-details span,
.team-details-text i,
ul.quick-links li a:hover,
ul.Meta li a:hover,
.blog.our-blog h2:hover,
.visit-website i,
.location a:hover,
.blog-three h6 span,
.blog-three h4:hover,
.recent-post i,
.recent-post a:hover,
.cloud-storage a:hover,
.blog-style-text h6 span,
.blog-style-text a:hover,
.team-text span,
.team-text h4:hover,
.team-text a:hover,
.heading h6,
.projects-style h4 a:hover,
.accordion-item.active .title,
.blog h4:hover,
.phone a:hover,
.footer-links li a:hover,
.copyrights a:hover,
.intelligent-text h4:hover,
.solutions a:hover {
  color: var(--sd-secondary);
}

/* ===============================
   BACKGROUND COLOR
   =============================== */

.screenshots-slider .owl-nav i:hover,
.navbar-links li.navbar-dropdown .dropdown a:before,
.two.nav-pills .nav-link:before,
.blog.our-blog > a:hover,
ul.features li:before,
.prev-work-one a:hover i,
.visit-website a:hover i,
.accordion-item.active .icon:before,
.blog-three a i:hover {
  background-color: var(--sd-secondary);
}

/* ===============================
   BORDER COLOR
   =============================== */

.location:hover,
.screenshots-slider .owl-nav i:hover,
.blog.our-blog > a,
ul.pagination li.prev,
.prev-work-one i,
.visit-website i,
.cloud-storage i,
.two.nav-pills .nav-link.active,
.blog-three a i,
ul.categories li a span,
ul.categories li a:hover,
.projects-img a i,
.owl-item.active.center .services,
.ceo img,
.expert-icon > a i,
.team-details-text i {
  border-color: var(--sd-secondary);
}

/* ===============================
   HERO SECTION OVERRIDE (CRITICAL)
   =============================== */

/* This is what you are actually looking at */
.hero-section-one,
.hero-section-one:before,
.hero-section-one:after {
  background: linear-gradient(
    135deg,
    var(--sd-deep) 0%,
    var(--sd-primary) 50%,
    var(--sd-secondary) 100%
  ) !important;
}

/* ===============================
   CTA BUTTONS
   =============================== */

.hero-section-one .btn {
  background: linear-gradient(
    90deg,
    var(--sd-secondary),
    var(--sd-accent)
  );
  border: none;
  color: #fff;
}

.hero-section-one .btn:hover {
  filter: brightness(1.05);
}

/* Secondary CTA */
.hero-section-one .btn.two {
  background: transparent;
  border: 2px solid #fff;
  color: #fff;
}

.hero-section-one .btn.two:hover {
  background: #fff;
  color: var(--sd-deep);
}