/* ===========================
   Klikkipaja — Mobile Optimizations
   Only includes overrides that theme.json cannot express.
   =========================== */

/* Stack columns on mobile */
@media (max-width: 781px) {
  .wp-block-columns {
    flex-wrap: wrap !important;
  }

  .wp-block-columns > .wp-block-column {
    flex-basis: 100% !important;
    flex-grow: 1;
  }

  /* Scale hero height on small screens */
  .wp-block-cover[style*="min-height:85vh"] {
    min-height: 70vh !important;
  }

  /* Responsive images */
  .wp-block-image img {
    height: auto;
    max-width: 100%;
  }

  /* Full-width stacked buttons with proper touch targets */
  .wp-block-buttons {
    flex-direction: column;
    align-items: stretch;
  }

  .wp-block-buttons .wp-block-button {
    width: 100%;
  }

  .wp-block-buttons .wp-block-button__link {
    width: 100%;
    text-align: center;
    justify-content: center;
    padding: 0.875rem 1.75rem;
    min-height: 48px;
    display: inline-flex;
    align-items: center;
  }

  /* Scrollable tables */
  .wp-block-table {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  /* Better mobile nav overlay */
  .wp-block-navigation__responsive-container.is-menu-open {
    padding: var(--wp--preset--spacing--30);
  }
}

/* Tablet: 2-up grid instead of 3 */
@media (min-width: 782px) and (max-width: 1024px) {
  .wp-block-columns.has-3-columns > .wp-block-column {
    flex-basis: 48% !important;
  }
}

/* Touch-friendly minimum tap targets (WCAG 2.5.8) */
@media (pointer: coarse) {
  a,
  button,
  .wp-block-button__link,
  .wp-block-navigation-item__content {
    min-height: 44px;
    min-width: 44px;
  }
}