/*
Theme Name: The Minimal Child
Description: Child theme for The Minimal. You can now safely customize it and not risk losing your customizations.
Author: WPMarmite
Author URI: https://wpmarmite.com
Template: the-minimal
Version: 1.0
*/



/* Base pill styles for navigation links */
.nav-previous,
.nav-next {
  display: inline-block;
  padding: 0.6rem 0.2rem;
  background: #f2f4f7;              /* light grey background */
  color: #1e6fd9;                   /* blue text */
  text-decoration: none;
  border-radius: 2px;            /* fully rounded pill */
  font-weight: 600;
  font-size: 1.15rem;
  line-height: 1.2;
  white-space: nowrap;

  /* Embossed / raised effect */
  border: 1px solid #e7e9ee;
  box-shadow:
    0 1px 0 #ffffff inset,          /* top inner highlight */
    0 2px 4px rgba(0, 0, 0, 0.08);  /* soft drop shadow */

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

/* Hover state: slightly darker, more “pressed” look */
.nav-previous:hover,
.nav-next:hover {
  background: #e9ecf1;
  color: #1558b5;
  box-shadow:
    0 1px 0 #ffffff inset,
    0 3px 6px rgba(0, 0, 0, 0.12);
  transform: translateY(-1px);
}

/* Active / pressed state */
.nav-previous:active,
.nav-next:active {
  background: #dde1e8;
  color: #0f4a9a;
  box-shadow:
    0 1px 0 rgba(0, 0, 0, 0.06) inset,
    0 1px 2px rgba(0, 0, 0, 0.12);
  transform: translateY(0);
}

/* Optional: focus outline for accessibility */
.nav-previous:focus-visible,
.nav-next:focus-visible {
  outline: 2px solid #1e6fd9;
  outline-offset: 2px;
}