/**
 * Tablet Responsive Adaptations (768px - 1024px)
 */

@media (max-width: 1024px) {
  :root {
    --fmj-container-padding: 18px;
  }

  /* Header adjustments */
  .fmj-header-center {
    display: none;
  }

  .fmj-header-right .fmj-social-links,
  .fmj-header-right .fmj-header-link,
  .fmj-header-right .fmj-btn-pill-gold {
    display: none;
  }

  .fmj-subnav-strip {
    display: none;
  }

  .fmj-mobile-navstrip {
    display: flex;
  }

  /* Sticky Header on Tablet */
  .fmj-sticky-header {
    display: none !important;
  }

  /* Hero Section */
  .fmj-hero-card {
    grid-template-columns: 1fr;
  }

  .fmj-hero-content {
    padding: 36px 32px;
  }

  .fmj-hero-media {
    min-height: 260px;
  }

  /* Browse & Grid Layouts */
  .fmj-browse-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
  }

  .fmj-categories-grid {
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 12px;
  }

  .fmj-trust-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }

  .fmj-footer-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;
  }

  /* Meal Planner */
  .fmj-planner-layout {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .fmj-planner-card {
    position: static;
  }

  .fmj-day-meals-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .fmj-meal-cell:nth-child(2) {
    border-right: none;
  }

  /* Single Restaurant & Menu Item */
  .fmj-rest-info-bar {
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
  }

  .fmj-dish-grid {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .fmj-dish-sidebar-col {
    position: static;
  }

  .fmj-dish-cards-6 {
    grid-template-columns: repeat(3, 1fr);
  }

  /* Single Blog Post */
  .fmj-post-hero-grid {
    grid-template-columns: 1fr;
  }

  .fmj-post-hero-media {
    min-height: 260px;
  }

  .fmj-post-hero-info {
    padding: 32px 28px;
  }

  .fmj-chain-guides-row {
    grid-template-columns: repeat(3, 1fr);
  }

  .fmj-posts-grid,
  .fmj-restaurants-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}