/* ═══════════════════════════════════════════
   GLASS BUTTON EFFECT - Subtle & Elegant
   Rustig glas effect zonder te drukke kleuren
═══════════════════════════════════════════ */

.btn:not(.btn-g):not(.btn-n):not(.btn-o),
.nav-cta {
  position: relative;
  overflow: hidden;
  transition: all .3s ease;
  background: var(--green);
}

.btn.btn-g,
.btn.btn-n,
.btn.btn-o {
  position: relative;
  overflow: hidden;
  transition: all .3s ease;
}

/* Subtle glass overlay - geen felle gradienten */
.btn::after,
.nav-cta::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(
    135deg,
    rgba(255,255,255,.15) 0%,
    rgba(255,255,255,.05) 50%,
    rgba(0,0,0,.05) 100%
  );
  pointer-events: none;
  border-radius: inherit;
}

/* Subtle shine on hover - geen snelle animatie */
.btn::before,
.nav-cta::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: radial-gradient(
    circle,
    rgba(255,255,255,.2) 0%,
    transparent 60%
  );
  opacity: 0;
  transition: opacity .4s ease, transform .4s ease;
  pointer-events: none;
}

.btn:hover::before,
.nav-cta:hover::before {
  opacity: 1;
  transform: translate(25%, 25%);
}

.btn:not(.btn-g):not(.btn-n):not(.btn-o):hover,
.nav-cta:hover {
  background: var(--green-light);
  box-shadow:
    0 4px 16px rgba(107,143,62,.25),
    inset 0 1px 0 rgba(255,255,255,.2);
  transform: translateY(-2px);
}

/* Variant button hover states */
.btn.btn-g:hover {
  background: var(--green-light);
  box-shadow:
    0 4px 16px rgba(107,143,62,.25),
    inset 0 1px 0 rgba(255,255,255,.2);
  transform: translateY(-2px);
}

.btn.btn-n:hover {
  background: var(--navy-light);
  box-shadow:
    0 4px 16px rgba(26,58,92,.25),
    inset 0 1px 0 rgba(255,255,255,.2);
  transform: translateY(-2px);
}

.btn.btn-o:hover {
  background: rgba(255,255,255,.12);
  border-color: var(--white);
  box-shadow:
    0 4px 16px rgba(255,255,255,.1),
    inset 0 1px 0 rgba(255,255,255,.2);
  transform: translateY(-2px);
}

.btn:active,
.nav-cta:active {
  transform: translateY(0) scale(0.98);
  box-shadow:
    0 2px 8px rgba(107,143,62,.2),
    inset 0 2px 4px rgba(0,0,0,.1);
}

.btn.btn-n:active {
  transform: translateY(0) scale(0.98);
  box-shadow:
    0 2px 8px rgba(26,58,92,.2),
    inset 0 2px 4px rgba(0,0,0,.1);
}

.btn.btn-o:active {
  transform: translateY(0) scale(0.98);
  box-shadow:
    0 2px 8px rgba(255,255,255,.1),
    inset 0 2px 4px rgba(0,0,0,.1);
}