/* Additional responsive design styles for GreenPress website */

/* Mobile-first media queries */

/* Base mobile styles are already in the main CSS */

/* Tablet (768px and up) */
@media screen and (min-width: 768px) {
  .container {
    max-width: 720px;
  }
  
  /* Header and navigation */
  header .logo span {
    display: inline-block;
  }
  
  nav ul {
    display: flex;
  }
  
  .mobile-menu-toggle {
    display: none;
  }
  
  /* Hero section */
  .hero-content {
    flex-direction: row;
    text-align: left;
    align-items: center;
  }
  
  .hero-text {
    width: 50%;
    padding-right: 2rem;
  }
  
  .hero-image {
    width: 50%;
  }
  
  /* Features section */
  .features-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  
  /* Key stats */
  .key-stats-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  
  /* Testimonials */
  .testimonials-slider {
    padding: 2rem;
  }
  
  /* About page */
  .about-content {
    flex-direction: row;
    align-items: center;
  }
  
  .about-text {
    width: 60%;
    padding-right: 2rem;
  }
  
  .about-image {
    width: 40%;
  }
  
  .impact-content {
    flex-direction: row;
    align-items: center;
  }
  
  .impact-text {
    width: 60%;
  }
  
  .impact-image {
    width: 40%;
  }
  
  .innovations-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  
  .vision-mission-content {
    flex-direction: row;
  }
  
  .vision-content, .mission-content {
    width: 50%;
  }
  
  .team-grid {
    grid-template-columns: repeat(3, 1fr);
  }
  
  /* Technology page */
  .tech-content {
    flex-direction: row;
    align-items: center;
  }
  
  .tech-text {
    width: 60%;
    padding-right: 2rem;
  }
  
  .tech-image {
    width: 40%;
  }
  
  .component-content {
    flex-direction: row;
    align-items: center;
  }
  
  .component-content.reverse {
    flex-direction: row-reverse;
  }
  
  .component-text {
    width: 60%;
  }
  
  .component-image {
    width: 40%;
  }
  
  .comparison-metrics {
    grid-template-columns: repeat(2, 1fr);
  }
  
  /* Sustainability page */
  .carbon-content {
    flex-direction: row;
    align-items: center;
  }
  
  .carbon-text {
    width: 60%;
    padding-right: 2rem;
  }
  
  .carbon-chart {
    width: 40%;
  }
  
  .impact-projections {
    flex-direction: row;
  }
  
  .projection-card {
    width: calc(33.333% - 1rem);
  }
  
  .equivalents-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  
  .contribution-content {
    flex-direction: row;
    align-items: center;
  }
  
  .contribution-chart {
    width: 50%;
  }
  
  .contribution-text {
    width: 50%;
    padding-left: 2rem;
  }
  
  .certification-tiers {
    flex-direction: row;
  }
  
  .certification-card {
    width: calc(33.333% - 1rem);
  }
  
  .dashboard-features {
    grid-template-columns: repeat(2, 1fr);
  }
  
  .vision-content {
    flex-direction: row;
    align-items: center;
  }
  
  .vision-text {
    width: 60%;
    padding-right: 2rem;
  }
  
  .vision-image {
    width: 40%;
  }
  
  /* Business page */
  .business-content {
    flex-direction: row;
    align-items: center;
  }
  
  .business-text {
    width: 60%;
    padding-right: 2rem;
  }
  
  .business-image {
    width: 40%;
  }
  
  .pricing-tiers {
    flex-direction: row;
  }
  
  .pricing-card {
    width: calc(33.333% - 1rem);
  }
  
  .projections-content {
    flex-direction: row;
    align-items: center;
  }
  
  .projections-chart {
    width: 50%;
  }
  
  .projections-text {
    width: 50%;
    padding-left: 2rem;
  }
  
  .market-content {
    flex-direction: row;
    align-items: center;
  }
  
  .market-text {
    width: 60%;
    padding-right: 2rem;
  }
  
  .market-chart {
    width: 40%;
  }
  
  .advantages-grid {
    grid-template-columns: repeat(3, 1fr);
  }
  
  /* Implementation page */
  .implementation-content {
    flex-direction: row;
    align-items: center;
  }
  
  .implementation-text {
    width: 60%;
    padding-right: 2rem;
  }
  
  .implementation-image {
    width: 40%;
  }
  
  .future-phase-grid {
    grid-template-columns: repeat(3, 1fr);
  }
  
  .reporting-content {
    flex-direction: row;
    align-items: center;
  }
  
  .reporting-text {
    width: 60%;
    padding-right: 2rem;
  }
  
  .reporting-image {
    width: 40%;
  }
  
  /* Contact page */
  .contact-content {
    flex-direction: row;
  }
  
  .contact-info {
    width: 40%;
    padding-right: 2rem;
  }
  
  .contact-form {
    width: 60%;
  }
  
  .form-group {
    width: calc(50% - 0.5rem);
  }
  
  .form-group.full-width {
    width: 100%;
  }
  
  .faq-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  
  .newsletter-content {
    flex-direction: row;
    align-items: center;
  }
  
  .newsletter-text {
    width: 60%;
    padding-right: 2rem;
  }
  
  .newsletter-form {
    width: 40%;
  }
  
  /* Footer */
  .footer-content {
    flex-direction: row;
  }
  
  .footer-logo {
    width: 25%;
  }
  
  .footer-links {
    width: 50%;
    flex-direction: row;
  }
  
  .footer-links-column {
    width: calc(33.333% - 1rem);
  }
  
  .footer-contact {
    width: 25%;
  }
}

