/* 
   Large Display Responsive Fix for Minimal Mistakes 3.2.5
   Overrides the 1280px max-width limitation
   ========================================================================== */

/* Main content container - expand for large displays */
#main {
  max-width: 1600px !important;
}

/* Navigation and header containers */
.masthead__inner-wrap,
.breadcrumbs {
  max-width: 1600px !important;
}

/* Footer container */
.page__footer footer {
  max-width: 1600px !important;
}

/* Optional: Even wider for 4K displays */
@media (min-width: 1920px) {
  #main,
  .masthead__inner-wrap,
  .breadcrumbs,
  .page__footer footer {
    max-width: 1800px !important;
  }
}

/* Font scaling improvements - 12% increase for better readability */
html {
  font-size: 18px !important; /* Increased from 16px base */
}

@media (min-width: 768px) {
  html {
    font-size: 18.5px !important; /* Increased from medium breakpoint */
  }
}

@media (min-width: 1024px) {
  html {
    font-size: 19px !important; /* Increased from large breakpoint */
  }
}

@media (min-width: 1280px) {
  html {
    font-size: 20px !important; /* Increased from x-large breakpoint */
  }
}

/* Enhanced content typography */
body {
  font-size: 1em !important; /* Inherits from html scaling */
  line-height: 1.6 !important; /* Improved readability */
}

/* Scale headings proportionally */
h1 { font-size: 2.6em !important; }
h2 { font-size: 2.1em !important; }
h3 { font-size: 1.7em !important; }
h4 { font-size: 1.35em !important; }
h5 { font-size: 1.1em !important; }
h6 { font-size: 1em !important; }

/* Navigation and UI elements */
.masthead {
  font-size: 1.05em !important;
}

.page__meta {
  font-size: 0.85em !important;
}

/* Professional page specific enhancements */
.terminal {
  max-width: none; /* Allow terminal to expand fully */
  font-size: 1.1em !important; /* Slightly larger terminal text */
}

.service-grid {
  max-width: 1400px; /* Optimize grid for large screens */
  margin: 0 auto;
}

.service-card h3 {
  font-size: 1.4em !important;
}

.service-card p {
  font-size: 1em !important;
  line-height: 1.5 !important;
}

/* Improved spacing for larger text */
.page__content {
  margin-bottom: 3em !important;
}

.archive__item {
  margin-bottom: 2.5em !important;
}

/* Better button scaling */
.btn {
  font-size: 1em !important;
  padding: 0.6em 1.2em !important;
}

/* Archive and post list improvements */
.archive__item-title {
  font-size: 1.3em !important;
  margin-bottom: 0.5em !important;
}

.archive__item-excerpt {
  font-size: 0.95em !important;
  line-height: 1.6 !important;
}