/**
 * San Smart E-commerce - Local Fonts Fallback System
 * This file provides local fallback for Google Fonts
 * Following best practices from major websites (GitHub, Stack Overflow, etc.)
 */

/* ============================================
   Cairo Font Family (Arabic + Latin)
   ============================================ */

/* cairo-300 - arabic_latin */
@font-face {
  font-display: swap;
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 300;
  src: local('Cairo Light'), local('Cairo-Light'),
       url('/static/fonts/cairo/cairo-v28-arabic_latin-300.woff2') format('woff2'),
       url('/static/fonts/cairo/cairo-v28-arabic_latin-300.woff') format('woff');
}

/* cairo-regular - arabic_latin */
@font-face {
  font-display: swap;
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 400;
  src: local('Cairo Regular'), local('Cairo-Regular'),
       url('/static/fonts/cairo/cairo-v28-arabic_latin-regular.woff2') format('woff2'),
       url('/static/fonts/cairo/cairo-v28-arabic_latin-regular.woff') format('woff');
}

/* cairo-500 - arabic_latin */
@font-face {
  font-display: swap;
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 500;
  src: local('Cairo Medium'), local('Cairo-Medium'),
       url('/static/fonts/cairo/cairo-v28-arabic_latin-500.woff2') format('woff2'),
       url('/static/fonts/cairo/cairo-v28-arabic_latin-500.woff') format('woff');
}

/* cairo-600 - arabic_latin */
@font-face {
  font-display: swap;
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 600;
  src: local('Cairo SemiBold'), local('Cairo-SemiBold'),
       url('/static/fonts/cairo/cairo-v28-arabic_latin-600.woff2') format('woff2'),
       url('/static/fonts/cairo/cairo-v28-arabic_latin-600.woff') format('woff');
}

/* cairo-700 - arabic_latin */
@font-face {
  font-display: swap;
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 700;
  src: local('Cairo Bold'), local('Cairo-Bold'),
       url('/static/fonts/cairo/cairo-v28-arabic_latin-700.woff2') format('woff2'),
       url('/static/fonts/cairo/cairo-v28-arabic_latin-700.woff') format('woff');
}

/* cairo-800 - arabic_latin */
@font-face {
  font-display: swap;
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 800;
  src: local('Cairo ExtraBold'), local('Cairo-ExtraBold'),
       url('/static/fonts/cairo/cairo-v28-arabic_latin-800.woff2') format('woff2'),
       url('/static/fonts/cairo/cairo-v28-arabic_latin-800.woff') format('woff');
}

/* cairo-900 - arabic_latin */
@font-face {
  font-display: swap;
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 900;
  src: local('Cairo Black'), local('Cairo-Black'),
       url('/static/fonts/cairo/cairo-v28-arabic_latin-900.woff2') format('woff2'),
       url('/static/fonts/cairo/cairo-v28-arabic_latin-900.woff') format('woff');
}

/* ============================================
   Inter Font Family (Latin)
   ============================================ */

/* inter-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: local('Inter Regular'), local('Inter-Regular'),
       url('/static/fonts/inter/inter-v13-latin-regular.woff2') format('woff2'),
       url('/static/fonts/inter/inter-v13-latin-regular.woff') format('woff');
}

/* inter-500 - latin */
@font-face {
  font-display: swap;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  src: local('Inter Medium'), local('Inter-Medium'),
       url('/static/fonts/inter/inter-v13-latin-500.woff2') format('woff2'),
       url('/static/fonts/inter/inter-v13-latin-500.woff') format('woff');
}

/* inter-600 - latin */
@font-face {
  font-display: swap;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  src: local('Inter SemiBold'), local('Inter-SemiBold'),
       url('/static/fonts/inter/inter-v13-latin-600.woff2') format('woff2'),
       url('/static/fonts/inter/inter-v13-latin-600.woff') format('woff');
}

/* inter-700 - latin */
@font-face {
  font-display: swap;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  src: local('Inter Bold'), local('Inter-Bold'),
       url('/static/fonts/inter/inter-v13-latin-700.woff2') format('woff2'),
       url('/static/fonts/inter/inter-v13-latin-700.woff') format('woff');
}

/* ============================================
   Material Symbols Outlined (Icons)
   ============================================ */

@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 100 700;
  font-display: block;
  src: local('Material Symbols Outlined'),
       url('/static/fonts/material-symbols/MaterialSymbolsOutlined.woff2') format('woff2'),
       url('/static/fonts/material-symbols/MaterialSymbolsOutlined.woff') format('woff');
}

/* Material Symbols CSS Class */
.material-symbols-outlined {
  font-family: 'Material Symbols Outlined', sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: 'liga';
  /* Prevent layout shift */
  min-width: 24px;
  min-height: 24px;
}

/* ============================================
   Performance Optimizations
   ============================================ */

/* Preload critical fonts for better performance */
/* Add these link tags to your HTML head:

<link rel="preload" href="/static/fonts/cairo/cairo-v28-arabic_latin-regular.woff2" as="font" type="font/woff2" crossorigin>
<link rel="preload" href="/static/fonts/cairo/cairo-v28-arabic_latin-700.woff2" as="font" type="font/woff2" crossorigin>
<link rel="preload" href="/static/fonts/material-symbols/MaterialSymbolsOutlined.woff2" as="font" type="font/woff2" crossorigin>

*/