/* Bon Suadiye — paylaşılan özel stiller */

.material-symbols-outlined {
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

/* İnce çizgi (line-art) illüstrasyonlar */
.illustration-line,
.line-art {
  fill: none;
  stroke: #80140c; /* primary */
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}

/* Ana sayfa noktalı arka plan deseni */
.illustration-pattern {
  background-image: radial-gradient(circle at 2px 2px, rgba(161, 45, 33, 0.1) 1px, transparent 0);
  background-size: 24px 24px;
}

/* Elle çizilmiş hissi veren çerçeve ve ayraç */
.hand-drawn-border {
  border: 2px solid #a12d21;
  border-radius: 255px 15px 225px 15px / 15px 225px 15px 255px;
}

.hand-drawn-divider {
  height: 2px;
  background-color: transparent;
  border-top: 2px dashed #a12d21;
  opacity: 0.3;
}

/* Menü satırı hover alt çizgisi */
.menu-item-hover:hover .menu-line {
  width: 100%;
}
.menu-line {
  width: 0;
  transition: width 0.3s ease;
}

/* Gastroport menü satır ayracı */
.menu-item-border {
  border-bottom: 1px solid #e0bfba; /* outline-variant */
}
.menu-item-border:last-child {
  border-bottom: none;
}

/* Etiket / chip */
.chip {
  border: 1px solid #8c716d; /* outline */
  color: #58413e; /* on-surface-variant */
}

/* Mobil menü açılır panel */
.mobile-menu {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.35s ease;
}
.mobile-menu.open {
  max-height: 420px;
}