/* 10-responsive.css — All media queries consolidated */

@media (min-width: 992px) {
  .wine-detail-hero__grid {
    grid-template-columns: 1fr auto;
  }

  .wine-detail-hero__grid--with-photo {
    grid-template-columns: auto 1fr auto;
  }

  .wine-detail-hero__quality {
    border-left: 1px solid var(--border-default);
    padding-left: var(--space-5);
  }
}

@media (max-width: 991.98px) {
  .wine-detail-hero__quality {
    border-top: 1px solid var(--border-default);
    padding-top: var(--space-4);
  }
}

/* ─── Responsive ─── */

@media (max-width: 768px) {
  .hero {
    padding: 4rem 0 3rem;
  }

  .hero__grid {
    grid-template-columns: 1fr;
    gap: 2rem;
  }

  .hero__title {
    font-size: 2.5rem;
  }

  .app-main {
    padding: 2rem 0 3rem;
  }

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

  .navbar .nav-link.active::after {
    display: none;
  }

  .page-header h1 {
    font-size: 2rem;
  }

  .wine-detail-hero {
    padding: 1rem;
  }

  .wine-detail-hero h1 {
    font-size: 1.5rem;
  }

  .wine-detail-hero__grid--with-photo {
    grid-template-columns: 100px 1fr;
    grid-template-rows: auto auto;
  }

  .wine-detail-hero__grid--with-photo .wine-detail-photo {
    grid-row: 1;
    grid-column: 1;
  }

  .wine-detail-hero__grid--with-photo .wine-detail-hero__info {
    grid-row: 1;
    grid-column: 2;
  }

  .wine-detail-hero__grid--with-photo .wine-detail-hero__quality {
    grid-row: 2;
    grid-column: 1 / -1;
  }

  .wine-detail-photo__img {
    max-height: 140px;
    width: 100%;
  }

  .vintage-row {
    grid-template-columns: 1fr auto;
    grid-template-rows: auto auto;
  }

  .vintage-row__actions {
    grid-column: 1 / -1;
  }
}

@media (max-width: 576px) {
  .filter-panel {
    padding: 1rem;
  }

  .hero__panel {
    padding: 1.5rem;
  }

  .wine-detail-hero__quality {
    min-width: auto;
  }
}

@media (max-width: 375px) {
  .hero__title {
    font-size: 2rem;
  }

  .page-header h1 {
    font-size: 1.5rem;
  }

  .app-main {
    padding: 1.5rem 0 2rem;
  }

  .hero__panel {
    padding: 1rem;
  }

  .toast-container {
    right: 0.5rem;
    left: 0.5rem;
  }
}

/* ─── Touch Devices ─── */

@media (pointer: coarse) {
  .star-rating--compact .star-rating__star {
    width: 44px;
    height: 44px;
  }

  .star-rating--compact .star-rating__star svg {
    width: 22px;
    height: 22px;
  }
}