/* Putrama Nusantara tweaks */

/* Active nav: use Nova's built-in underline (:before) to avoid double lines */
.fbs__net-navbar .navbar-nav > li > .nav-link.active,
.fbs__net-navbar .navbar-nav > li > .nav-link[aria-current="page"]{
  font-weight: 600;
}

/* Slightly thicker underline (Nova uses :before) */
.fbs__net-navbar .navbar-nav > li > .nav-link:before{
  height: 2px;
  opacity: .65;
}

/* Inner pages: prevent content from sitting under the fixed navbar */
body.page-inner main{
  padding-top: 6.5rem;
}

/* Improve anchor positioning under fixed navbar */
body.page-inner section{
  scroll-margin-top: 6.5rem;
}

@media (max-width: 991.98px){
  body.page-inner main{
    padding-top: 5.75rem;
  }
  body.page-inner section{
    scroll-margin-top: 5.75rem;
  }
}


/* Floating WhatsApp Button */
.floating-wa{
  position: fixed;
  right: calc(20px + env(safe-area-inset-right));
  bottom: calc(20px + env(safe-area-inset-bottom));
  z-index: 9999;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  border-radius: 999px;
  text-decoration: none;
  background: var(--bs-primary, #0d6efd);
  color: #fff;
  box-shadow: 0 10px 30px rgba(0,0,0,.12);
}
.floating-wa:hover{
  color: #fff;
  filter: brightness(.95);
}
.floating-wa i{
  font-size: 20px;
  line-height: 1;
}
.floating-wa span{
  font-weight: 600;
  font-size: 14px;
  line-height: 1;
}
@media (max-width: 575.98px){
  .floating-wa span{ display:none; }
  .floating-wa{ padding: 12px; }
}


/* =========================================================
   Putrama Nusantara custom tweaks
   ========================================================= */

/* Make service icons use a solid circle background (avoid pseudo-element artifacts) */
.services__v3 .icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:44px;
  height:44px;
  border-radius:999px;
  background-color: rgba(var(--bs-secondary-rgb), 1);
  color: var(--bs-primary) !important;
}
.services__v3 .icon:before{ display:none !important; }
.services__v3 .icon i{ font-size:20px; line-height:1; }

/* ---- UI overrides (Putrama) ---- */

/* Back-to-top should not be covered by floating WhatsApp */
#back-to-top{
  z-index: 10000;
  bottom: calc(20px + env(safe-area-inset-bottom) + 72px);
}

/* Services icon bubble: solid circle that covers card corner (consistent across pages) */
.services__v3 .service-card{
  position: relative;
  overflow: visible;
  padding-top: 34px;
}
.services__v3 .service-card .icon{
  position: absolute;
  top: -18px;
  left: -18px;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background-color: rgba(var(--bs-secondary-rgb), 1);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--bs-primary) !important;
  z-index: 2;
}
.services__v3 .service-card .icon:before{
  content: none !important;
}
.services__v3 .service-card .icon i{
  font-size: 20px;
  line-height: 1;
}


/* Floating WA collapses to icon on scroll to avoid overlapping back-to-top */
body.wa-collapsed .floating-wa{
  padding: 12px;
  width: 48px;
  height: 48px;
  justify-content: center;
  gap: 0;
}
body.wa-collapsed .floating-wa span{ display:none !important; }

/* Default: back-to-top sits above WA. When WA collapses, place it beside WA. */
body.wa-collapsed #back-to-top{
  bottom: calc(20px + env(safe-area-inset-bottom));
  right: calc(20px + env(safe-area-inset-right) + 64px);
}