/* ==========================================================================
   SANA LOUNGE MENU - CUSTOM STYLES & TYPOGRAPHY
   کافه سنا لانژ - استایل‌ها، متغیرهای رنگی و تایپوگرافی
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. FONTS IMPORT & CUSTOM FONT-FACE SECTION
   بخش تعریف فونت - در صورت داشتن فونت اختصاصی فایل‌های خود را در پوشه fonts
   قرار داده و آدرس آن را در این بخش تنظیم نمایید.
   -------------------------------------------------------------------------- */

/* CDN Vazirmatn (پیش‌فرض مدرن و بسیار شکیل و استاندارد) */
@import url('https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/Vazirmatn-font-face.css');

/* در صورت تمایل به استفاده از فونت محلی دلخواه (مانند IRANYekan یا Shabhnam یا Dana):
   کافیست خطوط زیر را از کامنت خارج کرده و فایل‌های فونت را درون پوشه قرار دهید: */
/*
@font-face {
  font-family: 'CustomMenuFont';
  src: url('./fonts/CustomFont-Light.woff2') format('woff2'),
       url('./fonts/CustomFont-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'CustomMenuFont';
  src: url('./fonts/CustomFont-Regular.woff2') format('woff2'),
       url('./fonts/CustomFont-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'CustomMenuFont';
  src: url('./fonts/CustomFont-Bold.woff2') format('woff2'),
       url('./fonts/CustomFont-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
*/

/* --------------------------------------------------------------------------
   2. COLOR PALETTE & DESIGN TOKENS
   پالت رنگی استخراج شده از منوی فیزیکی کافه سنا لانژ
   -------------------------------------------------------------------------- */
:root {
  /* زمینه منو: رنگ کاغذ کرم/عاجی ملایم و لوکس */
  --bg-menu: #FAF8F5;
  --bg-page: #F3EFEA;
  --bg-card: #FFFFFF;

  /* رنگ عنوان‌ها: تناژ برنزی/قهوه‌ای کاراملی ملایم */
  --color-bronze-primary: #75634F;
  --color-bronze-dark: #5B4D3C;
  --color-bronze-light: #94826F;

  /* رنگ متون اصلی و قیمت‌ها: خاکستری گرم تیره و خوانا */
  --color-text-title: #2E2B28;
  --color-text-body: #47433F;
  --color-text-desc: #7D7973;
  --color-text-price: #383431;

  /* خطوط و حاشیه‌ها */
  --border-subtle: #E8E2D8;
  --border-focus: #C4B5A5;

  /* سایه‌های ملایم */
  --shadow-menu: 0 10px 40px -10px rgba(91, 77, 60, 0.08), 0 0 1px 1px rgba(91, 77, 60, 0.03);

  /* اولویت فونت */
  --font-family-primary: 'Vazirmatn', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

body {
  font-family: var(--font-family-primary);
  background-color: var(--bg-page);
  color: var(--color-text-body);
  direction: rtl;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* --------------------------------------------------------------------------
   3. MENU SHEET & PAPER TEXTURE
   استایل برگه منو مشابه نسخه چاپی کافه
   -------------------------------------------------------------------------- */
.menu-sheet {
  background-color: var(--bg-menu);
  box-shadow: var(--shadow-menu);
  border: 1px solid var(--border-subtle);
  transition: all 0.3s ease;
}

/* خط تیره جداکننده دسته‌ها (دقیقاً مثل مینیمالیزم منوی اصلی) */
.category-title {
  color: var(--color-bronze-primary);
  letter-spacing: -0.01em;
}

.item-name {
  color: var(--color-text-title);
  font-weight: 500;
}

.item-desc {
  color: var(--color-text-desc);
  line-height: 1.6;
}

.item-price {
  color: var(--color-text-price);
  font-family: var(--font-family-primary);
  font-variant-numeric: tabular-nums;
  font-weight: 600;
}

/* دکمه دانلود PDF بالای صفحه */
.btn-download-pdf {
  background: linear-gradient(135deg, #75634F 0%, #5B4D3C 100%);
  color: #FFFFFF;
  box-shadow: 0 4px 14px rgba(91, 77, 60, 0.25);
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

.btn-download-pdf:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(91, 77, 60, 0.35);
  background: linear-gradient(135deg, #84705B 0%, #685846 100%);
}

.btn-download-pdf:active {
  transform: translateY(0);
}

/* نوار جستجوی سریع Alpine.js */
.search-input {
  background-color: #FFFFFF;
  border: 1px solid var(--border-subtle);
  transition: all 0.2s ease;
}
.search-input:focus {
  border-color: var(--color-bronze-light);
  outline: none;
  box-shadow: 0 0 0 3px rgba(117, 99, 79, 0.12);
}

/* --------------------------------------------------------------------------
   4. PRINT PREVIEW STYLES
   هنگام پرینت گرفتن یا ذخیره مستقیم به صورت PDF از مرورگر
   -------------------------------------------------------------------------- */
@media print {
  body {
    background: #FFFFFF !important;
    padding: 0 !important;
  }
  .no-print {
    display: none !important;
  }
  .menu-sheet {
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
  }
  .break-inside-avoid {
    break-inside: avoid;
    page-break-inside: avoid;
  }
}