/* ===============================
   AWAKEN — MINIMAL, STABLE RESET
   =============================== */

/* 0) Keep your existing focus ring intent */
:where(.wp-site-blocks *:focus){
  outline-width:2px;
  outline-style:solid;
}

/* 1) Your preserved bits (unchanged) */
h1.logo{ font-weight:200 !important; }

nav li a{
  padding:.18rem 0;
  border-bottom:.18rem solid transparent;
  line-height:20px!important;
  margin-top:4px;
  text-decoration:none!important;
}
nav li a:hover,
nav li a:focus{ border-bottom-color:rgba(255,255,255,.95); }
nav li.active-link a:hover,
nav li.active-link a:focus{ border-bottom-color:rgba(255,255,255,0); }
li.active-link, li.page-collection.active-link{
  border-bottom:.18rem solid rgba(255,255,255,.8);
}
.subnav li a{ padding:0; border-bottom:none; }
.subnav ul li.gallery-collection.active-link,
.subnav ul li.page-collection.active-link,
.subnav ul li.blog-collection.active-link{ border-bottom:none; padding:0; }

span.thumb{ background-color:#000 !important; }
span.thumb img{ transition:.3s !important; opacity:1 !important; }
span.thumb:hover img, span.thumb:focus img{ opacity:1 !important; }

/* REMOVE hardcoded link colors so the gradient can show.
   If you need any of these solid again later, we can re-apply just to those classes. */
.summary-title-link,
.entry-title a,
.product-meta{ color:inherit !important; }

/* 2) Theme tokens */
:root{
  --bg:#0b0e12;
  --text:#e6e9ef;

  --g-red:#ff2d55;
  --g-magenta:#c14cf2;
  --g-purple:#7b3aed;
  --g-blue:#2f66ff;
  --g-sky:#39baf7;

  --glow-r:rgba(255,45,85,.42);
  --glow-m:rgba(193,76,242,.42);
  --glow-b:rgba(47,102,255,.42);
  --glow-s:rgba(57,186,247,.42);
}

/* Base page colors */
html {
  background-color: #0b0e12; /* fallback behind transparent sections */
}
body {
  background: transparent!important;
  color: var(--text);
}

/* 3) Subtle animated “cloud” background
      NOTE: If you keep a body background-image, this will sit *behind* it.
            Comment this out if you prefer the photo. */
/* ===============================
   AWAKEN — Radial Gradient Clouds
   =============================== */

body::before {
  content: "";
  position: fixed;
  inset: -20vmax;
  z-index: -1;
  /* use several overlapping radial spots */
  background:
    radial-gradient(40vmax 35vmax at 20% 15%,  var(--g-red)     0%, transparent 65%),
    radial-gradient(50vmax 40vmax at 80% 25%,  var(--g-magenta) 0%, transparent 65%),
    radial-gradient(45vmax 40vmax at 50% 75%,  var(--g-purple)  0%, transparent 65%),
    radial-gradient(55vmax 45vmax at 60% 55%,  var(--g-blue)    0%, transparent 70%),
    radial-gradient(60vmax 50vmax at 35% 40%,  var(--g-sky)     0%, transparent 75%);
  background-blend-mode: screen;
  filter: blur(40px) saturate(115%);
  opacity: 0.25;
  pointer-events: none;
  animation: awakenFloat 40s ease-in-out infinite alternate;
}

/* Subtle float motion */
@keyframes awakenFloat {
  0% {
    transform: translate3d(0, 0, 0) scale(1);
  }
  25% {
    transform: translate3d(2vmax, -2vmax, 0) rotate(5deg) scale(1.03);
  }
  50% {
    transform: translate3d(-2vmax, 1vmax, 0) rotate(-3deg) scale(1.02);
  }
  75% {
    transform: translate3d(1vmax, 2vmax, 0) rotate(4deg) scale(1.04);
  }
  100% {
    transform: translate3d(0, 0, 0) scale(1);
  }
}

/* Reduced motion fallback */
@media (prefers-reduced-motion: reduce) {
  body::before {
    animation: none;
    opacity: 0.18;
  }
}
/* 4) Gradient text utility (for headings like AWAKEN) */
.awaken-gradient{
  background:radial-gradient(circle at 50% 50%,
    var(--g-red) 0%, var(--g-magenta) 22%, var(--g-purple) 48%,
    var(--g-blue) 72%, var(--g-sky) 100%);
  background-size:200% 200%;
  -webkit-background-clip:text; background-clip:text; color:transparent;
  text-shadow:
    0 0 10px var(--glow-r),
    0 0 18px var(--glow-m),
    0 0 26px var(--glow-b);
  animation: awakenText 14s ease-in-out infinite;
}
@keyframes awakenText{
  0%,100%{ background-position:0% 50%; }
  50%{ background-position:100% 50%; }
}

/* 5) LINKS — gradient ink everywhere + glow on hover
      Works even if the visible text is inside spans/strong/etc. */

/* Base reset */
a{ text-decoration:none!important; }

/* Paint gradient on the <a> and common inline text descendants (not imgs/svg) */
a, a:visited,
a :where(span, strong, em, b, i, u, small, time, code, kbd, mark){
  background-image:radial-gradient(circle at 50% 50%,
    var(--g-red), var(--g-magenta), var(--g-purple), var(--g-blue), var(--g-sky))!important;
  background-size:220% 220%;
  -webkit-background-clip:text; background-clip:text;
  color:transparent;
  transition: background-position .4s ease-in-out, filter .4s ease-in-out, text-decoration-color .4s ease-in-out!important;
  animation: linkShimmer 18s linear infinite!important;
}
@keyframes linkShimmer{
  0%{ background-position:0% 50%; }
  50%{ background-position:100% 50%; }
  100%{ background-position:0% 50%; }
}

/* Hover/focus glow (keeps your underline) */
a:hover, a:focus,
a :where(span, strong, em, b, i, u, small, time, code, kbd, mark):hover,
a :where(span, strong, em, b, i, u, small, time, code, kbd, mark):focus{
  transition: all 0.20s ease-in-out!important;
  text-shadow:
    0 0 8px var(--glow-b),
    0 0 14px var(--glow-s),
    0 0 22px var(--glow-r)!important;
  /*color:#68bcf7;*/ /* accessible highlight fallback */
  text-decoration: underline solid #fff;
  filter:brightness(1.12) saturate(1.06);
}

/* Keep your nav underline behavior with the new gradient ink */
nav li a{ border-bottom-color:transparent; }
nav li a:hover, nav li a:focus{ border-bottom-color:rgba(255,255,255,.95); }

/* 6) Optional: gradient-stroked button */
.btn-gradient{
  position:relative; display:inline-flex; align-items:center; gap:.5rem;
  padding:.75rem 1rem; border-radius:999px; color:var(--text);
  background:rgba(255,255,255,.03); isolation:isolate;
}
/*.btn-gradient::before{
  content:""; position:absolute; inset:-1px; z-index:-1; border-radius:inherit;
  background:radial-gradient(circle at 50% 50%,
    var(--g-red), var(--g-magenta), var(--g-purple), var(--g-blue), var(--g-sky));
  background-size:180% 180%;
  animation:borderFlow 13s linear infinite;
  mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite:exclude; -webkit-mask-composite:xor;
  padding:1px; border-radius:inherit;
}*/
@keyframes borderFlow{
  0%{ background-position:0% 50%; }
  100%{ background-position:100% 50%; }
}

/* Restore gradient styling on sidebar/homepage "Recent Posts" links */
.widget_recent_entries a,
.wp-block-latest-posts__post-title,
.wp-block-latest-posts__post-title a {
  background-image: radial-gradient(circle at 50% 50%,
    var(--g-red), var(--g-magenta), var(--g-purple), var(--g-blue), var(--g-sky)) !important;
  background-size: 220% 220% !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  text-decoration: none !important;
  transition: background-position .4s ease-in-out, filter .4s ease-in-out !important;
  animation: linkShimmer 18s linear infinite !important;
}

.widget_recent_entries a:hover,
.wp-block-latest-posts__post-title:hover,
.wp-block-latest-posts__post-title a:hover {
  text-shadow:
    0 0 8px var(--glow-b),
    0 0 14px var(--glow-s),
    0 0 22px var(--glow-r) !important;
  color: #68bcf7 !important;
  text-decoration: underline solid #fff !important;
  filter: brightness(1.12) saturate(1.06) !important;
}

/* Force gradient styling on Recent Posts / Latest Posts links */
.widget_recent_entries a,
.wp-block-latest-posts__post-title,
.wp-block-latest-posts__post-title a,
.wp-block-latest-posts__list a,
.wp-block-latest-posts__featured-image a, .wp-block-column h2 a, .wp-block-post-date time a, .wp-block-post-author-name a, .wp-block-post-terms a, a.wp-block-query-pagination-next, a.page-numbers {
  background-image: radial-gradient(circle at 50% 50%,
    var(--g-red), var(--g-magenta), var(--g-purple), var(--g-blue), var(--g-sky)) !important;
  background-size: 220% 220% !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  text-decoration: none !important;
  transition: background-position .4s ease-in-out, filter .4s ease-in-out !important;
  animation: linkShimmer 18s linear infinite !important;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, span.wp-block-navigation-item__label {font-weight: 900!important;}

/* Matching hover glow and underline */
.widget_recent_entries a:hover,
.wp-block-latest-posts__post-title:hover,
.wp-block-latest-posts__post-title a:hover,
.wp-block-latest-posts__list a:hover,
.wp-block-latest-posts__featured-image a:hover {
  text-shadow:
    0 0 8px var(--glow-b),
    0 0 14px var(--glow-s),
    0 0 22px var(--glow-r) !important;
  color: #68bcf7 !important;
  text-decoration: underline solid #fff !important;
  filter: brightness(1.12) saturate(1.06) !important;
}

/* If WordPress adds explicit :link/:visited rules, override them */
.widget_recent_entries a:link,
.wp-block-latest-posts__post-title a:link,
.wp-block-latest-posts__list a:link,
.wp-block-latest-posts__featured-image a:link,
.widget_recent_entries a:visited,
.wp-block-latest-posts__post-title a:visited,
.wp-block-latest-posts__list a:visited,
.wp-block-latest-posts__featured-image a:visited {
  color: transparent !important;
  background-image: radial-gradient(circle at 50% 50%,
    var(--g-red), var(--g-magenta), var(--g-purple), var(--g-blue), var(--g-sky)) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
}


/* ==========================================================
   AWAKEN Liquid Glass Navigation — red/purple/blue tint
   Subtle translucency, low frost, fits the dark gradient theme
   ========================================================== */

.nav-glass-awaken {
  position: relative;
  background: linear-gradient(
      120deg,
      rgba(255,45,85,0.07),     /* red tint */
      rgba(193,76,242,0.07),    /* magenta */
      rgba(47,102,255,0.07)     /* blue */
  );
  backdrop-filter: blur(8px) saturate(160%);
  -webkit-backdrop-filter: blur(8px) saturate(160%);
  border: 1px solid rgba(255, 255, 255, 0.10);
  border-radius: 16px;
  box-shadow:
    0 8px 24px rgba(0,0,0,0.3),
    0 0 30px rgba(57,186,247,0.05),
    0 0 60px rgba(193,76,242,0.04);
  padding: 0.75rem 1.25rem;
  transition: background 0.4s ease, border-color 0.3s ease, box-shadow 0.4s ease;
}

/* Optional hover: slightly more vibrant, as if light passes through */
.nav-glass-awaken:hover {
  background: linear-gradient(
      120deg,
      rgba(255,45,85,0.12),
      rgba(193,76,242,0.12),
      rgba(47,102,255,0.12)
  );
  border-color: rgba(255,255,255,0.15);
  box-shadow:
    0 8px 28px rgba(0,0,0,0.35),
    0 0 40px rgba(57,186,247,0.08),
    0 0 80px rgba(193,76,242,0.06);
}

/* Subtle sheen overlay — gives a 'liquid' feel */
.nav-glass-awaken::before {
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(circle at top left,
      rgba(255,255,255,0.10),
      rgba(255,255,255,0.02));
  mix-blend-mode: overlay;
  pointer-events:none;
  border-radius:inherit;
  opacity:.45;
}

/* NAV contents inside the glass — keep spacing clean */
.nav-glass-awaken nav,
.nav-glass-awaken ul,
.nav-glass-awaken li {
  background: transparent !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.nav-glass-awaken nav ul {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
}

/* Links inside glass: inherit your gradient ink + glow */
.nav-glass-awaken a {
  background-image: radial-gradient(circle at 50% 50%,
    var(--g-red), var(--g-magenta), var(--g-purple), var(--g-blue), var(--g-sky));
  background-size: 220% 220%;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  text-decoration: none;
  transition: filter .4s ease-in-out, text-decoration-color .4s ease-in-out, background-position .4s ease-in-out!important;
  animation: linkShimmer 18s linear infinite;
  font-weight: 900;
  letter-spacing: .03em;
}

.nav-glass-awaken a:hover {
  text-shadow:
    0 0 8px var(--glow-b),
    0 0 14px var(--glow-s),
    0 0 22px var(--glow-m);
  color: #68bcf7;
  text-decoration: underline solid rgba(255,255,255,.8);
  filter: brightness(1.12) saturate(1.08);
}

/* Round corners adapt responsively */
@media (max-width: 800px){
  .nav-glass-awaken {
    border-radius: 12px;
    padding: .6rem 1rem;
  }
}



/* ===== Footer Navigation layout fix (left align, column lists) ===== */
.site-footer .wp-block-group.is-layout-flex {           /* footer columns wrapper */
  justify-content: flex-start !important;
  align-items: flex-start !important;
  text-align: left !important;
}

.site-footer .wp-block-navigation {                     /* the nav block */
  width: 100%;
}

.site-footer .wp-block-navigation__container {          /* the <ul> inside nav block */
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: .4rem !important;                                /* spacing between items */
}

/* If your footer has multiple nav blocks side-by-side, keep them in columns */
.site-footer .wp-block-group.is-vertical {              /* typical column group */
  align-items: flex-start !important;
}

/* ===== Footer Navigation gradient ink (anchor + label span) ===== */
.site-footer .wp-block-navigation .wp-block-navigation-item__content,
.site-footer .wp-block-navigation .wp-block-navigation-item__label,
.site-footer .wp-block-navigation a,
.site-footer .wp-block-navigation a:link,
.site-footer .wp-block-navigation a:visited {
  background-image: radial-gradient(circle at 50% 50%,
    var(--g-red), var(--g-magenta), var(--g-purple), var(--g-blue), var(--g-sky)) !important;
  background-size: 220% 220% !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;                        /* reveal the gradient */
  text-decoration: none !important;
  transition: background-position .4s ease-in-out, filter .4s ease-in-out !important;
  animation: linkShimmer 18s linear infinite !important;
}

/* Hover/focus glow (hit both the <a> and the inner label span) */
.site-footer .wp-block-navigation a:hover,
.site-footer .wp-block-navigation a:focus,
.site-footer .wp-block-navigation a:hover .wp-block-navigation-item__label,
.site-footer .wp-block-navigation a:focus .wp-block-navigation-item__label {
  text-shadow:
    0 0 8px var(--glow-b),
    0 0 14px var(--glow-s),
    0 0 22px var(--glow-m) !important;
  color: #68bcf7 !important;                            /* accessible highlight */
  text-decoration: underline solid #fff !important;
  filter: brightness(1.12) saturate(1.06) !important;
}

.site-footer-glass { text-align: left!important; }

/* kill any center text utilities the block added */
.site-footer .has-text-align-center{ text-align:left !important; }

/* footer columns/groups */
.site-footer .wp-block-group.is-layout-flex{ 
  justify-content:flex-start !important; 
  align-items:flex-start !important; 
  text-align:left !important;
}

/* core nav block container in footer: vertical column, left-aligned */
.site-footer .wp-block-navigation__container{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:flex-start !important;
  gap:.45rem !important;
}

/* header-only centering for glass nav */
.site-header .nav-glass-awaken nav ul{ justify-content:center !important; }

/* footer glass (or any glass in footer): left-align */
.site-footer .nav-glass-awaken nav ul{ justify-content:flex-start !important; }

.site-footer .is-content-justification-center{ 
  justify-content:flex-start !important; 
}

/* =========================
   FOOTER NAV — HARD FIX
   ========================= */

/* 1) Kill any centering/utilities Gutenberg adds in the footer */
.site-footer .has-text-align-center,
.site-footer .is-content-justification-center,
.site-footer .is-content-justification-stretch {
  text-align: left !important;
  justify-content: flex-start !important;
}

/* 2) Make the nav container a left-aligned vertical list */
.site-footer .wp-block-navigation { width: 100% !important; }
.site-footer .wp-block-navigation__container {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: .45rem !important;
  text-align: left !important;
}

/* Stretch list items to the left edge and keep text left */
.site-footer .wp-block-navigation__container > li {
  align-self: flex-start !important;
  width: auto !important;
}
.site-footer .wp-block-navigation-item__content,
.site-footer .wp-block-navigation-item__label {
  display: inline-block !important;
  text-align: left !important;
}

/* 3) Gradient ink that actually paints the visible text (anchor + label) */
.site-footer .wp-block-navigation .wp-block-navigation-item__content,
.site-footer .wp-block-navigation .wp-block-navigation-item__label,
.site-footer .wp-block-navigation a,
.site-footer .wp-block-navigation a:link,
.site-footer .wp-block-navigation a:visited {
  background-image: radial-gradient(circle at 50% 50%,
    var(--g-red), var(--g-magenta), var(--g-purple), var(--g-blue), var(--g-sky)) !important;
  background-size: 220% 220% !important;
  -webkit-background-clip: text !important;
          background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important; /* Safari */
  text-decoration: none !important;
  animation: linkShimmer 18s linear infinite !important;
  transition: background-position .4s ease-in-out, filter .4s ease-in-out !important;
}

/* Hover/focus glow */
.site-footer .wp-block-navigation a:hover .wp-block-navigation-item__label,
.site-footer .wp-block-navigation a:focus .wp-block-navigation-item__label,
.site-footer .wp-block-navigation .wp-block-navigation-item__content:hover,
.site-footer .wp-block-navigation .wp-block-navigation-item__content:focus {
  text-shadow:
    0 0 8px var(--glow-b),
    0 0 14px var(--glow-s),
    0 0 22px var(--glow-m) !important;
  color: #68bcf7 !important;
  -webkit-text-fill-color: #68bcf7 !important; /* Safari hover fallback */
  text-decoration: underline solid #fff !important;
  filter: brightness(1.12) saturate(1.06) !important;
}

/* 4) If any footer glass wrapper is centering the UL, force left */
.site-footer .nav-glass-awaken nav ul { justify-content: flex-start !important; }


/* --- Footer nav: un-center the vertical navigation list --- */
.site-footer .wp-block-navigation__container.is-vertical,
.site-footer .wp-block-navigation__container[aria-orientation="vertical"]{
  align-items: flex-start !important;   /* <— key fix */
  justify-content: flex-start !important;
  text-align: left !important;
}

/* Make each item hug the left edge instead of centering as a block */
.site-footer .wp-block-navigation__container.is-vertical > li {
  align-self: flex-start !important;
}

/* Be explicit about the anchor + label too (some themes center them) */
.site-footer .wp-block-navigation-item__content,
.site-footer .wp-block-navigation-item__label{
  display: inline-block !important;
  text-align: left !important;
}

.site-footer .nav-glass-awaken nav ul{ justify-content:flex-start !important; }


/* =========================
   FOOTER NAV — FINAL PATCH
   ========================= */

/* 1) Un-center the vertical nav lists in the footer */
.site-footer .wp-block-navigation__container.is-vertical,
.site-footer .wp-block-navigation__container[aria-orientation="vertical"]{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;    /* <— the fix */
  justify-content:flex-start !important;
  gap:.45rem !important;
  text-align:left !important;
}

/* 2) Make each item hug the left edge */
.site-footer .wp-block-navigation__container > li{
  align-self:flex-start !important;
}

/* 3) Don’t let the link become a full-width centered block */
.site-footer .wp-block-navigation-item__content{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  padding:0 !important;
  margin:0 !important;
  text-align:left !important;
}

/* 4) Gradient ink on the visible text node + Safari */
.site-footer .wp-block-navigation-item__label{
  background-image:radial-gradient(circle at 50% 50%,
    var(--g-red),var(--g-magenta),var(--g-purple),var(--g-blue),var(--g-sky)) !important;
  background-size:220% 220% !important;
  -webkit-background-clip:text !important;
          background-clip:text !important;
  color:transparent !important;
  -webkit-text-fill-color:transparent !important; /* Safari */
  text-decoration:none !important;
  animation:linkShimmer 18s linear infinite !important;
}

/* 5) Hover/focus glow (either link or label triggers it) */
.site-footer .wp-block-navigation a:hover .wp-block-navigation-item__label,
.site-footer .wp-block-navigation a:focus .wp-block-navigation-item__label{
  text-shadow:
    0 0 8px var(--glow-b),
    0 0 14px var(--glow-s),
    0 0 22px var(--glow-m) !important;
  color:#68bcf7 !important;
  -webkit-text-fill-color:#68bcf7 !important;
  text-decoration:underline solid #fff !important;
  filter:brightness(1.12) saturate(1.06) !important;
}

/* 6) If any footer column wrappers are still centering, neutralize it */
.site-footer :is(.has-text-align-center,
                 .is-content-justification-center,
                 .is-content-justification-stretch){
  text-align:left !important;
  justify-content:flex-start !important;
}

/* FINAL override for stubborn footer alignment */
.site-footer ul.wp-block-navigation__container.has-small-font-size.is-vertical.wp-block-navigation {
  align-items: flex-start !important;
  justify-content: flex-start !important;
  text-align: left !important;
}

/* Also target its direct LIs and link wrappers */
.site-footer ul.wp-block-navigation__container.has-small-font-size.is-vertical.wp-block-navigation > li {
  align-self: flex-start !important;
}

.site-footer ul.wp-block-navigation__container.has-small-font-size.is-vertical.wp-block-navigation
  .wp-block-navigation-item__content {
  display: inline-flex !important;
  justify-content: flex-start !important;
  text-align: left !important;
}


/* 1) HEADER glass nav: keep centered layout */
.site-header .nav-glass-awaken nav ul{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:1.5rem !important;
}

/* 2) FOOTER glass nav: vertical, left-aligned */
.site-footer .nav-glass-awaken nav ul{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;   /* <— stops the horizontal centering */
  justify-content:flex-start !important;
  gap:.45rem !important;
}

/* 3) Kill the global centering so it can't leak anywhere else */
.nav-glass-awaken nav ul{
  align-items:unset !important;
  justify-content:unset !important;
}

/* =========================
   FOOTER NAV — ROW ALIGNMENT
   ========================= */

/* 1) Normalize sizes so each row has the same line box height */
.site-footer .wp-block-navigation__container.is-vertical > li,
.site-footer .wp-block-navigation-item__content,
.site-footer .wp-block-navigation-item__label {
  font-size: 1rem !important;       /* unify small/medium */
  line-height: 1.35 !important;     /* consistent row height */
  font-weight: 500 !important;       /* tune to taste */
}

/* 2) Neutralize Gutenberg size utilities that cause drift */
.site-footer .has-small-font-size,
.site-footer .has-medium-font-size {
  font-size: 1rem !important;
  line-height: 1.35 !important;
}

/* 3) Let UL gap control spacing; remove stray margins on items/links */
.site-footer .wp-block-navigation__container.is-vertical {
  gap: .6rem !important;            /* adjust row spacing here */
}
.site-footer .wp-block-navigation__container.is-vertical > li,
.site-footer .wp-block-navigation-item__content {
  margin: 0 !important;
  padding: 0 !important;
}

/* 4) (Optional) If headings above each column push things unevenly, normalize them too */
.site-footer h2,
.site-footer .wp-block-heading {
  margin: 0 0 .65rem 0 !important;   /* consistent heading bottom space */
  line-height: 1.2 !important;
}



header.nav-glass-awaken {
  position: fixed!important;
  width: 100%;
}

/* =============================================================
   LINK LOGIC OVERRIDE (final)
   - Wipe previous "gradient everywhere"
   - NAV: gradient only on hover
   - CONTENT: gradient always, de-synced animation
   ============================================================= */

/* 0) global wipe: neutralize any earlier gradient/text-clip on all links */
body a,
body a:visited,
body a :is(span,strong,em,b,i,u,small,time,code,kbd,mark){
  background-image: none !important;
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
  color: var(--text) !important;
  -webkit-text-fill-color: currentColor !important;
  animation: none !important;
  text-shadow: none !important;
  text-decoration: none !important;
}

/* helper ink var */
:root{
  --ink: radial-gradient(circle at 50% 50%,
          var(--g-red), var(--g-magenta), var(--g-purple), var(--g-blue), var(--g-sky));
}

/* 1) NAV — solid by default */
.site-header nav a,
.nav-glass-awaken nav a,
nav li a,
.site-footer .wp-block-navigation a,
.site-footer .wp-block-navigation .wp-block-navigation-item__content,
.site-footer .wp-block-navigation .wp-block-navigation-item__label{
  color: var(--text) !important;
  -webkit-text-fill-color: currentColor !important;
}

/* NAV — gradient only on hover/focus (header + footer nav block) */
.site-header nav a:hover,
.site-header nav a:focus,
.nav-glass-awaken nav a:hover,
.nav-glass-awaken nav a:focus,
nav li a:hover,
nav li a:focus,
.site-footer .wp-block-navigation a:hover,
.site-footer .wp-block-navigation a:focus,
.site-footer .wp-block-navigation a:hover .wp-block-navigation-item__label,
.site-footer .wp-block-navigation a:focus .wp-block-navigation-item__label{
  background-image: var(--ink) !important;
  background-size: 220% 220% !important;
  -webkit-background-clip: text !important;
          background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  text-decoration: underline solid #fff !important;
  filter: brightness(1.12) saturate(1.06) !important;
  text-shadow:
    0 0 8px var(--glow-b),
    0 0 14px var(--glow-s),
    0 0 22px var(--glow-r) !important;
  animation: linkShimmer 6s linear infinite !important; /* shimmer only while hovered */
}

/* keep your nav underline behavior */
nav li a{ border-bottom-color: transparent !important; }
nav li a:hover, nav li a:focus{ border-bottom-color: rgba(255,255,255,.95) !important; }

/* 2) CONTENT — gradient always (not inside any <nav>) */
/* scope to common content regions so we don't touch menus */
:where(main, .site-main, .entry-content, .wp-block-post-content, .wp-site-blocks, .widget, .sidebar)
  a:not(:where(nav a, .wp-block-navigation a, .nav-glass-awaken a)),
:where(main, .site-main, .entry-content, .wp-block-post-content, .wp-site-blocks, .widget, .sidebar)
  a:not(:where(nav a, .wp-block-navigation a, .nav-glass-awaken a))
  :is(span,strong,em,b,i,u,small,time,code,kbd,mark){
  background-image: var(--ink) !important;
  background-size: 220% 220% !important;
  -webkit-background-clip: text !important;
          background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  text-decoration: none !important;
  animation: linkShimmer var(--dur,18s) linear infinite !important;
  animation-delay: var(--lag,0s) !important;
  transition: background-position .4s ease-in-out, filter .4s ease-in-out !important;
}

/* CONTENT hover glow */
:where(main, .site-main, .entry-content, .wp-block-post-content, .wp-site-blocks, .widget, .sidebar)
  a:not(:where(nav a, .wp-block-navigation a, .nav-glass-awaken a)):hover,
:where(main, .site-main, .entry-content, .wp-block-post-content, .wp-site-blocks, .widget, .sidebar)
  a:not(:where(nav a, .wp-block-navigation a, .nav-glass-awaken a)):focus{
  text-shadow:
    0 0 8px var(--glow-b),
    0 0 14px var(--glow-s),
    0 0 22px var(--glow-r) !important;
  text-decoration: underline solid #fff !important;
  filter: brightness(1.12) saturate(1.06) !important;
}

/* 3) De-sync the content links so they don't animate in unison */
:where(main, .site-main, .entry-content, .wp-block-post-content, .wp-site-blocks, .widget, .sidebar)
  a:not(:where(nav a, .wp-block-navigation a, .nav-glass-awaken a)):nth-of-type(12n+1){ --lag:0s;   --dur:18s; }
:where(main, .site-main, .entry-content, .wp-block-post-content, .wp-site-blocks, .widget, .sidebar)
  a:not(:where(nav a, .wp-block-navigation a, .nav-glass-awaken a)):nth-of-type(12n+2){ --lag:.3s;  --dur:17s; }
:where(main, .site-main, .entry-content, .wp-block-post-content, .wp-site-blocks, .widget, .sidebar)
  a:not(:where(nav a, .wp-block-navigation a, .nav-glass-awaken a)):nth-of-type(12n+3){ --lag:1.2s; --dur:19s; }
:where(main, .site-main, .entry-content, .wp-block-post-content, .wp-site-blocks, .widget, .sidebar)
  a:not(:where(nav a, .wp-block-navigation a, .nav-glass-awaken a)):nth-of-type(12n+4){ --lag:1.8s; --dur:13s; }
:where(main, .site-main, .entry-content, .wp-block-post-content, .wp-site-blocks, .widget, .sidebar)
  a:not(:where(nav a, .wp-block-navigation a, .nav-glass-awaken a)):nth-of-type(12n+5){ --lag:2.4s; --dur:20s; }
:where(main, .site-main, .entry-content, .wp-block-post-content, .wp-site-blocks, .widget, .sidebar)
  a:not(:where(nav a, .wp-block-navigation a, .nav-glass-awaken a)):nth-of-type(12n+6){ --lag:3.0s; --dur:18s; }
:where(main, .site-main, .entry-content, .wp-block-post-content, .wp-site-blocks, .widget, .sidebar)
  a:not(:where(nav a, .wp-block-navigation a, .nav-glass-awaken a)):nth-of-type(12n+7){ --lag:3.3s; --dur:17s; }
:where(main, .site-main, .entry-content, .wp-block-post-content, .wp-site-blocks, .widget, .sidebar)
  a:not(:where(nav a, .wp-block-navigation a, .nav-glass-awaken a)):nth-of-type(12n+8){ --lag:4.2s; --dur:19s; }
:where(main, .site-main, .entry-content, .wp-block-post-content, .wp-site-blocks, .widget, .sidebar)
  a:not(:where(nav a, .wp-block-navigation a, .nav-glass-awaken a)):nth-of-type(12n+9){ --lag:4.8s; --dur:13s; }
:where(main, .site-main, .entry-content, .wp-block-post-content, .wp-site-blocks, .widget, .sidebar)
  a:not(:where(nav a, .wp-block-navigation a, .nav-glass-awaken a)):nth-of-type(12n+10){ --lag:5.4s; --dur:20s; }
:where(main, .site-main, .entry-content, .wp-block-post-content, .wp-site-blocks, .widget, .sidebar)
  a:not(:where(nav a, .wp-block-navigation a, .nav-glass-awaken a)):nth-of-type(12n+11){ --lag:6.0s; --dur:18s; }
:where(main, .site-main, .entry-content, .wp-block-post-content, .wp-site-blocks, .widget, .sidebar)
  a:not(:where(nav a, .wp-block-navigation a, .nav-glass-awaken a)):nth-of-type(12n+12){ --lag:6.3s; --dur:17s; }

/* =============================================================
   NAV HOVER GRADIENT — cover inner spans/labels (header + footer)
   ============================================================= */

/* Header / glass nav: apply ink to the link AND inner inline nodes */
.site-header nav a:hover,
.site-header nav a:focus,
.nav-glass-awaken nav a:hover,
.nav-glass-awaken nav a:focus{
  background-image: var(--ink) !important;
  background-size: 220% 220% !important;
  -webkit-background-clip: text !important;
          background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  animation: linkShimmer 6s linear infinite !important;
}

/* make sure inner spans/labels also reveal the gradient */
.site-header nav a:hover :is(span, strong, em, b, i, u, small, time, code, kbd, mark),
.nav-glass-awaken nav a:hover :is(span, strong, em, b, i, u, small, time, code, kbd, mark){
  background-image: inherit !important;
  background-size: inherit !important;
  -webkit-background-clip: text !important;
          background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  animation: linkShimmer 6s linear infinite !important;
}

/* Footer (Core Navigation block) */
.site-footer .wp-block-navigation a:hover,
.site-footer .wp-block-navigation a:focus{
  background-image: var(--ink) !important;
  background-size: 220% 220% !important;
  -webkit-background-clip: text !important;
          background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  animation: linkShimmer 6s linear infinite !important;
}

/* explicitly paint the label span on hover in the footer */
.site-footer .wp-block-navigation a:hover .wp-block-navigation-item__label,
.site-footer .wp-block-navigation a:focus .wp-block-navigation-item__label{
  background-image: var(--ink) !important;
  background-size: 220% 220% !important;
  -webkit-background-clip: text !important;
          background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}