/* Desktop (992px and up) */
@media screen and (min-width: 992px) {
  .container {
    max-width: 960px;
  }
  
  /* Features section */
  .features-grid {
    grid-template-columns: repeat(3, 1fr);
  }
  
  /* Key stats */
  .key-stats-grid {
    grid-template-columns: repeat(4, 1fr);
  }
  
  /* Innovations grid */
  .innovations-grid {
    grid-template-columns: repeat(4, 1fr);
  }
  
  /* Equivalents grid */
  .equivalents-grid {
    grid-template-columns: repeat(4, 1fr);
  }
  
  /* Dashboard features */
  .dashboard-features {
    grid-template-columns: repeat(4, 1fr);
  }
  
  /* FAQ grid */
  .faq-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* Large Desktop (1200px and up) */
@media screen and (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
  
  /* Hero section */
  .hero-section {
    padding: 6rem 0;
  }
  
  /* Larger font sizes for headings on large screens */
  h1 {
    font-size: 3.5rem;
  }
  
  h2 {
    font-size: 2.5rem;
  }
}

/* Print styles */
@media print {
  header, footer, .cta-section, .newsletter-section, .contact-form, .mobile-menu-toggle {
    display: none;
  }
  
  body {
    font-size: 12pt;
    line-height: 1.5;
    color: #000;
    background: #fff;
  }
  
  .container {
    max-width: 100%;
    padding: 0;
    margin: 0;
  }
  
  h1, h2, h3, h4, h5, h6 {
    page-break-after: avoid;
    page-break-inside: avoid;
  }
  
  img {
    max-width: 100% !important;
    page-break-inside: avoid;
  }
  
  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }
  
  .page-break {
    page-break-before: always;
  }
}

/* Accessibility improvements */
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/* Dark mode support */
@media (prefers-color-scheme: dark) {
  .alt-bg {
    background-color: #1a1a1a;
  }
  
  body {
    background-color: #121212;
    color: #f5f5f5;
  }
  
  h1, h2, h3, h4, h5, h6 {
    color: #ffffff;
  }
  
  .card, .pricing-card, .feature-card, .testimonial-card, .team-member, .faq-item {
    background-color: #1e1e1e;
    border-color: #333;
  }
  
  input, textarea, select {
    background-color: #2a2a2a;
    border-color: #444;
    color: #f5f5f5;
  }
  
  .btn-secondary {
    background-color: #444;
    color: #fff;
  }
  
  .btn-secondary:hover {
    background-color: #555;
  }
}