/**
 * Party VPN Custom Styles for MkDocs Material Theme
 * Minimal overrides - let Material handle typography
 */

/* Increase content width by ~20% (from default 61rem to 73rem) */
.md-grid {
  max-width: 73rem;
}

/* Header gradient to match Party VPN navbar */
.md-header {
  background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%) !important;
}

/* Logo spacing */
[dir="ltr"] .md-header__title {
  margin-left: 0;
}

.md-header__button.md-logo {
  margin-right: 0;
}

/* Prevent logo layout shift on load */
.md-logo img {
  display: block;
  height: 1.6rem;
  width: auto;
}

/* Navigation link hover - teal */
.md-nav__link:hover {
  color: #00d1b2;
}

/* Active navigation link - teal */
.md-nav__link--active {
  color: #00d1b2 !important;
}

/* Primary buttons - teal */
.md-button--primary {
  background-color: #00d1b2 !important;
}

/* Tighter line spacing in content */
.md-typeset p {
  line-height: 1.4;
}

/* Reduce spacing between list items */
.md-typeset ul li,
.md-typeset ol li {
  margin-bottom: 0.15em;
}

/* Reduce spacing between paragraphs */
.md-typeset p {
  margin-bottom: 0.50em;
}

/* ** Screenshots ** */
.md-typeset img.screenshot {
    max-width: 500px;
    width: 100%;
    height: auto;
    display: block;
    margin: 1.5em auto;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.md-typeset img.screenshot.micro {
    max-width: 200px;
}

.md-typeset img.screenshot.tiny {
    max-width: 300px;
}

.md-typeset img.screenshot.small {
    max-width: 600px;
}

.md-typeset img.screenshot.large {
  max-width: 900px;
}