/* ==========================================
   Internal Links – Premium UI
   File: /css/extras/internal-links-premium-v1.css
========================================== */

/* grid mai aerisit */
.internal-links .links-grid {
  gap: 14px;
}

/* buton premium */
.internal-links .links-grid a {
  display: flex;
  align-items: center;
  justify-content: center;

  padding: 11px 18px;
  min-height: 42px;

  background: linear-gradient(
    180deg,
    #181c2b,
    #121524
  );

  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 15px;

  color: #d6dbff;
  font-size: 0.95rem;
  font-weight: 500;
  letter-spacing: 0.01em;
  text-decoration: none;

  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,0.02),
    0 6px 16px rgba(0,0,0,0.35);

  transition:
    background 0.2s ease,
    border-color 0.2s ease,
    box-shadow 0.2s ease,
    transform 0.15s ease;
}

/* hover elegant */
.internal-links .links-grid a:hover {
  background: linear-gradient(
    180deg,
    #1f2438,
    #171b2e
  );
  border-color: rgba(225,6,0,0.6);

  box-shadow:
    inset 0 0 0 1px rgba(225,6,0,0.15),
    0 10px 22px rgba(0,0,0,0.45);

  transform: translateY(-1px);
  color: #ffffff;
}

/* active / pagina curenta */
.internal-links .links-grid a.is-active {
  background: linear-gradient(
    180deg,
    #2a0f14,
    #1b0b0e
  );
  border-color: #e10600;
  color: #ffffff;

  box-shadow:
    inset 0 0 0 1px rgba(225,6,0,0.35),
    0 8px 20px rgba(225,6,0,0.25);
}

/* focus accesibil */
.internal-links .links-grid a:focus-visible {
  outline: none;
  box-shadow:
    0 0 0 3px rgba(225,6,0,0.45);
}

/* mobile fine-tuning */
@media (max-width: 600px) {
  .internal-links .links-grid a {
    font-size: 0.9rem;
    padding: 10px 14px;
    min-height: 40px;
  }
}