@import url("/food-pages.css");

/* Category template tightening (applies only when .category-template is present) */
.category-template .sticky-header {
  padding: 0.5rem 0;
}

.category-template .logo-image,
.category-template .logo-icon {
  height: 36px;
  width: auto;
}

@media (min-width: 768px) {
  .category-template .logo-image,
  .category-template .logo-icon {
    height: 44px;
  }
}

.category-template .search-section {
  padding: 1rem 0;
}

.category-template .search-input {
  padding: 0.75rem 1rem 0.75rem 2.75rem;
  font-size: 1rem;
}

.category-template .search-button {
  padding: 0.75rem 1.25rem;
}

.category-template .category-icon {
  font-size: 3rem;
  margin-bottom: 0.5rem;
}

.category-template .category-header h1,
.category-template .page-header h1 {
  font-size: 1.8rem;
  margin-bottom: 0.5rem;
}

.category-template .category-description,
.category-template .page-description {
  font-size: 1rem;
  margin-bottom: 0.5rem;
}

/* Optional mobile tightening: hide tagline text under the logo */
@media (max-width: 768px) {
  .category-template .logo div div:nth-child(2),
  .category-template .logo .logo-tagline {
    display: none;
  }
}