/* Header */
.fixed-top {
    padding: 0px 0px !important;
    height: 80px;
}

.fixed-top > .container {
    height: 100%;
}
.rb-logo{
    display: inline-grid; place-items: center;
    width: 28px; height: 28px; margin-right: .35rem;
    background: var(--rb-primary); color:#fff; border-radius: 6px;
}

.btn {
    border-radius: 0px;
    /* border-radius: 0px !important; */
}

header .navbar-nav .nav-link,
header .navbar-nav .btn {
    font-size: 0.9rem;
    font-weight: 700;
    cursor: pointer;
}
header .navbar-nav .nav-item {
    cursor: pointer;
}

.site-header{
    background: rgba(255,255,255,1);
    transition: background-color .2s ease, box-shadow .2s ease, backdrop-filter .2s ease;
}
  
/* 20px超で薄く＆軽いガラス効果＋影 */
.site-header.is-scrolled{
background: rgba(255,255,255,0.65); /* お好みで 0.6〜0.85 */
backdrop-filter: saturate(180%) blur(8px);
box-shadow: 0 2px 12px rgba(0,0,0,.06);
}

@media (min-width: 992px) {
    header .navbar-nav { align-items: stretch; }
  
    header .navbar-nav .nav-item {
      display: flex;
    }
    header .navbar-nav .nav-link,
    header .navbar-nav .btn {
      text-decoration: none;
      display: flex;
      align-items: center;
      width: 100%;
      height: 100%;
      padding-top: 0 !important;
      padding-bottom: 0 !important;
      transition: background-color .3s ease;
      border-radius: 0rem;
      cursor: pointer;
    }
    /* hover時に薄い青 */
    header .navbar-nav .nav-link:hover,
    header .navbar-nav .nav-link:focus,
    header .navbar-nav .nav-link.active {
      background-color: rgb(13, 110, 253) !important;
      color: #fff;
      cursor: pointer;
    }
  }

@media (max-width: 991.98px) {
    header .navbar-nav .nav-link { padding: .5rem .75rem !important; }
}