/* GENERAL STYLES */
/* HEADER */
/* hiding site title to show logo */
.site-branding .site-title,
.site-branding .site-description {
  display: none !important;
}

/* header background */
.site-header-row-container-inner {
  background-image: url('/wp-content/uploads/2026/04/tcg_bg.webp');
  background-size: cover;
  background-position: center;
}

/* Header logo overlapping nav bar */
/* let header elements overflow */
.site-header,
.site-header *,
#masthead,
#masthead * {
  overflow: visible;
}

/* move the logo container up */
.site-branding {
  position: relative !important;
  z-index: 50 !important;
  transform: translateY(-20px) !important;
}

/* keep logo image above the nav bar */
.site-branding img,
.custom-logo,
.custom-logo-link {
  position: relative !important;
  z-index: 50 !important;
}

/* keep nav bar below */
.site-bottom-header-wrap {
  position: relative;
  z-index: 10;
}

/* reduce vertical space in main header row */
/* force the top/main header area shorter */
#masthead .site-main-header-wrap {
  height: 170px !important;
  min-height: 170px !important;
}

/* make the inner row fill that height cleanly */
#masthead .site-main-header-inner-wrap,
#masthead .site-header-row-container-inner {
  height: 100% !important;
  min-height: 0 !important;
  align-items: center !important;
}

/* keep overflow visible so logo can overlap the nav bar */
.site-header,
#masthead,
#masthead .site-main-header-wrap,
#masthead .site-main-header-inner-wrap,
#masthead .site-header-row-container-inner {
  overflow: visible !important;
}

/* NAV BAR CONTAINER custom borders */
/* NAV BAR BASE */
.site-bottom-header-wrap {
  position: relative;
  background: linear-gradient(to bottom, #1a1f2b, #11151f);
  overflow: visible; /* important for glow */
}

/* TOP GLOW LINE */
.site-bottom-header-wrap::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;

  background: linear-gradient(
    to right,
    transparent,
    #FFC70B,
    transparent
  );

  box-shadow: 0 0 10px rgba(245, 199, 107, 0.7);
}

/* BOTTOM GLOW LINE */
.site-bottom-header-wrap::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;

  background: linear-gradient(
    to right,
    transparent,
    #FFC70B,
    transparent
  );

  box-shadow: 0 0 10px rgba(245, 199, 107, 0.7);
}

/* Active menu item glow */
.main-navigation .current-menu-item > a {
  position: relative;
  color: #f5c76b; /* optional: gold text */
}

/* Glow effect */
.main-navigation .current-menu-item > a {
  position: relative;
}

/* Glow directly under text */
.main-navigation .current-menu-item > a::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 2px; 
  transform: translateX(-50%);

  width: 140px;
  height: 20px;

  background: radial-gradient(
    ellipse at center,
    rgba(255, 230, 150, 1) 0%,      /* 🔥 bright core */
    rgba(255, 199, 11, 0.8) 15%,   /* strong glow */
    rgba(211, 100, 5, 0.5) 35%,   /* mid */
    rgba(245, 199, 107, 0.2) 55%,   /* fade */
    rgba(245, 199, 107, 0.05) 70%,  
    rgba(245, 199, 107, 0) 85%
  );

  filter: blur(4px);
  pointer-events: none;
}