/************************************************************
 * UPLIFTICS — APPEARANCE → CUSTOMIZE → ADDITIONAL CSS
 *
 * PURPOSE
 * - Theme-level overrides that must win (Blocksy header/offcanvas, footer)
 * - “No blue link” regressions
 * - Page-specific hide rules (CB header)
 *
 * NOTES
 * - Keep Elementor component styling in Elementor Site Settings CSS
 * - Keep theme overrides here (Customizer loads late and wins cleanly)
 ************************************************************/


/************************************************************
 * 1) BLOCKSY HEADER — SAFE (NO OFFCANVAS INTERFERENCE)
 ************************************************************/

/* Theme link colors (safe anywhere) */
#header,
.ct-header {
  --theme-link-initial-color: #e6e6e6;
  --theme-link-hover-color:  #c7a56e;
}

/* Dark/translucent surface ONLY on the visible header row */
#header [data-row],
.ct-header [data-row] {
  background-color: rgba(12, 12, 12, 0.72) !important;
  border-bottom: 1px solid rgba(255,255,255,0.05);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}

/* Kill blue link behavior (header surface only) */
#header [data-row] a,
.ct-header [data-row] a {
  color: #e6e6e6 !important;
  text-decoration: none !important;
}

#header [data-row] a:hover,
#header [data-row] a:focus,
.ct-header [data-row] a:hover,
.ct-header [data-row] a:focus {
  color: #c7a56e !important;
}


/************************************************************
 * 2) HEADER GRAIN — SAFE OVERLAY
 * - Applied ONLY to header row surface
 * - Disabled on mobile/tablet
 * - Disabled when offcanvas menu is open
 ************************************************************/

/* Create overlay context */
#header [data-row],
.ct-header [data-row] {
  position: relative;
}

/* Grain overlay (no mix-blend-mode; safer across browsers) */
#header [data-row]::after,
.ct-header [data-row]::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.12;
  z-index: 0;
  background-image:
    repeating-linear-gradient(
      0deg,
      rgba(255,255,255,0.025),
      rgba(255,255,255,0.025) 1px,
      transparent 1px,
      transparent 3px
    );
}

/* Keep header contents above the grain */
#header [data-row] > *,
.ct-header [data-row] > * {
  position: relative;
  z-index: 1;
}

/* Disable grain on tablet/mobile */
@media (max-width: 1024px) {
  #header [data-row]::after,
  .ct-header [data-row]::after {
    display: none !important;
  }
}

/* Disable grain when menu/offcanvas is open (covers common class names) */
body.ct-panel-open #header [data-row]::after,
body.ct-panel-open .ct-header [data-row]::after,
body.offcanvas-open #header [data-row]::after,
body.offcanvas-open .ct-header [data-row]::after {
  display: none !important;
}

/* Safety: ensure offcanvas panel never inherits blur */
.ct-panel,
.ct-panel * {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}


/************************************************************
 * 3) PAGE-SPECIFIC: HIDE HEADER ON CHASING BUTTERFLIES
 * IMPORTANT: If CB page ID ever changes, update this selector.
 ************************************************************/

.page-id-502 #header,
.page-id-502 .ct-header {
  display: none;
}


/************************************************************