/* GRANDBRANDS V7 — NAVIGATION / BUTTONS / SUNRISE */

/* PREMIUM NAVIGATION */

.top .menu{
  display:flex!important;
  align-items:center;
  gap:8px!important;
  border:0!important;
  padding:8px 0!important;
}

.top .menu a{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:43px;
  padding:10px 22px!important;
  border:1px solid rgba(173,129,48,.38)!important;
  border-radius:4px!important;
  background:linear-gradient(
    180deg,
    rgba(255,255,255,.92),
    rgba(235,240,235,.92)
  )!important;
  color:#071b30!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.9),
    0 3px 8px rgba(7,27,48,.07);
  transition:
    background .25s ease,
    color .25s ease,
    box-shadow .25s ease,
    transform .25s ease!important;
}

.top .menu a:hover,
.top .menu a:focus-visible{
  background:linear-gradient(
    135deg,#102f4b,#071b30
  )!important;
  color:#f2d493!important;
  border-color:#c79b48!important;
  box-shadow:
    0 0 0 2px rgba(197,155,72,.18),
    0 6px 16px rgba(7,27,48,.18);
  transform:translateY(-2px);
}

.top .menu a.active,
.top .menu a[aria-current="page"]{
  background:linear-gradient(
    135deg,#153c5e,#071b30
  )!important;
  color:#f3d795!important;
  border:2px solid #c79b48!important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.14),
    0 5px 14px rgba(7,27,48,.18);
}

.top .menu a.active:after,
.top .menu a[aria-current="page"]:after{
  content:"";
  position:absolute;
  bottom:-5px;
  left:18%;
  width:64%;
  height:2px;
  background:#c79b48;
  box-shadow:0 0 9px rgba(226,185,97,.55);
}

/* HERO SECTION BUTTONS */

.hero a[href*="network"],
.hero a[href*="trust"],
.hero a[href*="privacy"],
.hero .btn,
.hero button{
  border-radius:4px!important;
  font-weight:800!important;
  letter-spacing:.4px;
  transition:
    transform .25s ease,
    box-shadow .25s ease,
    background .25s ease!important;
}

.hero a[href*="network"]:hover,
.hero a[href*="trust"]:hover,
.hero a[href*="privacy"]:hover,
.hero .btn:hover,
.hero button:hover{
  transform:translateY(-3px);
  box-shadow:
    0 9px 20px rgba(7,27,48,.22),
    0 0 0 2px rgba(191,147,65,.28)!important;
}

/* SUNRISE GLOW OVER THE GLOBE */

.hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
}

/* Animated sunlight — does not move the image */

.hero::after{
  content:""!important;
  display:block!important;
  position:absolute;
  z-index:0;
  pointer-events:none;
  inset:0;
  background:
    radial-gradient(
      ellipse 28% 36% at 68% 48%,
      rgba(255,226,150,.30) 0%,
      rgba(255,190,92,.13) 34%,
      transparent 75%
    );
  opacity:.35;
  animation:gb-sunrise 18s ease-in-out infinite alternate;
}

@keyframes gb-sunrise{
  0%{
    opacity:.18;
    transform:translateY(24px) scale(.92);
  }
  50%{
    opacity:.70;
    transform:translateY(-18px) scale(1.06);
  }
  100%{
    opacity:.26;
    transform:translateY(14px) scale(.96);
  }
}

/* Keep hero content above sunlight */

.hero > *{
  position:relative;
  z-index:1;
}

/* REFINED CARD INTERACTION */

.stat,
.banner,
.gb-card,
.category-card,
.brand-card,
.featured-card{
  transition:
    transform .28s ease,
    box-shadow .28s ease,
    border-color .28s ease!important;
}

.stat:hover,
.banner:hover,
.gb-card:hover,
.category-card:hover,
.brand-card:hover,
.featured-card:hover{
  transform:translateY(-4px);
  border-color:#d1a65a!important;
  box-shadow:
    0 12px 28px rgba(7,27,48,.20),
    0 0 0 1px rgba(209,166,90,.22)!important;
}

/* ACCESSIBILITY */

@media(prefers-reduced-motion:reduce){
  .hero::after{
    animation:none!important;
  }
  .top .menu a,
  .stat,
  .banner{
    transition:none!important;
  }
}

/* MOBILE */

@media(max-width:700px){
  .top .menu{
    justify-content:center;
    flex-wrap:wrap;
    gap:6px!important;
  }
  .top .menu a{
    min-height:38px;
    padding:8px 12px!important;
    font-size:12px!important;
  }
}