/* Sociomize homepage UX polish — scoped to homepage only, no content changes */

/* 1. Sticky header: remove hard visual seam, add soft shadow, align injected CTA */
body.home .pxl-header-elementor-sticky.pxl-header-fixed {
  box-shadow: 0 4px 24px rgba(17, 17, 17, 0.08);
  background-color: #fff;
}

body.home .pxl-header-elementor-sticky .sociomize-sticky-cta {
  margin-left: auto;
  display: inline-flex !important;
  align-items: center;
}

/* 2. Hero slider (Revolution Slider) navigation dots: bigger, higher-contrast, easier to tap */
body.home .sr7-bullet {
  padding: 8px !important;
}

body.home .sr7-bullet-inner {
  width: 12px !important;
  height: 12px !important;
  background-color: rgba(255, 100, 0, 0.3) !important;
  border: 2px solid rgba(255, 100, 0, 0.55) !important;
  transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

body.home .sr7-bullet.selected .sr7-bullet-inner {
  background-color: #ff6400 !important;
  border-color: #ff6400 !important;
  transform: scale(1.15);
}

/* 3. Mobile menu: give the primary conversion link (Contact Us) visual weight */
@media (max-width: 991px) {
  body.home .pxl-header-menu a[href="https://sociomize.com/contact-us/"] {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ff6400;
    color: #fff;
    font-weight: 700;
    border-radius: 6px;
    padding: 14px 24px;
    margin: 12px 0 4px;
    text-align: center;
  }

  body.home .pxl-header-menu li:has(> a[href="https://sociomize.com/contact-us/"]) {
    border-bottom: none;
  }
}