/* ==========================================================================
   BAYAN COMMUNITY V6 OVERRIDES
   ========================================================================== */

.bc-brand-box {
  cursor: pointer;
  user-select: none;
}

.bc-brand-box:hover .bc-brand-title,
.bc-brand-box:hover .bc-brand-top {
  opacity: .92;
}

.bc-home-stack,
.bc-gateway-list {
  display: grid;
  gap: 10px;
}

.bc-home-btn {
  appearance: none;
  border: 0;
  cursor: pointer;
  width: 100%;
  padding: 14px 14px 12px;
  border-radius: 20px;
  text-align: right;
  font-family: var(--bc-font);
  background: linear-gradient(180deg, rgba(56,161,137,.12) 0%, rgba(196,168,96,.12) 100%);
  color: #21465a;
  box-shadow: 0 10px 24px rgba(20,32,50,.06);
  transition: transform .14s ease, box-shadow .14s ease, opacity .14s ease;
}

.bc-home-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 14px 26px rgba(20,32,50,.08);
}

.bc-home-btn strong {
  display: block;
  font-size: 15px;
  font-weight: 900;
  margin-bottom: 4px;
}

.bc-home-btn span {
  display: block;
  font-size: 12px;
  line-height: 1.6;
  color: #667786;
}

.bc-home-btn.is-primary {
  background: linear-gradient(180deg, rgba(45,143,123,.16) 0%, rgba(196,168,96,.16) 100%);
}

.bc-gateway-link {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  text-decoration: none;
  padding: 14px;
  border-radius: 20px;
  background: rgba(255,255,255,.86);
  border: 1px solid rgba(23,49,72,.08);
  color: #203649;
  box-shadow: 0 12px 28px rgba(20,32,50,.05);
  transition: transform .14s ease, box-shadow .14s ease, border-color .14s ease;
}

.bc-gateway-link:hover {
  transform: translateY(-1px);
  box-shadow: 0 16px 34px rgba(20,32,50,.08);
  border-color: rgba(35,105,93,.18);
}

.bc-gateway-icon {
  width: 46px;
  height: 46px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(180deg, rgba(56,161,137,.18) 0%, rgba(196,168,96,.18) 100%);
  font-size: 22px;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.28);
}

.bc-gateway-copy strong {
  display: block;
  font-size: 15px;
  font-weight: 900;
  line-height: 1.2;
  margin-bottom: 4px;
  color: #203649;
}

.bc-gateway-copy span {
  display: block;
  font-size: 12px;
  line-height: 1.55;
  color: #6a7885;
}

.bc-portal-title {
  font-size: 13px;
  font-weight: 900;
  color: #7f6427;
  margin-bottom: 10px;
}

.bc-rail-note {
  padding: 12px 14px;
  border-radius: 18px;
  background: rgba(255,255,255,.86);
  border: 1px solid rgba(23,49,72,.08);
  color: #657480;
  font-size: 12px;
  line-height: 1.7;
}

.bc-rail-note strong {
  display: block;
  font-size: 14px;
  font-weight: 900;
  color: #23465b;
  margin-bottom: 4px;
}

/* move fallback boat too */
#bayan-community-boat-root {
  --bc-boat-left: 9.5%;
  --bc-boat-top: 24.5%;
  --bc-dock-left: 11.8%;
  --bc-dock-top: 34.5%;
}

#bayan-community-dock {
  z-index: 25;
}

/* 3D boat placement: upper-left away from entities */
#bayan-community-boat-3d-host {
  left: 11.2% !important;
  top: 25.5% !important;
  width: min(17.2vw, 240px) !important;
  height: min(13.4vw, 180px) !important;
  transform: translate(-50%, -50%) !important;
}

#bayan-community-boat-3d-caption {
  display: none !important;
}

@media (max-width: 1100px) {
  #bayan-community-boat-3d-host {
    left: 12% !important;
    top: 27% !important;
    width: min(20vw, 210px) !important;
    height: min(16vw, 160px) !important;
  }
}

@media (max-width: 760px) {
  #bayan-community-boat-3d-host {
    left: 13% !important;
    top: 30% !important;
    width: min(24vw, 165px) !important;
    height: min(20vw, 126px) !important;
  }
}