/* =========================================
   پروژه: PWA آشپزباشی
   توضیحات: فایل مرجع استایل‌ها (Entry Point)
   معماری: مبتنی بر ساختار ماژولار (ITCSS/7-1 Pattern)
   ========================================= */


/* =========================================
   1. Core & Foundation (هسته و زیرساخت اصلی)
   -----------------------------------------
   توضیح: متغیرهای ریشه، ریست‌ها، ساختار کلی و کامپوننت‌های سراسری
   ========================================= */
@import "./core/base.css";         /* ریست‌های CSS، متغیرهای ریشه (:root) و تایپوگرافی پایه */
@import "./core/layout.css";       /* گریدها، کانتینرهای اصلی و ساختار کلی چیدمان اپلیکیشن */
@import "./core/components.css";   /* فایل مرجع (Hub) برای لود کردن دکمه‌ها، کارت‌ها و سایر کامپوننت‌های مشترک */
@import "./core/theme.css";        /* متغیرهای رنگی، پالت‌های تم تاریک/روشن و استایل‌های تغییر تم */


/* =========================================
   2. Views & Templates (نماها و صفحات اپلیکیشن)
   -----------------------------------------
   توضیح: استایل‌های اختصاصی مربوط به هر بخش مستقل از رابط کاربری
   ========================================= */
@import "./views/home.css";        /* چیدمان و استایل‌های داشبورد اصلی (خانه) و لیست دسته‌بندی‌ها */
@import "./views/tabs.css";        /* استایل‌های مربوط به تب‌بار پایین (Bottom Navigation) و جابجایی بین صفحات */
@import "./views/ingredients.css"; /* رابط کاربری بخش انتخاب مواد اولیه (گریدها، چیپس‌ها و فیلترها) */
@import "./views/room.css";        /* رابط کاربری اتاق پخت (Recipe Room)، شامل مراحل پخت و جزئیات دستور غذا */


/* =========================================
   3. Settings & Features (تنظیمات و ویژگی‌های خاص)
   -----------------------------------------
   توضیح: ماژول‌های مستقل و امکانات جانبی اپلیکیشن
   ========================================= */
@import "./settings/settings.css";        /* استایل‌های اصلی صفحه تنظیمات و تایپوگرافی مربوط به آن */
@import "./settings/storage.css";         /* رابط کاربری داشبورد مدیریت حافظه، کش و داده‌های محلی */
@import "./settings/settings-layout.css"; /* گریدبندی و ساختار قرارگیری کارت‌ها و تاگل‌ها در بخش تنظیمات */
@import "./settings/offline-settings.css";/* رابط کاربری مدیریت موتور آفلاین، وضعیت شبکه و اعلان‌های آپدیت PWA */
@import "./settings/zen-mode.css";        /* استایل‌های حالت تمرکز (Immersive Cooking)، حذف عوامل مزاحم بصری */
@import "./settings/sw-controls.css";     /* رابط کاربری پنل توسعه‌دهندگان برای کنترل سرویس ورکر */


/* =========================================
   4. Global Utilities (کلاس‌های کمکی و سراسری)
   -----------------------------------------
   توضیح: کلاس‌های کاربردی با اولویت بالا برای استفاده سریع در HTML
   ========================================= */

/* مخفی‌سازی قطعی عناصر در سراسر اپلیکیشن (مانند تب‌ها یا سکشن‌های غیرفعال) */
.hidden {
  display: none !important;
}