/* Project bindings for the yeni-anasayfa theme */
.hero::before {
  background-image: var(--home-hero-image, url("https://images.unsplash.com/photo-1544025162-d76694265947?auto=format&fit=crop&w=1900&q=85"));
}

body.new-menu-page {
  background: var(--bg-primary);
}

.navbar {
  background: rgba(10, 10, 15, 0.95);
  border-bottom: 1px solid var(--border-glass);
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.5);
}

.navbar-brand {
  white-space: nowrap;
}

.navbar-brand img {
  display: block;
  width: auto;
  height: 56px;
  max-width: 230px;
  object-fit: contain;
}

.navbar-links .navbar-cta {
  margin-left: 0.5rem;
}

.hero-title,
.page-hero h1 {
  overflow-wrap: normal;
  word-break: normal;
}

.featured-card-image img,
.product-card-image img {
  background: var(--bg-tertiary);
}

.form-alert {
  margin-bottom: 1rem;
  border: 1px solid rgba(231, 76, 60, 0.35);
  border-radius: var(--radius-md);
  padding: 0.8rem 1rem;
  background: rgba(231, 76, 60, 0.1);
  color: #ffd5d0;
  font-size: 0.9rem;
}

.form-alert.success {
  border-color: rgba(46, 204, 113, 0.35);
  background: rgba(46, 204, 113, 0.1);
  color: #c9f6dc;
}

.menu-table-label {
  display: inline-grid;
  gap: 0.1rem;
  margin-top: 0.75rem;
  border: 1px solid rgba(212, 164, 76, 0.35);
  border-radius: 18px;
  padding: 0.48rem 0.95rem;
  background: rgba(212, 164, 76, 0.08);
  color: var(--accent);
}

.menu-table-label span {
  color: var(--text-muted);
  font-size: 0.72rem;
  font-weight: 700;
}

.menu-table-label strong {
  color: var(--text-primary);
  font-size: 0.98rem;
  font-weight: 900;
}

.menu-page-content {
  padding-top: var(--navbar-height);
}

.new-menu-page .menu-search-bar {
  top: var(--navbar-height);
}

.new-menu-page .category-tabs-wrapper {
  top: calc(var(--navbar-height) + 56px);
}

.product-card-tags .badge-accent,
.product-modal-tags .badge-accent,
.featured-card-image .featured-tag {
  background: rgba(212, 164, 76, 0.98);
  border-color: rgba(240, 215, 140, 0.9);
  color: #0a0a0f;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.32);
}

.menu-logo svg {
  width: 28px;
  height: 28px;
}

@media (max-width: 768px) {
  .hero {
    min-height: 100svh;
    padding-top: var(--navbar-height);
  }

  .hero-content {
    padding: 1.5rem 0 4.5rem;
  }

  .hero-title {
    font-size: clamp(2.45rem, 12vw, 4rem);
  }

  .hero-subtitle {
    margin-bottom: 1.5rem;
    font-size: 1rem;
    line-height: 1.65;
  }

  .page-hero {
    padding: 6.2rem 0 3rem;
  }

  .page-hero h1 {
    font-size: clamp(2.35rem, 12vw, 3.4rem);
  }

  .navbar-links .navbar-cta {
    margin-left: 0;
  }

  .navbar-brand img {
    height: 50px;
    max-width: 190px;
  }

  .new-menu-page .menu-search-bar {
    top: var(--navbar-height);
  }

  .new-menu-page .category-tabs-wrapper {
    top: calc(var(--navbar-height) + 56px);
  }
}