/**
 * Dondozo Tools - Responsive Adjustments (320px - 1920px)
 */

/* Small Devices (Phones under 480px) */
@media (max-width: 480px) {
  html {
    font-size: 15px;
  }

  .dondozo-container {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .site-header {
    height: 4rem;
  }

  .header-inner {
    height: 4rem;
  }

  .site-logo-link {
    font-size: 1.1rem;
  }

  /* Stat calculator mobile layout */
  .stat-input-row {
    grid-template-columns: 1fr auto;
    grid-template-areas:
      "label final"
      "slider slider"
      "inputs inputs";
    gap: 0.4rem;
    padding: 0.75rem 0;
  }

  .stat-label-col {
    grid-area: label;
  }

  .stat-final-col {
    grid-area: final;
  }

  .stat-slider {
    grid-area: slider;
  }

  .stat-inputs-mobile-wrapper {
    grid-area: inputs;
    display: flex;
    gap: 0.5rem;
    align-items: center;
  }

  .tool-grid,
  .blog-grid {
    grid-template-columns: 1fr;
  }

  .tool-workspace-header {
    flex-direction: column;
    align-items: flex-start;
  }

  .dondozo-btn-lg {
    width: 100%;
    padding: 0.75rem 1.25rem;
  }

  .export-actions-bar {
    flex-direction: column;
  }

  .export-actions-bar .dondozo-btn {
    width: 100%;
  }
}

/* Medium Devices (Tablets under 768px) */
@media (max-width: 768px) {
  .site-main-content {
    padding-top: 1.5rem;
    padding-bottom: 2.5rem;
  }

  .hero-section {
    padding: 2.5rem 0 2rem;
  }

  .hero-buttons {
    flex-direction: column;
    align-items: stretch;
  }

  .quick-facts-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

/* Large Screens (1440px and above) */
@media (min-width: 1440px) {
  .dondozo-container {
    max-width: 1280px;
  }
}

/* Ultra Wide Screens (1920px) */
@media (min-width: 1920px) {
  .dondozo-container {
    max-width: 1360px;
  }
}