/* nav_icons.css — icônes SVG “premium” (sans emojis) */

.main-nav{
  display:flex;
  gap:.75rem;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:wrap;
}

.main-nav a.nav-ico{
  width:52px;
  height:52px;
  padding:0 !important;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;

  border:1px solid rgba(255,255,255,.18);
  background: radial-gradient(120% 120% at 30% 20%,
              rgba(255,255,255,.10) 0%,
              rgba(255,255,255,.04) 35%,
              rgba(0,0,0,.18) 100%);
  box-shadow: 0 12px 30px rgba(0,0,0,.35);
  backdrop-filter: blur(6px);

  color: rgba(235,244,255,.92);
}

.main-nav a.nav-ico:hover{
  border-color: rgba(90,215,255,.55);
  box-shadow: 0 16px 40px rgba(0,0,0,.45), 0 0 0 3px rgba(90,215,255,.12);
}

.main-nav a.nav-ico[aria-current="page"]{
  border-color: rgba(90,215,255,.85);
  box-shadow: 0 16px 40px rgba(0,0,0,.45), 0 0 0 4px rgba(90,215,255,.18);
}

.main-nav a.nav-ico svg{
  width:22px;
  height:22px;
  display:block;
  stroke: currentColor;
  fill: none;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  opacity: .98;
}