/* ====================================
   XGSLab › NETS module styling
   ==================================== */

:root {
  --nets-accent: #059669; /* greenish accent for network theme */
  --nets-accent-grad: linear-gradient(90deg, #059669, #10b981);
}

/* Hero override */
.gsa-hero.nets-hero {
  background: #0a1c20 url('../images/xgs/nets-hero.avif') center/cover no-repeat;
}

.gsa-hero.nets-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,.65), rgba(0,0,0,.25));
}

/* Card icon styling */
.nets-icon {
  color: var(--nets-accent);
  background: linear-gradient(180deg, #e9faf2, #def7f1);
  border: 1px solid rgba(5, 150, 105, .2);
}

/* Primary button for this page */
.gsa-btn--primary {
  background: var(--nets-accent-grad) !important;
}
.gsa-btn--primary:hover {
  filter: brightness(1.08);
}

/* Gallery: full image, no border radius override if needed */
.gsa-shot img {
  border-radius: 0 !important;
  object-fit: contain;
}

/* Other styles largely inherited from gsa.css */
/* ✅ HERO BUTTONS – NETS (same style as other pages) */
.section-neplan-home--nets .btn-neplan-home {
  /* wipe weird inherited styles */
  all: unset;

  /* rebuild button */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  padding: .9rem 1.25rem;
  border-radius: 999px;
  text-decoration: none;
  font-weight: 700;
  cursor: pointer;

  color: #fff;
  border: 2px solid transparent;
  background: var(--nets-accent-grad) !important; /* 🌈 green gradient */
  box-shadow: 0 10px 24px rgba(2, 8, 23, .35);

  transition: transform .25s, box-shadow .25s, background .25s, border-color .25s;
}

.section-neplan-home--nets .btn-neplan-home .arrow {
  font-size: 1.05em;
  line-height: 1;
}

.section-neplan-home--nets .btn-neplan-home:hover {
  background-image: none;
  background-color: #0e9f6e;
  border-color: #0e9f6e;
  transform: translateY(-2px);
  box-shadow: 0 16px 36px rgba(34, 197, 94, .45);
}

.section-neplan-home--nets .btn-neplan-home:active {
  background-image: none;
  background-color: #047857;
  border-color: #047857;
  transform: translateY(0);
}




/* Extra gap between header and NETS hero */
@media (min-width: 768px){
  .section-neplan-home--nets{
    margin-top:16px;
  }
}
/* Shrink NETS hero logo (right side card) */
.section-neplan-home--nets .device-neplan-home {
  max-width: 260px;     /* control logo block width */
  margin-right: 150px;  /* pull it away from the right edge */
  flex: 0 0 260px;      /* make the flex/grid respect this width */
}

.section-neplan-home--nets .device-neplan-home img {
  width: 100%;
  height: auto;
  object-fit: contain;
}