/* Ek: style.css sonuna eklenen yeni bileşenler */
/* QR Menü Pro — Ek CSS: Dil Seçici + WhatsApp FAB + RTL + Düzeltmeler */

/* ═══════════════════════
   LANGUAGE SWITCHER
═══════════════════════ */
.lang-switcher {
  position: fixed;
  top: 14px; right: 14px;
  z-index: 150;
}

.lang-current {
  display: flex; align-items: center; gap: 6px;
  background: var(--glass);
  border: 1px solid var(--border2);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-radius: 99px;
  padding: 8px 14px;
  color: var(--text);
  font-size: .82rem; font-weight: 600;
  cursor: pointer;
  transition: all var(--transition);
  box-shadow: 0 4px 16px rgba(0,0,0,.4);
}
.lang-current:hover {
  border-color: var(--gold);
  background: rgba(20,18,8,.95);
}
.lang-code { letter-spacing: .04em; }
.lang-arrow { font-size: .6rem; color: var(--text3); transition: transform var(--transition); }
.lang-dropdown.open + .lang-current .lang-arrow,
.lang-current:has(+ .lang-dropdown.open) .lang-arrow { transform: rotate(180deg); }

.lang-dropdown {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  background: var(--dark3);
  border: 1px solid var(--border2);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 12px 40px rgba(0,0,0,.6);
  min-width: 130px;
  opacity: 0; pointer-events: none;
  transform: translateY(-8px) scale(.97);
  transition: all var(--transition);
}
.lang-dropdown.open {
  opacity: 1; pointer-events: all;
  transform: translateY(0) scale(1);
}

.lang-opt {
  display: flex; align-items: center; gap: 10px;
  padding: 10px 16px;
  font-size: .85rem; font-weight: 500;
  color: var(--text2);
  transition: background var(--transition), color var(--transition);
  text-decoration: none;
}
.lang-opt:hover { background: var(--dark4); color: var(--text); }
.lang-opt.active {
  background: rgba(212,175,55,.1);
  color: var(--gold);
  font-weight: 700;
}
.lang-opt + .lang-opt { border-top: 1px solid var(--border); }

/* ═══════════════════════
   WHATSAPP FLOATING BTN
═══════════════════════ */
.whatsapp-fab {
  position: fixed;
  bottom: 22px; right: 18px;
  z-index: 140;
  display: flex; align-items: center; gap: 10px;
  background: #25D366;
  color: #fff;
  border-radius: 50px;
  padding: 13px 18px 13px 16px;
  box-shadow: 0 6px 28px rgba(37,211,102,.45);
  text-decoration: none;
  font-size: .82rem; font-weight: 700;
  letter-spacing: .02em;
  opacity: 0;
  transform: translateY(20px) scale(.9);
  transition: opacity .4s ease, transform .4s ease, box-shadow .3s ease, padding .3s ease;
  pointer-events: none;
  max-width: 56px;
  overflow: hidden;
  white-space: nowrap;
}
.whatsapp-fab.visible {
  opacity: 1;
  transform: translateY(0) scale(1);
  pointer-events: all;
}
.whatsapp-fab:hover {
  box-shadow: 0 10px 40px rgba(37,211,102,.6);
  max-width: 260px;
  padding-right: 20px;
}
.whatsapp-fab svg { flex-shrink: 0; }
.whatsapp-fab-label {
  opacity: 0; max-width: 0;
  transition: opacity .3s ease .1s, max-width .3s ease;
  overflow: hidden;
}
.whatsapp-fab:hover .whatsapp-fab-label {
  opacity: 1;
  max-width: 200px;
}

/* Pulse animasyon */
@keyframes waPulse {
  0%   { box-shadow: 0 0 0 0 rgba(37,211,102,.5); }
  70%  { box-shadow: 0 0 0 14px rgba(37,211,102,0); }
  100% { box-shadow: 0 0 0 0 rgba(37,211,102,0); }
}
.whatsapp-fab.visible { animation: waPulse 2.5s ease 3s 3; }

/* ── WhatsApp Info Chip (info-bar için) ── */
.whatsapp-chip {
  background: linear-gradient(135deg, rgba(37,211,102,.12), rgba(37,211,102,.06));
  border-color: rgba(37,211,102,.3) !important;
  text-decoration: none;
}
.whatsapp-chip:hover {
  border-color: rgba(37,211,102,.6) !important;
  background: rgba(37,211,102,.15);
}
.whatsapp-chip .info-value { color: #25D366; }

/* ═══════════════════════
   RTL (Arapça) GENEL
═══════════════════════ */
[dir="rtl"] .lang-switcher { right: auto; left: 14px; }
[dir="rtl"] .whatsapp-fab  { right: auto; left: 18px; }
[dir="rtl"] .lang-dropdown { right: auto; left: 0; }

/* ═══════════════════════
   DÜZELTMELER / EKSİKLER
═══════════════════════ */

/* Modal close button scroll sorunsuz */
.modal-close-btn {
  position: sticky; top: 0; z-index: 5;
  display: flex; justify-content: flex-end;
  padding: 10px 12px;
  background: linear-gradient(180deg, var(--dark3) 70%, transparent);
}
.modal-close-btn button {
  width: 34px; height: 34px; border-radius: 50%;
  background: rgba(0,0,0,.5); border: 1px solid var(--border2);
  color: var(--text); font-size: 1rem;
  display: flex; align-items: center; justify-content: center;
  cursor: pointer; backdrop-filter: blur(8px);
  transition: background var(--transition);
}
.modal-close-btn button:hover { background: rgba(212,175,55,.2); }

/* Menü içerik padding alttan fab ile çakışmasın */
.menu-wrap { padding-bottom: 120px; }

/* Info bar scrollable on small screens */
.info-bar { overflow-x: auto; flex-wrap: nowrap; padding-bottom: 4px; }
@media(min-width: 600px) { .info-bar { flex-wrap: wrap; overflow-x: visible; } }

/* Kategori nav kaydırma oku ipucu */
.cat-nav-wrap {
  position: relative;
}
.cat-nav-wrap::after {
  content: '';
  position: absolute;
  top: 0; right: 0;
  width: 40px; height: 100%;
  background: linear-gradient(90deg, transparent, var(--dark2));
  pointer-events: none;
}
[dir="rtl"] .cat-nav-wrap::after {
  right: auto; left: 0;
  background: linear-gradient(270deg, transparent, var(--dark2));
}